uniwind-plugin-next 1.1.2 → 1.3.0

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

@@ -0,0 +1,26 @@
+import { generateCSSForInsets } from "./insets.mjs";
+import { generateCSSForThemes } from "./themes.mjs";
+import { generateCSSForVariants } from "./variants.mjs";
+import path from "path";
+import fs from "fs";
+
+//#region src/webpack/uniwind/src/css/index.ts
+const dirname = typeof __dirname !== "undefined" ? __dirname : import.meta.dirname;
+const buildCSS = async (themes, input) => {
+	const variants = generateCSSForVariants();
+	const insets = generateCSSForInsets();
+	const themesCSS = await generateCSSForThemes(themes, input);
+	const cssFilePath = path.join(dirname, "../../uniwind.css");
+	const oldCSSFile = fs.existsSync(cssFilePath) ? fs.readFileSync(cssFilePath, "utf-8") : "";
+	const newCssFile = [
+		variants,
+		insets,
+		themesCSS
+	].join("\n");
+	if (oldCSSFile === newCssFile) return;
+	fs.writeFileSync(cssFilePath, newCssFile);
+};
+
+//#endregion
+export { buildCSS };
+//# sourceMappingURL=index.mjs.map

package/dist/webpack/uniwind/src/css/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../../src/webpack/uniwind/src/css/index.ts"],"sourcesContent":["import fs from \"fs\";\nimport path from \"path\";\nimport { generateCSSForInsets } from \"./insets\";\nimport { generateCSSForThemes } from \"./themes\";\nimport { generateCSSForVariants } from \"./variants\";\n\nconst dirname =\n  typeof __dirname !== \"undefined\" ? __dirname : import.meta.dirname;\n\nexport const buildCSS = async (themes: Array<string>, input: string) => {\n  const variants = generateCSSForVariants();\n  const insets = generateCSSForInsets();\n  const themesCSS = await generateCSSForThemes(themes, input);\n  const cssFilePath = path.join(dirname, \"../../uniwind.css\");\n  const oldCSSFile = fs.existsSync(cssFilePath)\n    ? fs.readFileSync(cssFilePath, \"utf-8\")\n    : \"\";\n\n  const newCssFile = [variants, insets, themesCSS].join(\"\\n\");\n\n  if (oldCSSFile === newCssFile) {\n    return;\n  }\n\n  fs.writeFileSync(cssFilePath, newCssFile);\n};\n"],"mappings":";;;;;;;AAMA,MAAM,UACJ,OAAO,cAAc,cAAc,YAAY,OAAO,KAAK;AAE7D,MAAa,WAAW,OAAO,QAAuB,UAAkB;CACtE,MAAM,WAAW,wBAAwB;CACzC,MAAM,SAAS,sBAAsB;CACrC,MAAM,YAAY,MAAM,qBAAqB,QAAQ,MAAM;CAC3D,MAAM,cAAc,KAAK,KAAK,SAAS,oBAAoB;CAC3D,MAAM,aAAa,GAAG,WAAW,YAAY,GACzC,GAAG,aAAa,aAAa,QAAQ,GACrC;CAEJ,MAAM,aAAa;EAAC;EAAU;EAAQ;EAAU,CAAC,KAAK,KAAK;AAE3D,KAAI,eAAe,WACjB;AAGF,IAAG,cAAc,aAAa,WAAW"}

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

@@ -0,0 +1,87 @@
+
+//#region src/webpack/uniwind/src/css/insets.ts
+const types = [
+	"margin",
+	"padding",
+	"inset"
+];
+const sides = [
+	"inset",
+	"x",
+	"y",
+	"top",
+	"bottom",
+	"left",
+	"right"
+];
+const safeAreaTypes = [
+	"safe",
+	"safe-or-*",
+	"safe-offset-*"
+];
+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\n`;
+	const getInsetsForSide = (side) => {
+		switch (side) {
+			case "top": return ["top"];
+			case "bottom": return ["bottom"];
+			case "left": return ["left"];
+			case "right": return ["right"];
+			case "x": return ["left", "right"];
+			case "y": return ["top", "bottom"];
+			case "inset": return [
+				"top",
+				"bottom",
+				"left",
+				"right"
+			];
+			default: return [];
+		}
+	};
+	const getUtilityName = (typeName, side, safeAreaType) => {
+		if (typeName === "inset") return `${side}-${safeAreaType}`;
+		const sideSuffix = side === "inset" ? "" : side.at(0);
+		return `${typeName.at(0)}${sideSuffix}-${safeAreaType}`;
+	};
+	const getStyleProperty = (typeName, inset) => {
+		if (typeName === "inset") return inset;
+		return `${typeName}-${inset}`;
+	};
+	const getStylesForSafeAreaType = (safeAreaType, styles) => {
+		switch (safeAreaType) {
+			case "safe": return styles;
+			case "safe-or-*": return styles.flatMap((style) => {
+				const styleWithoutSemicolon = style.replace(";", "");
+				return [styleWithoutSemicolon.replace(/: (env.*)/, (_, env) => `: max(${env}, ${spacing});`), styleWithoutSemicolon.replace(/: (env.*)/, (_, env) => `: max(${env}, ${length});`)];
+			});
+			case "safe-offset-*": return styles.flatMap((style) => {
+				const styleWithoutSemicolon = style.replace(";", "");
+				return [styleWithoutSemicolon.replace(/: (env.*)/, (_, env) => `: calc(${env} + ${spacing});`), styleWithoutSemicolon.replace(/: (env.*)/, (_, env) => `: calc(${env} + ${length});`)];
+			});
+			default: return [];
+		}
+	};
+	types.forEach((type) => {
+		sides.forEach((side) => {
+			const styles = getInsetsForSide(side).map((inset) => `${getStyleProperty(type, inset)}: env(safe-area-inset-${inset});`);
+			safeAreaTypes.forEach((safeAreaType) => {
+				const utilityName = getUtilityName(type, side, safeAreaType);
+				css += [
+					`@utility ${utilityName} {`,
+					...getStylesForSafeAreaType(safeAreaType, styles).map((style) => `    ${style}`),
+					"}",
+					"",
+					""
+				].join("\n");
+			});
+		});
+	});
+	return css.slice(0, -1);
+};
+
+//#endregion
+exports.generateCSSForInsets = generateCSSForInsets;

package/dist/webpack/uniwind/src/css/insets.mjs

@@ -0,0 +1,87 @@
+//#region src/webpack/uniwind/src/css/insets.ts
+const types = [
+	"margin",
+	"padding",
+	"inset"
+];
+const sides = [
+	"inset",
+	"x",
+	"y",
+	"top",
+	"bottom",
+	"left",
+	"right"
+];
+const safeAreaTypes = [
+	"safe",
+	"safe-or-*",
+	"safe-offset-*"
+];
+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\n`;
+	const getInsetsForSide = (side) => {
+		switch (side) {
+			case "top": return ["top"];
+			case "bottom": return ["bottom"];
+			case "left": return ["left"];
+			case "right": return ["right"];
+			case "x": return ["left", "right"];
+			case "y": return ["top", "bottom"];
+			case "inset": return [
+				"top",
+				"bottom",
+				"left",
+				"right"
+			];
+			default: return [];
+		}
+	};
+	const getUtilityName = (typeName, side, safeAreaType) => {
+		if (typeName === "inset") return `${side}-${safeAreaType}`;
+		const sideSuffix = side === "inset" ? "" : side.at(0);
+		return `${typeName.at(0)}${sideSuffix}-${safeAreaType}`;
+	};
+	const getStyleProperty = (typeName, inset) => {
+		if (typeName === "inset") return inset;
+		return `${typeName}-${inset}`;
+	};
+	const getStylesForSafeAreaType = (safeAreaType, styles) => {
+		switch (safeAreaType) {
+			case "safe": return styles;
+			case "safe-or-*": return styles.flatMap((style) => {
+				const styleWithoutSemicolon = style.replace(";", "");
+				return [styleWithoutSemicolon.replace(/: (env.*)/, (_, env) => `: max(${env}, ${spacing});`), styleWithoutSemicolon.replace(/: (env.*)/, (_, env) => `: max(${env}, ${length});`)];
+			});
+			case "safe-offset-*": return styles.flatMap((style) => {
+				const styleWithoutSemicolon = style.replace(";", "");
+				return [styleWithoutSemicolon.replace(/: (env.*)/, (_, env) => `: calc(${env} + ${spacing});`), styleWithoutSemicolon.replace(/: (env.*)/, (_, env) => `: calc(${env} + ${length});`)];
+			});
+			default: return [];
+		}
+	};
+	types.forEach((type) => {
+		sides.forEach((side) => {
+			const styles = getInsetsForSide(side).map((inset) => `${getStyleProperty(type, inset)}: env(safe-area-inset-${inset});`);
+			safeAreaTypes.forEach((safeAreaType) => {
+				const utilityName = getUtilityName(type, side, safeAreaType);
+				css += [
+					`@utility ${utilityName} {`,
+					...getStylesForSafeAreaType(safeAreaType, styles).map((style) => `    ${style}`),
+					"}",
+					"",
+					""
+				].join("\n");
+			});
+		});
+	});
+	return css.slice(0, -1);
+};
+
+//#endregion
+export { generateCSSForInsets };
+//# sourceMappingURL=insets.mjs.map

package/dist/webpack/uniwind/src/css/insets.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"insets.mjs","names":[],"sources":["../../../../../src/webpack/uniwind/src/css/insets.ts"],"sourcesContent":["const types = [\"margin\", \"padding\", \"inset\"] as const;\nconst sides = [\"inset\", \"x\", \"y\", \"top\", \"bottom\", \"left\", \"right\"] as const;\nconst safeAreaTypes = [\"safe\", \"safe-or-*\", \"safe-offset-*\"] as const;\nconst spacing = \"--spacing(--value(integer))\";\nconst length = \"--value([length])\";\n\ntype Side = (typeof sides)[number];\ntype TypeName = (typeof types)[number];\ntype SafeAreaType = (typeof safeAreaTypes)[number];\ntype Inset = \"top\" | \"bottom\" | \"left\" | \"right\";\n\nexport const generateCSSForInsets = () => {\n  let css = `@utility h-screen-safe {\n    height: calc(100vh - (env(safe-area-inset-top) + env(safe-area-inset-bottom)));\n}\\n\\n`;\n\n  const getInsetsForSide = (side: Side): Array<Inset> => {\n    switch (side) {\n      case \"top\":\n        return [\"top\"];\n      case \"bottom\":\n        return [\"bottom\"];\n      case \"left\":\n        return [\"left\"];\n      case \"right\":\n        return [\"right\"];\n      case \"x\":\n        return [\"left\", \"right\"];\n      case \"y\":\n        return [\"top\", \"bottom\"];\n      case \"inset\":\n        return [\"top\", \"bottom\", \"left\", \"right\"];\n      default:\n        side satisfies never;\n        return [];\n    }\n  };\n\n  const getUtilityName = (\n    typeName: TypeName,\n    side: Side,\n    safeAreaType: SafeAreaType,\n  ) => {\n    if (typeName === \"inset\") {\n      return `${side}-${safeAreaType}`;\n    }\n\n    const sideSuffix = side === \"inset\" ? \"\" : side.at(0);\n\n    return `${typeName.at(0)}${sideSuffix}-${safeAreaType}`;\n  };\n\n  const getStyleProperty = (typeName: TypeName, inset: Inset) => {\n    if (typeName === \"inset\") {\n      return inset;\n    }\n\n    return `${typeName}-${inset}`;\n  };\n\n  const getStylesForSafeAreaType = (\n    safeAreaType: SafeAreaType,\n    styles: Array<string>,\n  ) => {\n    switch (safeAreaType) {\n      case \"safe\":\n        return styles;\n      case \"safe-or-*\":\n        return styles.flatMap((style) => {\n          const styleWithoutSemicolon = style.replace(\";\", \"\");\n\n          return [\n            styleWithoutSemicolon.replace(\n              /: (env.*)/,\n              (_, env) => `: max(${env}, ${spacing});`,\n            ),\n            styleWithoutSemicolon.replace(\n              /: (env.*)/,\n              (_, env) => `: max(${env}, ${length});`,\n            ),\n          ];\n        });\n      case \"safe-offset-*\":\n        return styles.flatMap((style) => {\n          const styleWithoutSemicolon = style.replace(\";\", \"\");\n\n          return [\n            styleWithoutSemicolon.replace(\n              /: (env.*)/,\n              (_, env) => `: calc(${env} + ${spacing});`,\n            ),\n            styleWithoutSemicolon.replace(\n              /: (env.*)/,\n              (_, env) => `: calc(${env} + ${length});`,\n            ),\n          ];\n        });\n      default:\n        safeAreaType satisfies never;\n        return [];\n    }\n  };\n\n  types.forEach((type) => {\n    sides.forEach((side) => {\n      const insets = getInsetsForSide(side);\n      const styles = insets.map(\n        (inset) =>\n          `${getStyleProperty(type, inset)}: env(safe-area-inset-${inset});`,\n      );\n\n      safeAreaTypes.forEach((safeAreaType) => {\n        const utilityName = getUtilityName(type, side, safeAreaType);\n\n        css += [\n          `@utility ${utilityName} {`,\n          ...getStylesForSafeAreaType(safeAreaType, styles).map(\n            (style) => `    ${style}`,\n          ),\n          \"}\",\n          \"\",\n          \"\",\n        ].join(\"\\n\");\n      });\n    });\n  });\n\n  // Remove the last newline character\n  return css.slice(0, -1);\n};\n"],"mappings":";AAAA,MAAM,QAAQ;CAAC;CAAU;CAAW;CAAQ;AAC5C,MAAM,QAAQ;CAAC;CAAS;CAAK;CAAK;CAAO;CAAU;CAAQ;CAAQ;AACnE,MAAM,gBAAgB;CAAC;CAAQ;CAAa;CAAgB;AAC5D,MAAM,UAAU;AAChB,MAAM,SAAS;AAOf,MAAa,6BAA6B;CACxC,IAAI,MAAM;;;CAIV,MAAM,oBAAoB,SAA6B;AACrD,UAAQ,MAAR;GACE,KAAK,MACH,QAAO,CAAC,MAAM;GAChB,KAAK,SACH,QAAO,CAAC,SAAS;GACnB,KAAK,OACH,QAAO,CAAC,OAAO;GACjB,KAAK,QACH,QAAO,CAAC,QAAQ;GAClB,KAAK,IACH,QAAO,CAAC,QAAQ,QAAQ;GAC1B,KAAK,IACH,QAAO,CAAC,OAAO,SAAS;GAC1B,KAAK,QACH,QAAO;IAAC;IAAO;IAAU;IAAQ;IAAQ;GAC3C,QAEE,QAAO,EAAE;;;CAIf,MAAM,kBACJ,UACA,MACA,iBACG;AACH,MAAI,aAAa,QACf,QAAO,GAAG,KAAK,GAAG;EAGpB,MAAM,aAAa,SAAS,UAAU,KAAK,KAAK,GAAG,EAAE;AAErD,SAAO,GAAG,SAAS,GAAG,EAAE,GAAG,WAAW,GAAG;;CAG3C,MAAM,oBAAoB,UAAoB,UAAiB;AAC7D,MAAI,aAAa,QACf,QAAO;AAGT,SAAO,GAAG,SAAS,GAAG;;CAGxB,MAAM,4BACJ,cACA,WACG;AACH,UAAQ,cAAR;GACE,KAAK,OACH,QAAO;GACT,KAAK,YACH,QAAO,OAAO,SAAS,UAAU;IAC/B,MAAM,wBAAwB,MAAM,QAAQ,KAAK,GAAG;AAEpD,WAAO,CACL,sBAAsB,QACpB,cACC,GAAG,QAAQ,SAAS,IAAI,IAAI,QAAQ,IACtC,EACD,sBAAsB,QACpB,cACC,GAAG,QAAQ,SAAS,IAAI,IAAI,OAAO,IACrC,CACF;KACD;GACJ,KAAK,gBACH,QAAO,OAAO,SAAS,UAAU;IAC/B,MAAM,wBAAwB,MAAM,QAAQ,KAAK,GAAG;AAEpD,WAAO,CACL,sBAAsB,QACpB,cACC,GAAG,QAAQ,UAAU,IAAI,KAAK,QAAQ,IACxC,EACD,sBAAsB,QACpB,cACC,GAAG,QAAQ,UAAU,IAAI,KAAK,OAAO,IACvC,CACF;KACD;GACJ,QAEE,QAAO,EAAE;;;AAIf,OAAM,SAAS,SAAS;AACtB,QAAM,SAAS,SAAS;GAEtB,MAAM,SADS,iBAAiB,KAAK,CACf,KACnB,UACC,GAAG,iBAAiB,MAAM,MAAM,CAAC,wBAAwB,MAAM,IAClE;AAED,iBAAc,SAAS,iBAAiB;IACtC,MAAM,cAAc,eAAe,MAAM,MAAM,aAAa;AAE5D,WAAO;KACL,YAAY,YAAY;KACxB,GAAG,yBAAyB,cAAc,OAAO,CAAC,KAC/C,UAAU,OAAO,QACnB;KACD;KACA;KACA;KACD,CAAC,KAAK,KAAK;KACZ;IACF;GACF;AAGF,QAAO,IAAI,MAAM,GAAG,GAAG"}

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

@@ -0,0 +1,84 @@
+const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.cjs');
+const require_logger = require('../metro/logger.cjs');
+let path = require("path");
+path = require_rolldown_runtime.__toESM(path);
+let fs = require("fs");
+fs = require_rolldown_runtime.__toESM(fs);
+let _tailwindcss_node = require("@tailwindcss/node");
+let lightningcss = require("lightningcss");
+
+//#region src/webpack/uniwind/src/css/themes.ts
+const readFileSafe = (filePath) => {
+	try {
+		return fs.default.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 } = (0, lightningcss.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 (0, _tailwindcss_node.compile)(dependencies.filter((dependency) => {
+			if (dependency.url.startsWith(".")) {
+				importUrls.add(path.default.resolve(path.default.dirname(cssPath), dependency.url));
+				return false;
+			}
+			return !isExcludedDependency(dependency.url);
+		}).map((dependency) => `@import "${dependency.url}";`).join("\n"), {
+			base: path.default.resolve(path.default.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)) {
+					require_logger.Logger.error(`Theme ${checkedTheme} is missing variable ${variable}`);
+					hasErrors = true;
+				}
+			});
+		});
+	});
+	if (hasErrors) require_logger.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
+exports.generateCSSForThemes = generateCSSForThemes;

package/dist/webpack/uniwind/src/css/themes.mjs

@@ -0,0 +1,82 @@
+import { Logger } from "../metro/logger.mjs";
+import path from "path";
+import fs from "fs";
+import { compile } from "@tailwindcss/node";
+import { transform } from "lightningcss";
+
+//#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
+export { generateCSSForThemes };
+//# sourceMappingURL=themes.mjs.map

package/dist/webpack/uniwind/src/css/themes.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"themes.mjs","names":[],"sources":["../../../../../src/webpack/uniwind/src/css/themes.ts"],"sourcesContent":["import { compile } from \"@tailwindcss/node\";\nimport fs from \"fs\";\nimport { transform } from \"lightningcss\";\nimport path from \"path\";\nimport { Logger } from \"../metro/logger\";\n\nconst readFileSafe = (filePath: string) => {\n  try {\n    return fs.readFileSync(filePath, \"utf-8\");\n  } catch {\n    return null;\n  }\n};\n\nconst isExcludedDependency = (url: string) =>\n  [\n    url.includes(\"node_modules/tailwindcss\"),\n    url.includes(\"node_modules/@tailwindcss\"),\n    url.includes(\"node_modules/uniwind\"),\n  ].some(Boolean);\n\nexport const generateCSSForThemes = async (\n  themes: Array<string>,\n  input: string,\n) => {\n  // css generation\n  const themesVariables = Object.fromEntries(\n    themes.map((theme) => [theme, new Set<string>()]),\n  );\n\n  const findVariantsRec = async (cssPath: string) => {\n    const css = readFileSafe(cssPath);\n\n    if (css === null) {\n      return;\n    }\n\n    const { dependencies } = transform({\n      code: Buffer.from(css),\n      filename: \"uniwind.css\",\n      analyzeDependencies: true,\n      visitor: {\n        Rule: (rule) => {\n          if (rule.type === \"unknown\" && rule.value.name === \"variant\") {\n            const [firstPrelude] = rule.value.prelude;\n\n            if (\n              firstPrelude?.type !== \"token\" ||\n              firstPrelude.value.type !== \"ident\" ||\n              !themes.includes(firstPrelude.value.value)\n            ) {\n              return;\n            }\n\n            const theme = firstPrelude.value.value;\n\n            rule.value.block?.forEach((block) => {\n              if (block.type === \"dashed-ident\") {\n                themesVariables[theme]?.add(block.value);\n              }\n            });\n          }\n        },\n      },\n    });\n\n    if (!Array.isArray(dependencies)) {\n      return;\n    }\n\n    const importUrls = new Set<string>();\n    const importsCSS = dependencies\n      .filter((dependency) => {\n        if (dependency.url.startsWith(\".\")) {\n          importUrls.add(path.resolve(path.dirname(cssPath), dependency.url));\n\n          return false;\n        }\n\n        return !isExcludedDependency(dependency.url);\n      })\n      .map((dependency) => `@import \"${dependency.url}\";`)\n      .join(\"\\n\");\n\n    await compile(importsCSS, {\n      base: path.resolve(path.dirname(cssPath)),\n      onDependency: (dependency) => {\n        if (isExcludedDependency(dependency)) {\n          return;\n        }\n\n        importUrls.add(dependency);\n      },\n    });\n\n    for (const filePath of importUrls) {\n      await findVariantsRec(filePath);\n    }\n  };\n\n  await findVariantsRec(input);\n\n  // Check if all themes have the same variables\n  let hasErrors = false as boolean;\n  const hasVariables = Object.values(themesVariables).some(\n    (variables) => variables.size > 0,\n  );\n\n  Object.values(themesVariables).forEach((variables) => {\n    Object.entries(themesVariables).forEach(\n      ([checkedTheme, checkedVariables]) => {\n        variables.forEach((variable) => {\n          if (!checkedVariables.has(variable)) {\n            Logger.error(\n              `Theme ${checkedTheme} is missing variable ${variable}`,\n            );\n            hasErrors = true;\n          }\n        });\n      },\n    );\n  });\n\n  if (hasErrors) {\n    Logger.error(\"All themes must have the same variables\");\n  }\n\n  const variablesCSS = hasVariables\n    ? [\n        \"\",\n        \"@theme {\",\n        ...Array.from(Object.values(themesVariables).at(0) ?? []).map(\n          (variable) => `    ${variable}: unset;`,\n        ),\n        \"}\",\n      ]\n    : [];\n  const uniwindCSS = [\n    ...themes.map(\n      (theme) => `@custom-variant ${theme} (&:where(.${theme}, .${theme} *));`,\n    ),\n    ...variablesCSS,\n  ].join(\"\\n\");\n\n  return uniwindCSS;\n};\n"],"mappings":";;;;;;;AAMA,MAAM,gBAAgB,aAAqB;AACzC,KAAI;AACF,SAAO,GAAG,aAAa,UAAU,QAAQ;SACnC;AACN,SAAO;;;AAIX,MAAM,wBAAwB,QAC5B;CACE,IAAI,SAAS,2BAA2B;CACxC,IAAI,SAAS,4BAA4B;CACzC,IAAI,SAAS,uBAAuB;CACrC,CAAC,KAAK,QAAQ;AAEjB,MAAa,uBAAuB,OAClC,QACA,UACG;CAEH,MAAM,kBAAkB,OAAO,YAC7B,OAAO,KAAK,UAAU,CAAC,uBAAO,IAAI,KAAa,CAAC,CAAC,CAClD;CAED,MAAM,kBAAkB,OAAO,YAAoB;EACjD,MAAM,MAAM,aAAa,QAAQ;AAEjC,MAAI,QAAQ,KACV;EAGF,MAAM,EAAE,iBAAiB,UAAU;GACjC,MAAM,OAAO,KAAK,IAAI;GACtB,UAAU;GACV,qBAAqB;GACrB,SAAS,EACP,OAAO,SAAS;AACd,QAAI,KAAK,SAAS,aAAa,KAAK,MAAM,SAAS,WAAW;KAC5D,MAAM,CAAC,gBAAgB,KAAK,MAAM;AAElC,SACE,cAAc,SAAS,WACvB,aAAa,MAAM,SAAS,WAC5B,CAAC,OAAO,SAAS,aAAa,MAAM,MAAM,CAE1C;KAGF,MAAM,QAAQ,aAAa,MAAM;AAEjC,UAAK,MAAM,OAAO,SAAS,UAAU;AACnC,UAAI,MAAM,SAAS,eACjB,iBAAgB,QAAQ,IAAI,MAAM,MAAM;OAE1C;;MAGP;GACF,CAAC;AAEF,MAAI,CAAC,MAAM,QAAQ,aAAa,CAC9B;EAGF,MAAM,6BAAa,IAAI,KAAa;AAcpC,QAAM,QAba,aAChB,QAAQ,eAAe;AACtB,OAAI,WAAW,IAAI,WAAW,IAAI,EAAE;AAClC,eAAW,IAAI,KAAK,QAAQ,KAAK,QAAQ,QAAQ,EAAE,WAAW,IAAI,CAAC;AAEnE,WAAO;;AAGT,UAAO,CAAC,qBAAqB,WAAW,IAAI;IAC5C,CACD,KAAK,eAAe,YAAY,WAAW,IAAI,IAAI,CACnD,KAAK,KAAK,EAEa;GACxB,MAAM,KAAK,QAAQ,KAAK,QAAQ,QAAQ,CAAC;GACzC,eAAe,eAAe;AAC5B,QAAI,qBAAqB,WAAW,CAClC;AAGF,eAAW,IAAI,WAAW;;GAE7B,CAAC;AAEF,OAAK,MAAM,YAAY,WACrB,OAAM,gBAAgB,SAAS;;AAInC,OAAM,gBAAgB,MAAM;CAG5B,IAAI,YAAY;CAChB,MAAM,eAAe,OAAO,OAAO,gBAAgB,CAAC,MACjD,cAAc,UAAU,OAAO,EACjC;AAED,QAAO,OAAO,gBAAgB,CAAC,SAAS,cAAc;AACpD,SAAO,QAAQ,gBAAgB,CAAC,SAC7B,CAAC,cAAc,sBAAsB;AACpC,aAAU,SAAS,aAAa;AAC9B,QAAI,CAAC,iBAAiB,IAAI,SAAS,EAAE;AACnC,YAAO,MACL,SAAS,aAAa,uBAAuB,WAC9C;AACD,iBAAY;;KAEd;IAEL;GACD;AAEF,KAAI,UACF,QAAO,MAAM,0CAA0C;CAGzD,MAAM,eAAe,eACjB;EACE;EACA;EACA,GAAG,MAAM,KAAK,OAAO,OAAO,gBAAgB,CAAC,GAAG,EAAE,IAAI,EAAE,CAAC,CAAC,KACvD,aAAa,OAAO,SAAS,UAC/B;EACD;EACD,GACD,EAAE;AAQN,QAPmB,CACjB,GAAG,OAAO,KACP,UAAU,mBAAmB,MAAM,aAAa,MAAM,KAAK,MAAM,OACnE,EACD,GAAG,aACJ,CAAC,KAAK,KAAK"}

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

@@ -0,0 +1,18 @@
+
+//#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
+exports.generateCSSForVariants = generateCSSForVariants;

package/dist/webpack/uniwind/src/css/variants.mjs

@@ -0,0 +1,18 @@
+//#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
+export { generateCSSForVariants };
+//# sourceMappingURL=variants.mjs.map

package/dist/webpack/uniwind/src/css/variants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.mjs","names":[],"sources":["../../../../../src/webpack/uniwind/src/css/variants.ts"],"sourcesContent":["const variants = [\"ios\", \"android\", \"web\", \"native\"];\n\nexport const generateCSSForVariants = () => {\n  let css = \"\";\n\n  variants.forEach((variant) => {\n    css += `@custom-variant ${variant} (${variant === \"web\" ? \"html &\" : `@media ${variant}`});\\n`;\n  });\n\n  return css;\n};\n"],"mappings":";AAAA,MAAM,WAAW;CAAC;CAAO;CAAW;CAAO;CAAS;AAEpD,MAAa,+BAA+B;CAC1C,IAAI,MAAM;AAEV,UAAS,SAAS,YAAY;AAC5B,SAAO,mBAAmB,QAAQ,IAAI,YAAY,QAAQ,WAAW,UAAU,UAAU;GACzF;AAEF,QAAO"}

package/dist/webpack/uniwind/src/metro/logger.cjs

@@ -0,0 +1,37 @@
+
+//#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) {
+		this.name = name;
+	}
+	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
+exports.Logger = Logger;

package/dist/webpack/uniwind/src/metro/logger.mjs

@@ -0,0 +1,37 @@
+//#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) {
+		this.name = name;
+	}
+	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
+export { Logger };
+//# sourceMappingURL=logger.mjs.map

package/dist/webpack/uniwind/src/metro/logger.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"logger.mjs","names":["name: string"],"sources":["../../../../../src/webpack/uniwind/src/metro/logger.ts"],"sourcesContent":["/* eslint-disable no-console */\n\nconst red = \"\\x1b[91m\";\nconst yellow = \"\\x1b[33m\";\nconst blue = \"\\x1b[36m\";\nconst reset = \"\\x1b[0m\";\n\nexport class Logger {\n  static debug = false;\n\n  constructor(private readonly name: string) {}\n\n  static log(message: string, meta = \"\") {\n    if (!Logger.debug) {\n      return;\n    }\n\n    console.log(`${blue}Uniwind ${meta}- ${message}${reset}`);\n  }\n\n  static error(message: string, meta = \"\") {\n    console.log(`${red}Uniwind Error ${meta}- ${message}${reset}`);\n  }\n\n  static warn(message: string, meta = \"\") {\n    if (!Logger.debug) {\n      return;\n    }\n\n    console.log(`${yellow}Uniwind Warning ${meta}- ${message}${reset}`);\n  }\n\n  log(message: string) {\n    Logger.log(message, `[${this.name} Processor] `);\n  }\n\n  error(message: string) {\n    Logger.error(message, `[${this.name} Processor] `);\n  }\n\n  warn(message: string) {\n    Logger.warn(message, `[${this.name} Processor] `);\n  }\n}\n"],"mappings":";AAEA,MAAM,MAAM;AACZ,MAAM,SAAS;AACf,MAAM,OAAO;AACb,MAAM,QAAQ;AAEd,IAAa,SAAb,MAAa,OAAO;;eACH;;CAEf,YAAY,AAAiBA,MAAc;EAAd;;CAE7B,OAAO,IAAI,SAAiB,OAAO,IAAI;AACrC,MAAI,CAAC,OAAO,MACV;AAGF,UAAQ,IAAI,GAAG,KAAK,UAAU,KAAK,IAAI,UAAU,QAAQ;;CAG3D,OAAO,MAAM,SAAiB,OAAO,IAAI;AACvC,UAAQ,IAAI,GAAG,IAAI,gBAAgB,KAAK,IAAI,UAAU,QAAQ;;CAGhE,OAAO,KAAK,SAAiB,OAAO,IAAI;AACtC,MAAI,CAAC,OAAO,MACV;AAGF,UAAQ,IAAI,GAAG,OAAO,kBAAkB,KAAK,IAAI,UAAU,QAAQ;;CAGrE,IAAI,SAAiB;AACnB,SAAO,IAAI,SAAS,IAAI,KAAK,KAAK,cAAc;;CAGlD,MAAM,SAAiB;AACrB,SAAO,MAAM,SAAS,IAAI,KAAK,KAAK,cAAc;;CAGpD,KAAK,SAAiB;AACpB,SAAO,KAAK,SAAS,IAAI,KAAK,KAAK,cAAc"}

package/dist/webpack/uniwind/src/utils/buildDtsFile.cjs

@@ -0,0 +1,27 @@
+const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.cjs');
+const require_package = require('../../package.cjs');
+let fs = require("fs");
+fs = require_rolldown_runtime.__toESM(fs);
+
+//#region src/webpack/uniwind/src/utils/buildDtsFile.ts
+const buildDtsFile = (dtsPath, stringifiedThemes) => {
+	const oldDtsContent = fs.default.existsSync(dtsPath) ? fs.default.readFileSync(dtsPath, "utf-8") : "";
+	const dtsContent = [
+		`// NOTE: This file is generated by ${require_package.name} and it should not be edited manually.`,
+		`/// <reference types="${require_package.name}/types" />`,
+		"",
+		`declare module '${require_package.name}' {`,
+		`    export interface UniwindConfig {`,
+		`        themes: readonly ${stringifiedThemes}`,
+		`    }`,
+		`}`,
+		"",
+		`export {}`,
+		""
+	].join("\n");
+	if (oldDtsContent === dtsContent) return;
+	fs.default.writeFileSync(dtsPath, dtsContent);
+};
+
+//#endregion
+exports.buildDtsFile = buildDtsFile;

package/dist/webpack/uniwind/src/utils/buildDtsFile.mjs

@@ -0,0 +1,26 @@
+import { name } from "../../package.mjs";
+import fs from "fs";
+
+//#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
+export { buildDtsFile };
+//# sourceMappingURL=buildDtsFile.mjs.map

package/dist/webpack/uniwind/src/utils/buildDtsFile.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildDtsFile.mjs","names":[],"sources":["../../../../../src/webpack/uniwind/src/utils/buildDtsFile.ts"],"sourcesContent":["import fs from \"fs\";\nimport { name } from \"../../package.json\";\n\nexport const buildDtsFile = (dtsPath: string, stringifiedThemes: string) => {\n  const oldDtsContent = fs.existsSync(dtsPath)\n    ? fs.readFileSync(dtsPath, \"utf-8\")\n    : \"\";\n  const dtsContent = [\n    `// NOTE: This file is generated by ${name} and it should not be edited manually.`,\n    `/// <reference types=\"${name}/types\" />`,\n    \"\",\n    `declare module '${name}' {`,\n    `    export interface UniwindConfig {`,\n    `        themes: readonly ${stringifiedThemes}`,\n    `    }`,\n    `}`,\n    \"\",\n    `export {}`,\n    \"\",\n  ].join(\"\\n\");\n\n  if (oldDtsContent === dtsContent) {\n    return;\n  }\n\n  fs.writeFileSync(dtsPath, dtsContent);\n};\n"],"mappings":";;;;AAGA,MAAa,gBAAgB,SAAiB,sBAA8B;CAC1E,MAAM,gBAAgB,GAAG,WAAW,QAAQ,GACxC,GAAG,aAAa,SAAS,QAAQ,GACjC;CACJ,MAAM,aAAa;EACjB,sCAAsC,KAAK;EAC3C,yBAAyB,KAAK;EAC9B;EACA,mBAAmB,KAAK;EACxB;EACA,4BAA4B;EAC5B;EACA;EACA;EACA;EACA;EACD,CAAC,KAAK,KAAK;AAEZ,KAAI,kBAAkB,WACpB;AAGF,IAAG,cAAc,SAAS,WAAW"}

package/dist/webpack/uniwind/src/utils/stringifyThemes.cjs

@@ -0,0 +1,6 @@
+
+//#region src/webpack/uniwind/src/utils/stringifyThemes.ts
+const stringifyThemes = (themes = []) => `[${themes.map((theme) => `'${theme}'`).join(", ")}]`;
+
+//#endregion
+exports.stringifyThemes = stringifyThemes;

package/dist/webpack/uniwind/src/utils/stringifyThemes.mjs

@@ -0,0 +1,6 @@
+//#region src/webpack/uniwind/src/utils/stringifyThemes.ts
+const stringifyThemes = (themes = []) => `[${themes.map((theme) => `'${theme}'`).join(", ")}]`;
+
+//#endregion
+export { stringifyThemes };
+//# sourceMappingURL=stringifyThemes.mjs.map

package/dist/webpack/uniwind/src/utils/stringifyThemes.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"stringifyThemes.mjs","names":[],"sources":["../../../../../src/webpack/uniwind/src/utils/stringifyThemes.ts"],"sourcesContent":["export const stringifyThemes = (themes: Array<string> = []) =>\n  `[${themes.map((theme) => `'${theme}'`).join(\", \")}]`;\n"],"mappings":";AAAA,MAAa,mBAAmB,SAAwB,EAAE,KACxD,IAAI,OAAO,KAAK,UAAU,IAAI,MAAM,GAAG,CAAC,KAAK,KAAK,CAAC"}

package/dist/webpack/util.cjs

@@ -0,0 +1,6 @@
+
+//#region src/webpack/util.ts
+const uniq = (arr) => Array.from(new Set(arr));
+
+//#endregion
+exports.uniq = uniq;

package/dist/webpack/util.mjs

@@ -0,0 +1,6 @@
+//#region src/webpack/util.ts
+const uniq = (arr) => Array.from(new Set(arr));
+
+//#endregion
+export { uniq };
+//# sourceMappingURL=util.mjs.map

package/dist/webpack/util.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.mjs","names":[],"sources":["../../src/webpack/util.ts"],"sourcesContent":["export const uniq = <T>(arr: Array<T>) => Array.from(new Set(arr));\n"],"mappings":";AAAA,MAAa,QAAW,QAAkB,MAAM,KAAK,IAAI,IAAI,IAAI,CAAC"}