weapp-tailwindcss 5.0.0-next.24 → 5.0.0-next.26

package/dist/auto-CqyEtds4.js

@@ -0,0 +1,115 @@
+const require_chunk = require("./chunk-8l464Juk.js");
+const require_postcss = require("./postcss-BwW8zO24.js");
+let postcss = require("postcss");
+postcss = require_chunk.__toESM(postcss);
+//#region src/css-macro/auto.ts
+const CSS_MACRO_PLUGIN_MARKER = "__weappTailwindcssCssMacro";
+const CSS_MACRO_STYLE_OPTIONS_MARKER = "__weappTailwindcssCssMacroEnabled";
+function markCssMacroPlugin(value) {
+	Object.defineProperty(value, CSS_MACRO_PLUGIN_MARKER, {
+		configurable: false,
+		enumerable: false,
+		value: true
+	});
+	return value;
+}
+function isCssMacroTailwindPlugin(value) {
+	return Boolean(value && (typeof value === "function" || typeof value === "object") && value["__weappTailwindcssCssMacro"] === true);
+}
+function hasCssMacroTailwindPlugin(plugins) {
+	if (!plugins) return false;
+	if (Array.isArray(plugins)) return plugins.some(isCssMacroTailwindPlugin);
+	if (typeof plugins === "object") return Object.values(plugins).some(isCssMacroTailwindPlugin);
+	return false;
+}
+function parseCssPluginRequest(params) {
+	const value = params.trim();
+	const quoted = /^(['"])(.*?)\1/.exec(value);
+	if (quoted) return quoted[2];
+	const url = /^url\(\s*(?:(['"])(.*?)\1|([^'")\s]+))\s*\)/.exec(value);
+	return url?.[2] ?? url?.[3];
+}
+function isCssMacroPluginRequest(request) {
+	return request === "weapp-tailwindcss/css-macro";
+}
+function hasCssMacroTailwindV4Directive(css) {
+	if (!css?.includes("css-macro")) return false;
+	try {
+		let found = false;
+		postcss.default.parse(css).walkAtRules("plugin", (rule) => {
+			if (isCssMacroPluginRequest(parseCssPluginRequest(rule.params))) found = true;
+		});
+		return found;
+	} catch {
+		return /@plugin\s+(?:url\(\s*)?["']weapp-tailwindcss\/css-macro["']/.test(css);
+	}
+}
+function isCssMacroPostcssPlugin(plugin) {
+	if (plugin === require_postcss.creator) return true;
+	return Boolean(plugin && (typeof plugin === "function" || typeof plugin === "object") && plugin.postcssPlugin === "postcss-weapp-tw-css-macro-plugin");
+}
+function withCssMacroPostcssPlugins(plugins) {
+	const macroPlugin = require_postcss.creator();
+	if (!plugins) return [macroPlugin];
+	if (Array.isArray(plugins)) return plugins.some(isCssMacroPostcssPlugin) ? plugins : [...plugins, macroPlugin];
+	if (typeof plugins === "object") {
+		const values = Object.values(plugins).filter(Boolean);
+		if (values.some(isCssMacroPostcssPlugin)) return values;
+		return [...values, macroPlugin];
+	}
+	return [macroPlugin];
+}
+function withCssMacroStyleOptions(options) {
+	const postcssOptions = options?.postcssOptions;
+	return {
+		...options,
+		[CSS_MACRO_STYLE_OPTIONS_MARKER]: true,
+		postcssOptions: {
+			...postcssOptions,
+			plugins: withCssMacroPostcssPlugins(postcssOptions?.plugins)
+		}
+	};
+}
+function hasCssMacroStyleOptions(options) {
+	return Boolean(options?.[CSS_MACRO_STYLE_OPTIONS_MARKER]);
+}
+async function transformCssMacroCss(css) {
+	return (await (0, postcss.default)([require_postcss.creator()]).process(css, { from: void 0 })).css;
+}
+//#endregion
+Object.defineProperty(exports, "hasCssMacroStyleOptions", {
+	enumerable: true,
+	get: function() {
+		return hasCssMacroStyleOptions;
+	}
+});
+Object.defineProperty(exports, "hasCssMacroTailwindPlugin", {
+	enumerable: true,
+	get: function() {
+		return hasCssMacroTailwindPlugin;
+	}
+});
+Object.defineProperty(exports, "hasCssMacroTailwindV4Directive", {
+	enumerable: true,
+	get: function() {
+		return hasCssMacroTailwindV4Directive;
+	}
+});
+Object.defineProperty(exports, "markCssMacroPlugin", {
+	enumerable: true,
+	get: function() {
+		return markCssMacroPlugin;
+	}
+});
+Object.defineProperty(exports, "transformCssMacroCss", {
+	enumerable: true,
+	get: function() {
+		return transformCssMacroCss;
+	}
+});
+Object.defineProperty(exports, "withCssMacroStyleOptions", {
+	enumerable: true,
+	get: function() {
+		return withCssMacroStyleOptions;
+	}
+});

package/dist/auto-CsWz6lsU.mjs

@@ -0,0 +1,78 @@
+import { n as creator } from "./postcss-BzaRjBL0.mjs";
+import postcss from "postcss";
+//#region src/css-macro/auto.ts
+const CSS_MACRO_PLUGIN_MARKER = "__weappTailwindcssCssMacro";
+const CSS_MACRO_STYLE_OPTIONS_MARKER = "__weappTailwindcssCssMacroEnabled";
+function markCssMacroPlugin(value) {
+	Object.defineProperty(value, CSS_MACRO_PLUGIN_MARKER, {
+		configurable: false,
+		enumerable: false,
+		value: true
+	});
+	return value;
+}
+function isCssMacroTailwindPlugin(value) {
+	return Boolean(value && (typeof value === "function" || typeof value === "object") && value["__weappTailwindcssCssMacro"] === true);
+}
+function hasCssMacroTailwindPlugin(plugins) {
+	if (!plugins) return false;
+	if (Array.isArray(plugins)) return plugins.some(isCssMacroTailwindPlugin);
+	if (typeof plugins === "object") return Object.values(plugins).some(isCssMacroTailwindPlugin);
+	return false;
+}
+function parseCssPluginRequest(params) {
+	const value = params.trim();
+	const quoted = /^(['"])(.*?)\1/.exec(value);
+	if (quoted) return quoted[2];
+	const url = /^url\(\s*(?:(['"])(.*?)\1|([^'")\s]+))\s*\)/.exec(value);
+	return url?.[2] ?? url?.[3];
+}
+function isCssMacroPluginRequest(request) {
+	return request === "weapp-tailwindcss/css-macro";
+}
+function hasCssMacroTailwindV4Directive(css) {
+	if (!css?.includes("css-macro")) return false;
+	try {
+		let found = false;
+		postcss.parse(css).walkAtRules("plugin", (rule) => {
+			if (isCssMacroPluginRequest(parseCssPluginRequest(rule.params))) found = true;
+		});
+		return found;
+	} catch {
+		return /@plugin\s+(?:url\(\s*)?["']weapp-tailwindcss\/css-macro["']/.test(css);
+	}
+}
+function isCssMacroPostcssPlugin(plugin) {
+	if (plugin === creator) return true;
+	return Boolean(plugin && (typeof plugin === "function" || typeof plugin === "object") && plugin.postcssPlugin === "postcss-weapp-tw-css-macro-plugin");
+}
+function withCssMacroPostcssPlugins(plugins) {
+	const macroPlugin = creator();
+	if (!plugins) return [macroPlugin];
+	if (Array.isArray(plugins)) return plugins.some(isCssMacroPostcssPlugin) ? plugins : [...plugins, macroPlugin];
+	if (typeof plugins === "object") {
+		const values = Object.values(plugins).filter(Boolean);
+		if (values.some(isCssMacroPostcssPlugin)) return values;
+		return [...values, macroPlugin];
+	}
+	return [macroPlugin];
+}
+function withCssMacroStyleOptions(options) {
+	const postcssOptions = options?.postcssOptions;
+	return {
+		...options,
+		[CSS_MACRO_STYLE_OPTIONS_MARKER]: true,
+		postcssOptions: {
+			...postcssOptions,
+			plugins: withCssMacroPostcssPlugins(postcssOptions?.plugins)
+		}
+	};
+}
+function hasCssMacroStyleOptions(options) {
+	return Boolean(options?.[CSS_MACRO_STYLE_OPTIONS_MARKER]);
+}
+async function transformCssMacroCss(css) {
+	return (await postcss([creator()]).process(css, { from: void 0 })).css;
+}
+//#endregion
+export { transformCssMacroCss as a, markCssMacroPlugin as i, hasCssMacroTailwindPlugin as n, withCssMacroStyleOptions as o, hasCssMacroTailwindV4Directive as r, hasCssMacroStyleOptions as t };

package/dist/{bundle-state-CP_BWXfx.mjs → bundle-state-CWcrb3mH.mjs}

@@ -1,10 +1,9 @@
-import { d as traverse, u as babelParse } from "./precheck-DreRGvYH.mjs";
+import { h as traverse, m as babelParse, o as Parser } from "./precheck-BI8oBeUg.mjs";
 import { createRequire } from "node:module";
 import path from "node:path";
 import process from "node:process";
 import { cleanUrl, ensurePosix } from "@weapp-tailwindcss/shared";
 import { Buffer } from "node:buffer";
-import { Parser } from "htmlparser2";
 //#region src/bundlers/shared/module-graph.ts
 const QUERY_HASH_RE = /[?#].*$/u;
 const PROTOCOL_RE = /^[a-z][a-z+.-]*:/iu;

package/dist/{bundle-state-DXFq2nEo.js → bundle-state-uCtqRm0p.js}

@@ -1,5 +1,5 @@
 const require_chunk = require("./chunk-8l464Juk.js");
-const require_precheck = require("./precheck-DtYqujIx.js");
+const require_precheck = require("./precheck-DLJg0_pu.js");
 let node_module = require("node:module");
 let node_path = require("node:path");
 node_path = require_chunk.__toESM(node_path);
@@ -7,7 +7,6 @@ let node_process = require("node:process");
 node_process = require_chunk.__toESM(node_process);
 let _weapp_tailwindcss_shared = require("@weapp-tailwindcss/shared");
 let node_buffer = require("node:buffer");
-let htmlparser2 = require("htmlparser2");
 //#region src/bundlers/shared/module-graph.ts
 const QUERY_HASH_RE = /[?#].*$/u;
 const PROTOCOL_RE = /^[a-z][a-z+.-]*:/iu;
@@ -220,7 +219,7 @@ const CSS_WHITESPACE_RE = /\s+/g;
 function createHtmlRuntimeAffectingSignature(source) {
 	try {
 		const parts = [];
-		const parser = new htmlparser2.Parser({
+		const parser = new require_precheck.Parser({
 			onattribute(name, value) {
 				parts.push(`a:${name}=${value}`);
 			},

package/dist/bundlers/vite/serve-css-generation.d.ts

@@ -0,0 +1,11 @@
+import type { Plugin } from 'vite';
+interface ViteServeCssGenerationOptions {
+    generateCss: (id: string, code: string, hookContext?: {
+        addWatchFile?: (id: string) => void;
+    }) => Promise<string | undefined> | string | undefined;
+    getCommand: () => string | undefined;
+    onTailwindRootCss?: ((id: string, code: string) => Promise<void> | void) | undefined;
+    shouldGenerate: () => boolean;
+}
+export declare function createViteServeCssGenerationPlugins(options: ViteServeCssGenerationOptions): Plugin[];
+export {};

package/dist/cli.js

@@ -46,13 +46,11 @@ require("tailwindcss-config");
 let _babel_traverse = require("@babel/traverse");
 _babel_traverse = __toESM(_babel_traverse);
 let _babel_parser = require("@babel/parser");
-let _weapp_core_regex = require("@weapp-core/regex");
 let magic_string = require("magic-string");
 magic_string = __toESM(magic_string);
 let _ast_core_escape = require("@ast-core/escape");
 let _weapp_tailwindcss_shared_extractors = require("@weapp-tailwindcss/shared/extractors");
 require("@babel/types");
-require("htmlparser2");
 //#region src/js/babel/cache-options.ts
 const DEFAULT_PARSE_CACHE_MAX_SOURCE_LENGTH = 5e4;
 const HARD_PARSE_CACHE_MAX_ENTRIES = 1024;
@@ -73,6 +71,163 @@ function createDebug(prefix) {
 	return debug$4;
 }
 //#endregion
+//#region src/css-macro/constants.ts
+const queryKey = "weapp-tw-platform";
+const UNESCAPED_UNDERSCORE_RE = /(?<!\\)_/g;
+const WHITESPACE_RE = /\s+/g;
+const LOGICAL_OPERATOR_RE = /\s*(\|\||&&)\s*/g;
+function normalComment(text) {
+	if (typeof text === "string") {
+		const normalized = text.replaceAll(UNESCAPED_UNDERSCORE_RE, " ").replaceAll(WHITESPACE_RE, " ").trim();
+		if (normalized.includes("\\")) return normalized;
+		return normalized.replaceAll(LOGICAL_OPERATOR_RE, " $1 ").replaceAll(WHITESPACE_RE, " ").trim();
+	}
+	return text;
+}
+function ifdef(text) {
+	return {
+		start: `#ifdef ${normalComment(text)}`,
+		end: `#endif`
+	};
+}
+function ifndef(text) {
+	return {
+		start: `#ifndef ${normalComment(text)}`,
+		end: `#endif`
+	};
+}
+const QUERY_KEY_REGEX = new RegExp(`\\(\\s*${queryKey}\\s*:\\s*"([^)]*)"\\)`, "g");
+function matchCustomPropertyFromValue(str, cb) {
+	let index = 0;
+	QUERY_KEY_REGEX.lastIndex = 0;
+	let arr = QUERY_KEY_REGEX.exec(str);
+	while (arr !== null) {
+		cb(arr, index);
+		index++;
+		arr = QUERY_KEY_REGEX.exec(str);
+	}
+}
+function parseConditionalAtRuleParam(params) {
+	const value = params.trim();
+	const quoted = /^(['"])((?:\\.|(?!\1).)*)\1/.exec(value);
+	if (!quoted) return value;
+	return quoted[2]?.replaceAll(/\\(["'\\])/g, "$1") ?? "";
+}
+//#endregion
+//#region src/css-macro/postcss.ts
+const IFDEF_ENDIF_RE = /#(?:ifn?def|endif)/;
+const CONDITIONAL_COMMENT_SPACING = " ";
+const CSS_MACRO_POSTCSS_PLUGIN_NAME = "postcss-weapp-tw-css-macro-plugin";
+const creator = () => {
+	return {
+		postcssPlugin: CSS_MACRO_POSTCSS_PLUGIN_NAME,
+		prepare() {
+			function replaceAtRuleWithConditionalComments(atRule, helper, comment) {
+				const hasPreviousNode = Boolean(atRule.prev());
+				const clonedNodes = (atRule.nodes ?? []).map((node) => node.clone());
+				const startComment = helper.comment({
+					raws: {
+						left: CONDITIONAL_COMMENT_SPACING,
+						right: CONDITIONAL_COMMENT_SPACING
+					},
+					text: comment.start
+				});
+				const endComment = helper.comment({
+					raws: {
+						left: CONDITIONAL_COMMENT_SPACING,
+						right: CONDITIONAL_COMMENT_SPACING
+					},
+					text: comment.end
+				});
+				const nextNodes = [
+					startComment,
+					...clonedNodes,
+					endComment
+				];
+				atRule.replaceWith(nextNodes);
+				startComment.raws.before = hasPreviousNode ? "\n" : "";
+				startComment.raws["after"] = "\n";
+				if (clonedNodes[0]) clonedNodes[0].raws.before = "\n";
+				endComment.raws.before = "\n";
+				endComment.raws["after"] = "\n";
+				const nextNode = endComment?.next();
+				if (nextNode) nextNode.raws.before = "\n";
+			}
+			function replaceNestedAtRuleWithConditionalRule(atRule, helper, comment) {
+				if (atRule.parent?.type !== "rule") return false;
+				const parentRule = atRule.parent;
+				const clonedNodes = (atRule.nodes ?? []).map((node) => node.clone());
+				const conditionalRule = parentRule.clone();
+				conditionalRule.removeAll();
+				conditionalRule.append(...clonedNodes);
+				const startComment = helper.comment({
+					raws: {
+						left: CONDITIONAL_COMMENT_SPACING,
+						right: CONDITIONAL_COMMENT_SPACING
+					},
+					text: comment.start
+				});
+				const endComment = helper.comment({
+					raws: {
+						left: CONDITIONAL_COMMENT_SPACING,
+						right: CONDITIONAL_COMMENT_SPACING
+					},
+					text: comment.end
+				});
+				const nextNodes = [
+					startComment,
+					conditionalRule,
+					endComment
+				];
+				const hasPreviousNode = Boolean(parentRule.prev());
+				atRule.remove();
+				if ((parentRule.nodes?.length ?? 0) === 0) parentRule.replaceWith(nextNodes);
+				else parentRule.after(nextNodes);
+				startComment.raws.before = hasPreviousNode ? "\n" : "";
+				startComment.raws["after"] = "\n";
+				conditionalRule.raws.before = "\n";
+				endComment.raws.before = "\n";
+				endComment.raws["after"] = "\n";
+				const nextNode = endComment.next();
+				if (nextNode) nextNode.raws.before = "\n";
+				return true;
+			}
+			return {
+				AtRule(atRule, helper) {
+					if (atRule.name === "weapp-tw-ifdef" || atRule.name === "weapp-tw-ifndef") {
+						const text = parseConditionalAtRuleParam(atRule.params);
+						const comment = atRule.name === "weapp-tw-ifndef" ? ifndef(text) : ifdef(text);
+						if (replaceNestedAtRuleWithConditionalRule(atRule, helper, comment)) return;
+						replaceAtRuleWithConditionalComments(atRule, helper, comment);
+						return;
+					}
+					if (atRule.name === "media") {
+						const values = [];
+						matchCustomPropertyFromValue(atRule.params, (arr) => {
+							const value = arr[1];
+							if (value) values.push(value);
+						});
+						if (values.length > 0) {
+							const isNegative = atRule.params.includes("not");
+							const text = values.join(" ");
+							const comment = isNegative ? ifndef(text) : ifdef(text);
+							if (replaceNestedAtRuleWithConditionalRule(atRule, helper, comment)) return;
+							replaceAtRuleWithConditionalComments(atRule, helper, comment);
+						}
+					}
+				},
+				CommentExit(comment) {
+					if (IFDEF_ENDIF_RE.test(comment.text)) {
+						comment.raws.left = CONDITIONAL_COMMENT_SPACING;
+						comment.raws.right = CONDITIONAL_COMMENT_SPACING;
+					}
+				}
+			};
+		}
+	};
+};
+creator.postcss = true;
+//#endregion
 //#region src/tailwindcss/source-scan.ts
 const DEFAULT_SOURCE_SCAN_EXTENSIONS = [
 	"html",
@@ -533,15 +688,18 @@ runtimeLogDedupeHolder.__WEAPP_TW_RUNTIME_LOG_DEDUPE__ ?? (runtimeLogDedupeHolde
 const globalCacheHolder = globalThis;
 globalCacheHolder.__WEAPP_TW_COMPILER_CONTEXT_CACHE__ ?? (globalCacheHolder.__WEAPP_TW_COMPILER_CONTEXT_CACHE__ = /* @__PURE__ */ new Map());
 //#endregion
-//#region src/constants.ts
-const WEAPP_TW_REQUIRED_NODE_VERSION_RANGE = "^20.19.0 || >=22.12.0";
-//#endregion
 //#region src/babel/index.ts
 function _interopDefaultCompat(e) {
 	return e && typeof e === "object" && "default" in e ? e.default : e;
 }
 const traverse = _interopDefaultCompat(_babel_traverse.default);
 //#endregion
+//#region src/utils/regex.ts
+function escapeStringRegexp(str) {
+	if (typeof str !== "string") throw new TypeError("Expected a string");
+	return str.replaceAll(/[$()*+.?[\\\]^{|}]/g, "\\$&").replaceAll("-", "\\x2d");
+}
+//#endregion
 //#region src/utils/nameMatcher.ts
 const NEVER_MATCH_NAME$1 = () => false;
 const GLOBAL_FLAG_REGEXP = /g/g;
@@ -553,7 +711,7 @@ function buildFuzzyMatcher(fuzzyStrings) {
 		return (value) => value.includes(needle);
 	}
 	const unique = [...new Set(fuzzyStrings)];
-	const pattern = new RegExp(unique.map(_weapp_core_regex.escapeStringRegexp).join("|"));
+	const pattern = new RegExp(unique.map(escapeStringRegexp).join("|"));
 	return (value) => pattern.test(value);
 }
 function normaliseRegex(regex) {
@@ -2106,6 +2264,9 @@ var Tokenizer = class {
 };
 new Tokenizer();
 //#endregion
+//#region src/constants.ts
+const WEAPP_TW_REQUIRED_NODE_VERSION_RANGE = "^20.19.0 || >=22.12.0";
+//#endregion
 //#region src/cli/context.ts
 function formatOutputPath(target, baseDir) {
 	const root = baseDir ?? node_process.default.cwd();

package/dist/cli.mjs

@@ -18,12 +18,10 @@ import "fast-glob";
 import "tailwindcss-config";
 import _babelTraverse from "@babel/traverse";
 import { parse } from "@babel/parser";
-import { escapeStringRegexp } from "@weapp-core/regex";
 import MagicString from "magic-string";
 import { jsStringEscape } from "@ast-core/escape";
 import { splitCode } from "@weapp-tailwindcss/shared/extractors";
 import "@babel/types";
-import "htmlparser2";
 //#region src/js/babel/cache-options.ts
 const DEFAULT_PARSE_CACHE_MAX_SOURCE_LENGTH = 5e4;
 const HARD_PARSE_CACHE_MAX_ENTRIES = 1024;
@@ -44,6 +42,163 @@ function createDebug(prefix) {
 	return debug;
 }
 //#endregion
+//#region src/css-macro/constants.ts
+const queryKey = "weapp-tw-platform";
+const UNESCAPED_UNDERSCORE_RE = /(?<!\\)_/g;
+const WHITESPACE_RE = /\s+/g;
+const LOGICAL_OPERATOR_RE = /\s*(\|\||&&)\s*/g;
+function normalComment(text) {
+	if (typeof text === "string") {
+		const normalized = text.replaceAll(UNESCAPED_UNDERSCORE_RE, " ").replaceAll(WHITESPACE_RE, " ").trim();
+		if (normalized.includes("\\")) return normalized;
+		return normalized.replaceAll(LOGICAL_OPERATOR_RE, " $1 ").replaceAll(WHITESPACE_RE, " ").trim();
+	}
+	return text;
+}
+function ifdef(text) {
+	return {
+		start: `#ifdef ${normalComment(text)}`,
+		end: `#endif`
+	};
+}
+function ifndef(text) {
+	return {
+		start: `#ifndef ${normalComment(text)}`,
+		end: `#endif`
+	};
+}
+const QUERY_KEY_REGEX = new RegExp(`\\(\\s*${queryKey}\\s*:\\s*"([^)]*)"\\)`, "g");
+function matchCustomPropertyFromValue(str, cb) {
+	let index = 0;
+	QUERY_KEY_REGEX.lastIndex = 0;
+	let arr = QUERY_KEY_REGEX.exec(str);
+	while (arr !== null) {
+		cb(arr, index);
+		index++;
+		arr = QUERY_KEY_REGEX.exec(str);
+	}
+}
+function parseConditionalAtRuleParam(params) {
+	const value = params.trim();
+	const quoted = /^(['"])((?:\\.|(?!\1).)*)\1/.exec(value);
+	if (!quoted) return value;
+	return quoted[2]?.replaceAll(/\\(["'\\])/g, "$1") ?? "";
+}
+//#endregion
+//#region src/css-macro/postcss.ts
+const IFDEF_ENDIF_RE = /#(?:ifn?def|endif)/;
+const CONDITIONAL_COMMENT_SPACING = " ";
+const CSS_MACRO_POSTCSS_PLUGIN_NAME = "postcss-weapp-tw-css-macro-plugin";
+const creator = () => {
+	return {
+		postcssPlugin: CSS_MACRO_POSTCSS_PLUGIN_NAME,
+		prepare() {
+			function replaceAtRuleWithConditionalComments(atRule, helper, comment) {
+				const hasPreviousNode = Boolean(atRule.prev());
+				const clonedNodes = (atRule.nodes ?? []).map((node) => node.clone());
+				const startComment = helper.comment({
+					raws: {
+						left: CONDITIONAL_COMMENT_SPACING,
+						right: CONDITIONAL_COMMENT_SPACING
+					},
+					text: comment.start
+				});
+				const endComment = helper.comment({
+					raws: {
+						left: CONDITIONAL_COMMENT_SPACING,
+						right: CONDITIONAL_COMMENT_SPACING
+					},
+					text: comment.end
+				});
+				const nextNodes = [
+					startComment,
+					...clonedNodes,
+					endComment
+				];
+				atRule.replaceWith(nextNodes);
+				startComment.raws.before = hasPreviousNode ? "\n" : "";
+				startComment.raws["after"] = "\n";
+				if (clonedNodes[0]) clonedNodes[0].raws.before = "\n";
+				endComment.raws.before = "\n";
+				endComment.raws["after"] = "\n";
+				const nextNode = endComment?.next();
+				if (nextNode) nextNode.raws.before = "\n";
+			}
+			function replaceNestedAtRuleWithConditionalRule(atRule, helper, comment) {
+				if (atRule.parent?.type !== "rule") return false;
+				const parentRule = atRule.parent;
+				const clonedNodes = (atRule.nodes ?? []).map((node) => node.clone());
+				const conditionalRule = parentRule.clone();
+				conditionalRule.removeAll();
+				conditionalRule.append(...clonedNodes);
+				const startComment = helper.comment({
+					raws: {
+						left: CONDITIONAL_COMMENT_SPACING,
+						right: CONDITIONAL_COMMENT_SPACING
+					},
+					text: comment.start
+				});
+				const endComment = helper.comment({
+					raws: {
+						left: CONDITIONAL_COMMENT_SPACING,
+						right: CONDITIONAL_COMMENT_SPACING
+					},
+					text: comment.end
+				});
+				const nextNodes = [
+					startComment,
+					conditionalRule,
+					endComment
+				];
+				const hasPreviousNode = Boolean(parentRule.prev());
+				atRule.remove();
+				if ((parentRule.nodes?.length ?? 0) === 0) parentRule.replaceWith(nextNodes);
+				else parentRule.after(nextNodes);
+				startComment.raws.before = hasPreviousNode ? "\n" : "";
+				startComment.raws["after"] = "\n";
+				conditionalRule.raws.before = "\n";
+				endComment.raws.before = "\n";
+				endComment.raws["after"] = "\n";
+				const nextNode = endComment.next();
+				if (nextNode) nextNode.raws.before = "\n";
+				return true;
+			}
+			return {
+				AtRule(atRule, helper) {
+					if (atRule.name === "weapp-tw-ifdef" || atRule.name === "weapp-tw-ifndef") {
+						const text = parseConditionalAtRuleParam(atRule.params);
+						const comment = atRule.name === "weapp-tw-ifndef" ? ifndef(text) : ifdef(text);
+						if (replaceNestedAtRuleWithConditionalRule(atRule, helper, comment)) return;
+						replaceAtRuleWithConditionalComments(atRule, helper, comment);
+						return;
+					}
+					if (atRule.name === "media") {
+						const values = [];
+						matchCustomPropertyFromValue(atRule.params, (arr) => {
+							const value = arr[1];
+							if (value) values.push(value);
+						});
+						if (values.length > 0) {
+							const isNegative = atRule.params.includes("not");
+							const text = values.join(" ");
+							const comment = isNegative ? ifndef(text) : ifdef(text);
+							if (replaceNestedAtRuleWithConditionalRule(atRule, helper, comment)) return;
+							replaceAtRuleWithConditionalComments(atRule, helper, comment);
+						}
+					}
+				},
+				CommentExit(comment) {
+					if (IFDEF_ENDIF_RE.test(comment.text)) {
+						comment.raws.left = CONDITIONAL_COMMENT_SPACING;
+						comment.raws.right = CONDITIONAL_COMMENT_SPACING;
+					}
+				}
+			};
+		}
+	};
+};
+creator.postcss = true;
+//#endregion
 //#region src/tailwindcss/source-scan.ts
 const DEFAULT_SOURCE_SCAN_EXTENSIONS = [
 	"html",
@@ -504,15 +659,18 @@ runtimeLogDedupeHolder.__WEAPP_TW_RUNTIME_LOG_DEDUPE__ ?? (runtimeLogDedupeHolde
 const globalCacheHolder = globalThis;
 globalCacheHolder.__WEAPP_TW_COMPILER_CONTEXT_CACHE__ ?? (globalCacheHolder.__WEAPP_TW_COMPILER_CONTEXT_CACHE__ = /* @__PURE__ */ new Map());
 //#endregion
-//#region src/constants.ts
-const WEAPP_TW_REQUIRED_NODE_VERSION_RANGE = "^20.19.0 || >=22.12.0";
-//#endregion
 //#region src/babel/index.ts
 function _interopDefaultCompat(e) {
 	return e && typeof e === "object" && "default" in e ? e.default : e;
 }
 const traverse = _interopDefaultCompat(_babelTraverse);
 //#endregion
+//#region src/utils/regex.ts
+function escapeStringRegexp(str) {
+	if (typeof str !== "string") throw new TypeError("Expected a string");
+	return str.replaceAll(/[$()*+.?[\\\]^{|}]/g, "\\$&").replaceAll("-", "\\x2d");
+}
+//#endregion
 //#region src/utils/nameMatcher.ts
 const NEVER_MATCH_NAME$1 = () => false;
 const GLOBAL_FLAG_REGEXP = /g/g;
@@ -2077,6 +2235,9 @@ var Tokenizer = class {
 };
 new Tokenizer();
 //#endregion
+//#region src/constants.ts
+const WEAPP_TW_REQUIRED_NODE_VERSION_RANGE = "^20.19.0 || >=22.12.0";
+//#endregion
 //#region src/cli/context.ts
 function formatOutputPath(target, baseDir) {
 	const root = baseDir ?? process.cwd();

package/dist/context/runtime-package-replacements.d.ts

@@ -0,0 +1,2 @@
+import type { InternalUserDefinedOptions } from '../types';
+export declare function resolveRuntimePackageReplacements(option: InternalUserDefinedOptions['replaceRuntimePackages']): Record<string, string> | undefined;

package/dist/context/style-options.d.ts

@@ -0,0 +1,3 @@
+import type { IStyleHandlerOptions } from '@weapp-tailwindcss/postcss/types';
+import type { InternalUserDefinedOptions } from '../types';
+export declare function resolveStyleOptionsFromContext(ctx: InternalUserDefinedOptions): Partial<IStyleHandlerOptions>;

package/dist/core.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("./chunk-8l464Juk.js");
-const require_precheck = require("./precheck-DtYqujIx.js");
+const require_precheck = require("./precheck-DLJg0_pu.js");
 let _weapp_tailwindcss_shared = require("@weapp-tailwindcss/shared");
 //#region src/core.ts
 const DEFAULT_MAIN_CHUNK_STYLE_OPTIONS = Object.freeze({ isMainChunk: true });