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

package/dist/auto-AduSz49t.mjs

@@ -0,0 +1,80 @@
+import { n as creator, t as CSS_MACRO_POSTCSS_PLUGIN_NAME } from "./postcss-DYktK8_T.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") {
+		if (Object.values(plugins).some(isCssMacroPostcssPlugin)) return plugins;
+		return {
+			...plugins,
+			[CSS_MACRO_POSTCSS_PLUGIN_NAME]: 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/auto-B11j1XiD.js

@@ -0,0 +1,117 @@
+const require_chunk = require("./chunk-8l464Juk.js");
+const require_postcss = require("./postcss-DXkxsPNg.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") {
+		if (Object.values(plugins).some(isCssMacroPostcssPlugin)) return plugins;
+		return {
+			...plugins,
+			[require_postcss.CSS_MACRO_POSTCSS_PLUGIN_NAME]: 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/{bundle-state-DXFq2nEo.js → bundle-state-BY7PWHAc.js}

@@ -1,5 +1,5 @@
 const require_chunk = require("./chunk-8l464Juk.js");
-const require_precheck = require("./precheck-DtYqujIx.js");
+const require_precheck = require("./precheck-ezN3ovAq.js");
 let node_module = require("node:module");
 let node_path = require("node:path");
 node_path = require_chunk.__toESM(node_path);

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

@@ -1,4 +1,4 @@
-import { d as traverse, u as babelParse } from "./precheck-DreRGvYH.mjs";
+import { m as traverse, p as babelParse } from "./precheck-B4CpMt_w.mjs";
 import { createRequire } from "node:module";
 import path from "node:path";
 import process from "node:process";

package/dist/cli.js

@@ -46,7 +46,6 @@ 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");
@@ -73,6 +72,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 +689,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 +712,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 +2265,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,7 +18,6 @@ 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";
@@ -44,6 +43,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 +660,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 +2236,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-ezN3ovAq.js");
 let _weapp_tailwindcss_shared = require("@weapp-tailwindcss/shared");
 //#region src/core.ts
 const DEFAULT_MAIN_CHUNK_STYLE_OPTIONS = Object.freeze({ isMainChunk: true });

package/dist/core.mjs

@@ -1,4 +1,4 @@
-import { _ as ensureRuntimeClassSet, g as createTailwindRuntimeReadyPromise, n as getCompilerContext, t as shouldSkipJsTransform } from "./precheck-DreRGvYH.mjs";
+import { _ as createTailwindRuntimeReadyPromise, n as getCompilerContext, t as shouldSkipJsTransform, v as ensureRuntimeClassSet } from "./precheck-B4CpMt_w.mjs";
 import { defuOverrideArray } from "@weapp-tailwindcss/shared";
 //#region src/core.ts
 const DEFAULT_MAIN_CHUNK_STYLE_OPTIONS = Object.freeze({ isMainChunk: true });

package/dist/css-macro/auto.d.ts

@@ -0,0 +1,10 @@
+import type { IStyleHandlerOptions } from '@weapp-tailwindcss/postcss/types';
+export declare const CSS_MACRO_PLUGIN_MARKER = "__weappTailwindcssCssMacro";
+export declare const CSS_MACRO_STYLE_OPTIONS_MARKER = "__weappTailwindcssCssMacroEnabled";
+export declare function markCssMacroPlugin<T extends object>(value: T): T;
+export declare function isCssMacroTailwindPlugin(value: unknown): boolean;
+export declare function hasCssMacroTailwindPlugin(plugins: unknown): boolean;
+export declare function hasCssMacroTailwindV4Directive(css: string | undefined): boolean;
+export declare function withCssMacroStyleOptions(options: Partial<IStyleHandlerOptions> | undefined): Partial<IStyleHandlerOptions>;
+export declare function hasCssMacroStyleOptions(options: Partial<IStyleHandlerOptions> | undefined): boolean;
+export declare function transformCssMacroCss(css: string): Promise<string>;

package/dist/css-macro/constants.d.ts

@@ -1,7 +1,9 @@
 export declare const uniAppPlatform: string[];
 export declare const queryKey = "weapp-tw-platform";
-export declare function createMediaQuery(value: string): string;
-export declare function createNegativeMediaQuery(value: string): string;
+export declare const ifdefAtRule = "weapp-tw-ifdef";
+export declare const ifndefAtRule = "weapp-tw-ifndef";
+export declare function createConditionalAtRule(value: string): string;
+export declare function createNegativeConditionalAtRule(value: string): string;
 export declare function normalComment(text: string): string;
 export declare function ifdef(text: string): {
     start: string;
@@ -12,3 +14,4 @@ export declare function ifndef(text: string): {
     end: string;
 };
 export declare function matchCustomPropertyFromValue(str: string, cb: (arr: RegExpExecArray, index: number) => void): void;
+export declare function parseConditionalAtRuleParam(params: string): string;