@react-email/tailwind 2.0.4 → 2.0.5

package/dist/index.js

@@ -19034,6 +19034,21 @@ const { version } = {
 	]
 };
 
+//#endregion
+//#region ../../node_modules/.pnpm/css-tree@3.1.0/node_modules/css-tree/lib/utils/clone.js
+function clone(node) {
+	const result = {};
+	for (const key of Object.keys(node)) {
+		let value = node[key];
+		if (value) {
+			if (Array.isArray(value) || value instanceof List) value = value.map(clone);
+			else if (value.constructor === Object) value = clone(value);
+		}
+		result[key] = value;
+	}
+	return result;
+}
+
 //#endregion
 //#region ../../node_modules/.pnpm/css-tree@3.1.0/node_modules/css-tree/lib/index.js
 const { tokenize, parse, generate, lexer, createLexer, walk, find, findLast, findAll, toPlainObject, fromPlainObject, fork } = syntax_default;
@@ -19046,6 +19061,52 @@ function isRuleInlinable(rule) {
 	return !hasAtRuleInside && !hasPseudoSelector;
 }
 
+//#endregion
+//#region src/utils/css/is-part-inlinable.ts
+function isPartInlinable(part) {
+	const hasAtRuleInside = find(part, (node) => node.type === "Atrule") !== null;
+	const hasPseudoSelector = find(part, (node) => node.type === "PseudoClassSelector" || node.type === "PseudoElementSelector") !== null;
+	return !hasAtRuleInside && !hasPseudoSelector;
+}
+
+//#endregion
+//#region src/utils/css/split-mixed-rule.ts
+/**
+* Split a rule into inlinable and non-inlinable parts. Caller must only pass rules
+* for which isRuleInlinable(rule) is false. Returns clones so the original stylesheet is never mutated.
+*
+* @returns inlinablePart: rule with only inlinable block children, or null if none.
+*          nonInlinablePart: rule with only non-inlinable block children, or null if none.
+*/
+function splitMixedRule(rule) {
+	if (rule.prelude !== null && find(rule.prelude, (node) => node.type === "PseudoClassSelector" || node.type === "PseudoElementSelector") !== null) return {
+		inlinablePart: null,
+		nonInlinablePart: clone(rule)
+	};
+	const ruleCloneInlinable = clone(rule);
+	const ruleCloneNonInlinable = clone(rule);
+	const inlinableParts = [];
+	const nonInlinableParts = [];
+	for (const part of ruleCloneInlinable.block.children.toArray()) if (isPartInlinable(part)) inlinableParts.push(part);
+	else nonInlinableParts.push(part);
+	return {
+		inlinablePart: inlinableParts.length > 0 ? {
+			...ruleCloneInlinable,
+			block: {
+				type: "Block",
+				children: new List().fromArray(inlinableParts)
+			}
+		} : null,
+		nonInlinablePart: nonInlinableParts.length > 0 ? {
+			...ruleCloneNonInlinable,
+			block: {
+				type: "Block",
+				children: new List().fromArray(nonInlinableParts)
+			}
+		} : null
+	};
+}
+
 //#endregion
 //#region src/utils/css/extract-rules-per-class.ts
 function extractRulesPerClass(root, classes) {
@@ -19064,7 +19125,14 @@ function extractRulesPerClass(root, classes) {
 			});
 			if (isRuleInlinable(rule)) {
 				for (const className of selectorClasses) if (classSet.has(className)) inlinableRules.set(className, rule);
-			} else for (const className of selectorClasses) if (classSet.has(className)) nonInlinableRules.set(className, rule);
+			} else {
+				const { inlinablePart, nonInlinablePart } = splitMixedRule(rule);
+				for (const className of selectorClasses) {
+					if (!classSet.has(className)) continue;
+					if (inlinablePart) inlinableRules.set(className, inlinablePart);
+					if (nonInlinablePart) nonInlinableRules.set(className, nonInlinablePart);
+				}
+			}
 		}
 	});
 	return {
@@ -19785,7 +19853,8 @@ function cloneElementWithInlinedStyles(element, inlinableRules, nonInlinableRule
 		for (const className of classes) {
 			const rule = inlinableRules.get(className);
 			if (rule) rules.push(rule);
-			else residualClasses.push(className);
+			if (nonInlinableRules.has(className)) residualClasses.push(className);
+			else if (!rule) residualClasses.push(className);
 		}
 		propsToOverwrite.style = {
 			...makeInlineStylesFor(rules, customProperties),

package/dist/index.mjs

@@ -19021,6 +19021,21 @@ const { version } = {
 	]
 };
 
+//#endregion
+//#region ../../node_modules/.pnpm/css-tree@3.1.0/node_modules/css-tree/lib/utils/clone.js
+function clone(node) {
+	const result = {};
+	for (const key of Object.keys(node)) {
+		let value = node[key];
+		if (value) {
+			if (Array.isArray(value) || value instanceof List) value = value.map(clone);
+			else if (value.constructor === Object) value = clone(value);
+		}
+		result[key] = value;
+	}
+	return result;
+}
+
 //#endregion
 //#region ../../node_modules/.pnpm/css-tree@3.1.0/node_modules/css-tree/lib/index.js
 const { tokenize, parse, generate, lexer, createLexer, walk, find, findLast, findAll, toPlainObject, fromPlainObject, fork } = syntax_default;
@@ -19033,6 +19048,52 @@ function isRuleInlinable(rule) {
 	return !hasAtRuleInside && !hasPseudoSelector;
 }
 
+//#endregion
+//#region src/utils/css/is-part-inlinable.ts
+function isPartInlinable(part) {
+	const hasAtRuleInside = find(part, (node) => node.type === "Atrule") !== null;
+	const hasPseudoSelector = find(part, (node) => node.type === "PseudoClassSelector" || node.type === "PseudoElementSelector") !== null;
+	return !hasAtRuleInside && !hasPseudoSelector;
+}
+
+//#endregion
+//#region src/utils/css/split-mixed-rule.ts
+/**
+* Split a rule into inlinable and non-inlinable parts. Caller must only pass rules
+* for which isRuleInlinable(rule) is false. Returns clones so the original stylesheet is never mutated.
+*
+* @returns inlinablePart: rule with only inlinable block children, or null if none.
+*          nonInlinablePart: rule with only non-inlinable block children, or null if none.
+*/
+function splitMixedRule(rule) {
+	if (rule.prelude !== null && find(rule.prelude, (node) => node.type === "PseudoClassSelector" || node.type === "PseudoElementSelector") !== null) return {
+		inlinablePart: null,
+		nonInlinablePart: clone(rule)
+	};
+	const ruleCloneInlinable = clone(rule);
+	const ruleCloneNonInlinable = clone(rule);
+	const inlinableParts = [];
+	const nonInlinableParts = [];
+	for (const part of ruleCloneInlinable.block.children.toArray()) if (isPartInlinable(part)) inlinableParts.push(part);
+	else nonInlinableParts.push(part);
+	return {
+		inlinablePart: inlinableParts.length > 0 ? {
+			...ruleCloneInlinable,
+			block: {
+				type: "Block",
+				children: new List().fromArray(inlinableParts)
+			}
+		} : null,
+		nonInlinablePart: nonInlinableParts.length > 0 ? {
+			...ruleCloneNonInlinable,
+			block: {
+				type: "Block",
+				children: new List().fromArray(nonInlinableParts)
+			}
+		} : null
+	};
+}
+
 //#endregion
 //#region src/utils/css/extract-rules-per-class.ts
 function extractRulesPerClass(root, classes) {
@@ -19051,7 +19112,14 @@ function extractRulesPerClass(root, classes) {
 			});
 			if (isRuleInlinable(rule)) {
 				for (const className of selectorClasses) if (classSet.has(className)) inlinableRules.set(className, rule);
-			} else for (const className of selectorClasses) if (classSet.has(className)) nonInlinableRules.set(className, rule);
+			} else {
+				const { inlinablePart, nonInlinablePart } = splitMixedRule(rule);
+				for (const className of selectorClasses) {
+					if (!classSet.has(className)) continue;
+					if (inlinablePart) inlinableRules.set(className, inlinablePart);
+					if (nonInlinablePart) nonInlinableRules.set(className, nonInlinablePart);
+				}
+			}
 		}
 	});
 	return {
@@ -19772,7 +19840,8 @@ function cloneElementWithInlinedStyles(element, inlinableRules, nonInlinableRule
 		for (const className of classes) {
 			const rule = inlinableRules.get(className);
 			if (rule) rules.push(rule);
-			else residualClasses.push(className);
+			if (nonInlinableRules.has(className)) residualClasses.push(className);
+			else if (!rule) residualClasses.push(className);
 		}
 		propsToOverwrite.style = {
 			...makeInlineStylesFor(rules, customProperties),