@react-email/tailwind 2.0.0-canary.0 → 2.0.0-canary.2

package/dist/index.d.mts

@@ -1,6 +1,13 @@
 import * as React$1 from "react";
 import { Config } from "tailwindcss";
+import { StyleSheet } from "css-tree";
 
+//#region src/inline-styles.d.ts
+declare function inlineStyles(styleSheet: StyleSheet, classes: string[]): Record<string, string>;
+//#endregion
+//#region src/sanitize-stylesheet.d.ts
+declare function sanitizeStyleSheet(styleSheet: StyleSheet): void;
+//#endregion
 //#region src/tailwind.d.ts
 type TailwindConfig = Omit<Config, 'content'>;
 interface TailwindProps {
@@ -18,5 +25,12 @@ declare function Tailwind({
   config
 }: TailwindProps): React$1.ReactNode;
 //#endregion
-export { EmailElementProps, Tailwind, TailwindConfig, TailwindProps, pixelBasedPreset };
+//#region src/utils/tailwindcss/setup-tailwind.d.ts
+type TailwindSetup = Awaited<ReturnType<typeof setupTailwind>>;
+declare function setupTailwind(config: TailwindConfig): Promise<{
+  addUtilities: (candidates: string[]) => void;
+  getStyleSheet: () => StyleSheet;
+}>;
+//#endregion
+export { EmailElementProps, Tailwind, TailwindConfig, TailwindProps, TailwindSetup, inlineStyles, pixelBasedPreset, sanitizeStyleSheet, setupTailwind };
 //# sourceMappingURL=index.d.mts.map

package/dist/index.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.mts","names":[],"sources":["../src/tailwind.tsx"],"sourcesContent":[],"mappings":";;;;KAcY,cAAA,GAAiB,KAAK;UAEjB,aAAA;EAFL,QAAA,EAGA,OAAA,CAAM,SAHQ;EAAA,MAAA,CAAA,EAIf,cAJe;;AAAG,UAOZ,iBAAA,CAPY;EAAI,QAAA,CAAA,EAQpB,OAAA,CAAM,SARc;EAEhB,SAAA,CAAA,EAAA,MAAa;EAAA,KAAA,CAAA,EAQpB,OAAA,CAAM,aARc;;AAEnB,cASE,gBATF,EASoB,cATpB;AAAc,iBAoET,QAAA,CApES;EAAA,QAAA;EAAA;AAAA,CAAA,EAoEsB,aApEtB,CAAA,EAoEmC,OAAA,CAAA,SApEnC"}
+{"version":3,"file":"index.d.mts","names":[],"sources":["../src/inline-styles.ts","../src/sanitize-stylesheet.ts","../src/tailwind.tsx","../src/utils/tailwindcss/setup-tailwind.ts"],"sourcesContent":[],"mappings":";;;;;iBAKgB,YAAA,aACF,gCAEX;;;iBCHa,kBAAA,aAA+B;;;KCOnC,cAAA,GAAiB,KAAK;UAEjB,aAAA;YACL,OAAA,CAAM;EFVF,MAAA,CAAA,EEWL,cFXiB;;AACd,UEaG,iBAAA,CFbH;UAEX,CAAA,EEYU,OAAA,CAAM,SFZhB;EAAM,SAAA,CAAA,EAAA,MAAA;UEcC,OAAA,CAAM;;cAGH,kBAAkB;ADpBf,iBC+EA,QAAA,CD/EkB;EAAa,QAAA;EAAA;AAAU,CAAA,EC+EV,aD/EU,CAAA,EC+EG,OAAA,CAAA,SD/EH;;;KEG7C,aAAA,GAAgB,QAAQ,kBAAkB;iBAEhC,aAAA,SAAsB,iBAAc;;EHL1C,aAAA,EAAY,GAAA,GGyED,UHzEC;CAAA,CAAA"}

package/dist/index.d.ts

@@ -1,6 +1,13 @@
+import { StyleSheet } from "css-tree";
 import * as React from "react";
 import { Config } from "tailwindcss";
 
+//#region src/inline-styles.d.ts
+declare function inlineStyles(styleSheet: StyleSheet, classes: string[]): Record<string, string>;
+//#endregion
+//#region src/sanitize-stylesheet.d.ts
+declare function sanitizeStyleSheet(styleSheet: StyleSheet): void;
+//#endregion
 //#region src/tailwind.d.ts
 type TailwindConfig = Omit<Config, 'content'>;
 interface TailwindProps {
@@ -18,5 +25,12 @@ declare function Tailwind({
   config
 }: TailwindProps): React.ReactNode;
 //#endregion
-export { EmailElementProps, Tailwind, TailwindConfig, TailwindProps, pixelBasedPreset };
+//#region src/utils/tailwindcss/setup-tailwind.d.ts
+type TailwindSetup = Awaited<ReturnType<typeof setupTailwind>>;
+declare function setupTailwind(config: TailwindConfig): Promise<{
+  addUtilities: (candidates: string[]) => void;
+  getStyleSheet: () => StyleSheet;
+}>;
+//#endregion
+export { EmailElementProps, Tailwind, TailwindConfig, TailwindProps, TailwindSetup, inlineStyles, pixelBasedPreset, sanitizeStyleSheet, setupTailwind };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../src/tailwind.tsx"],"sourcesContent":[],"mappings":";;;;KAcY,cAAA,GAAiB,KAAK;UAEjB,aAAA;EAFL,QAAA,EAGA,KAAA,CAAM,SAHQ;EAAA,MAAA,CAAA,EAIf,cAJe;;AAAG,UAOZ,iBAAA,CAPY;EAAI,QAAA,CAAA,EAQpB,KAAA,CAAM,SARc;EAEhB,SAAA,CAAA,EAAA,MAAa;EAAA,KAAA,CAAA,EAQpB,KAAA,CAAM,aARc;;AAEnB,cASE,gBATF,EASoB,cATpB;AAAc,iBAoET,QAAA,CApES;EAAA,QAAA;EAAA;AAAA,CAAA,EAoEsB,aApEtB,CAAA,EAoEmC,KAAA,CAAA,SApEnC"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../src/inline-styles.ts","../src/sanitize-stylesheet.ts","../src/tailwind.tsx","../src/utils/tailwindcss/setup-tailwind.ts"],"sourcesContent":[],"mappings":";;;;;iBAKgB,YAAA,aACF,gCAEX;;;iBCHa,kBAAA,aAA+B;;;KCOnC,cAAA,GAAiB,KAAK;UAEjB,aAAA;YACL,KAAA,CAAM;EFVF,MAAA,CAAA,EEWL,cFXiB;;AACd,UEaG,iBAAA,CFbH;UAEX,CAAA,EEYU,KAAA,CAAM,SFZhB;EAAM,SAAA,CAAA,EAAA,MAAA;UEcC,KAAA,CAAM;;cAGH,kBAAkB;ADpBf,iBC+EA,QAAA,CD/EkB;EAAa,QAAA;EAAA;AAAU,CAAA,EC+EV,aD/EU,CAAA,EC+EG,KAAA,CAAA,SD/EH;;;KEG7C,aAAA,GAAgB,QAAQ,kBAAkB;iBAEhC,aAAA,SAAsB,iBAAc;;EHL1C,aAAA,EAAY,GAAA,GGyED,UHzEC;CAAA,CAAA"}

package/dist/index.js

@@ -19038,21 +19038,6 @@ const { version } = {
 //#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;
 
-//#endregion
-//#region src/hooks/use-suspended-promise.ts
-const promiseStates = /* @__PURE__ */ new Map();
-function useSuspensedPromise(promiseFn, key) {
-	const previousState = promiseStates.get(key);
-	if (previousState) {
-		if ("error" in previousState) throw previousState.error;
-		if ("result" in previousState) return previousState.result;
-		throw previousState.promise;
-	}
-	const state = { promise: promiseFn().then((result) => state.result = result).catch((error) => state.error = error) };
-	promiseStates.set(key, state);
-	throw state.promise;
-}
-
 //#endregion
 //#region src/utils/css/is-rule-inlinable.ts
 function isRuleInlinable(rule) {
@@ -19121,6 +19106,82 @@ function getCustomProperties(node) {
 	return customProperties;
 }
 
+//#endregion
+//#region src/utils/text/from-dash-case-to-camel-case.ts
+const fromDashCaseToCamelCase = (text) => {
+	return text.replace(/-(\w|$)/g, (_, p1) => p1.toUpperCase());
+};
+
+//#endregion
+//#region src/utils/compatibility/get-react-property.ts
+function getReactProperty(prop) {
+	const modifiedProp = prop.toLowerCase();
+	if (modifiedProp.startsWith("--")) return modifiedProp;
+	if (modifiedProp.startsWith("-ms-")) return fromDashCaseToCamelCase(modifiedProp.slice(1));
+	return fromDashCaseToCamelCase(modifiedProp);
+}
+
+//#endregion
+//#region src/utils/css/unwrap-value.ts
+function unwrapValue(value) {
+	if (value.type === "Value" && value.children.size === 1) return value.children.first ?? value;
+	return value;
+}
+
+//#endregion
+//#region src/utils/css/make-inline-styles-for.ts
+function makeInlineStylesFor(inlinableRules, customProperties) {
+	const styles = {};
+	const localVariableDeclarations = /* @__PURE__ */ new Map();
+	for (const rule of inlinableRules) walk(rule, {
+		visit: "Declaration",
+		enter(declaration) {
+			if (declaration.property.startsWith("--")) localVariableDeclarations.set(declaration.property, declaration);
+		}
+	});
+	for (const rule of inlinableRules) {
+		walk(rule, {
+			visit: "Function",
+			enter(func, funcParentListItem) {
+				if (func.name === "var") {
+					let variableName;
+					walk(func, {
+						visit: "Identifier",
+						enter(identifier) {
+							variableName = identifier.name;
+							return this.break;
+						}
+					});
+					if (variableName) {
+						const definition = localVariableDeclarations.get(variableName);
+						if (definition) funcParentListItem.data = unwrapValue(definition.value);
+						else {
+							const customProperty = customProperties.get(variableName);
+							if (customProperty?.initialValue) funcParentListItem.data = unwrapValue(customProperty.initialValue.value);
+						}
+					}
+				}
+			}
+		});
+		walk(rule, {
+			visit: "Declaration",
+			enter(declaration) {
+				if (declaration.property.startsWith("--")) return;
+				styles[getReactProperty(declaration.property)] = generate(declaration.value) + (declaration.important ? "!important" : "");
+			}
+		});
+	}
+	return styles;
+}
+
+//#endregion
+//#region src/inline-styles.ts
+function inlineStyles(styleSheet, classes) {
+	const { inlinable: inlinableRules } = extractRulesPerClass(styleSheet, classes);
+	const customProperties = getCustomProperties(styleSheet);
+	return makeInlineStylesFor(Array.from(inlinableRules.values()), customProperties);
+}
+
 //#endregion
 //#region src/utils/css/resolve-all-css-variables.ts
 function doSelectorsIntersect(first, second) {
@@ -19587,6 +19648,29 @@ function sanitizeDeclarations(nodeContainingDeclarations) {
 	});
 }
 
+//#endregion
+//#region src/sanitize-stylesheet.ts
+function sanitizeStyleSheet(styleSheet) {
+	resolveAllCssVariables(styleSheet);
+	resolveCalcExpressions(styleSheet);
+	sanitizeDeclarations(styleSheet);
+}
+
+//#endregion
+//#region src/hooks/use-suspended-promise.ts
+const promiseStates = /* @__PURE__ */ new Map();
+function useSuspensedPromise(promiseFn, key) {
+	const previousState = promiseStates.get(key);
+	if (previousState) {
+		if ("error" in previousState) throw previousState.error;
+		if ("result" in previousState) return previousState.result;
+		throw previousState.promise;
+	}
+	const state = { promise: promiseFn().then((result) => state.result = result).catch((error) => state.error = error) };
+	promiseStates.set(key, state);
+	throw state.promise;
+}
+
 //#endregion
 //#region src/utils/compatibility/sanitize-class-name.ts
 const digitToNameMap = {
@@ -19690,74 +19774,6 @@ function mapReactTree(value, process) {
 	return mapped && mapped.length === 1 ? mapped[0] : mapped;
 }
 
-//#endregion
-//#region src/utils/text/from-dash-case-to-camel-case.ts
-const fromDashCaseToCamelCase = (text) => {
-	return text.replace(/-(\w|$)/g, (_, p1) => p1.toUpperCase());
-};
-
-//#endregion
-//#region src/utils/compatibility/get-react-property.ts
-function getReactProperty(prop) {
-	const modifiedProp = prop.toLowerCase();
-	if (modifiedProp.startsWith("--")) return modifiedProp;
-	if (modifiedProp.startsWith("-ms-")) return fromDashCaseToCamelCase(modifiedProp.slice(1));
-	return fromDashCaseToCamelCase(modifiedProp);
-}
-
-//#endregion
-//#region src/utils/css/unwrap-value.ts
-function unwrapValue(value) {
-	if (value.type === "Value" && value.children.size === 1) return value.children.first ?? value;
-	return value;
-}
-
-//#endregion
-//#region src/utils/css/make-inline-styles-for.ts
-function makeInlineStylesFor(inlinableRules, customProperties) {
-	const styles = {};
-	const localVariableDeclarations = /* @__PURE__ */ new Map();
-	for (const rule of inlinableRules) walk(rule, {
-		visit: "Declaration",
-		enter(declaration) {
-			if (declaration.property.startsWith("--")) localVariableDeclarations.set(declaration.property, declaration);
-		}
-	});
-	for (const rule of inlinableRules) {
-		walk(rule, {
-			visit: "Function",
-			enter(func, funcParentListItem) {
-				if (func.name === "var") {
-					let variableName;
-					walk(func, {
-						visit: "Identifier",
-						enter(identifier) {
-							variableName = identifier.name;
-							return this.break;
-						}
-					});
-					if (variableName) {
-						const definition = localVariableDeclarations.get(variableName);
-						if (definition) funcParentListItem.data = unwrapValue(definition.value);
-						else {
-							const customProperty = customProperties.get(variableName);
-							if (customProperty?.initialValue) funcParentListItem.data = unwrapValue(customProperty.initialValue.value);
-						}
-					}
-				}
-			}
-		});
-		walk(rule, {
-			visit: "Declaration",
-			enter(declaration) {
-				if (declaration.property.startsWith("--")) return;
-				styles[getReactProperty(declaration.property)] = generate(declaration.value) + (declaration.important ? "!important" : "");
-			}
-		});
-	}
-	return styles;
-}
-
 //#endregion
 //#region src/utils/tailwindcss/clone-element-with-inlined-styles.ts
 function cloneElementWithInlinedStyles(element, inlinableRules, nonInlinableRules, customProperties) {
@@ -21688,16 +21704,14 @@ function Tailwind({ children, config }) {
 		return node;
 	});
 	const styleSheet = tailwindSetup.getStyleSheet();
-	resolveAllCssVariables(styleSheet);
-	resolveCalcExpressions(styleSheet);
-	sanitizeDeclarations(styleSheet);
+	sanitizeStyleSheet(styleSheet);
 	const { inlinable: inlinableRules, nonInlinable: nonInlinableRules } = extractRulesPerClass(styleSheet, classesUsed);
-	sanitizeNonInlinableRules(styleSheet);
 	const customProperties = getCustomProperties(styleSheet);
 	const nonInlineStyles = {
 		type: "StyleSheet",
 		children: new List().fromArray(Array.from(nonInlinableRules.values()))
 	};
+	sanitizeNonInlinableRules(nonInlineStyles);
 	const hasNonInlineStylesToApply = nonInlinableRules.size > 0;
 	let appliedNonInlineStyles = false;
 	mappedChildren = mapReactTree(mappedChildren, (node) => {
@@ -21726,4 +21740,7 @@ please file a bug https://github.com/resend/react-email/issues/new?assignees=&la
 
 //#endregion
 exports.Tailwind = Tailwind;
-exports.pixelBasedPreset = pixelBasedPreset;
+exports.inlineStyles = inlineStyles;
+exports.pixelBasedPreset = pixelBasedPreset;
+exports.sanitizeStyleSheet = sanitizeStyleSheet;
+exports.setupTailwind = setupTailwind;

package/dist/index.mjs

@@ -19025,21 +19025,6 @@ const { version } = {
 //#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;
 
-//#endregion
-//#region src/hooks/use-suspended-promise.ts
-const promiseStates = /* @__PURE__ */ new Map();
-function useSuspensedPromise(promiseFn, key) {
-	const previousState = promiseStates.get(key);
-	if (previousState) {
-		if ("error" in previousState) throw previousState.error;
-		if ("result" in previousState) return previousState.result;
-		throw previousState.promise;
-	}
-	const state = { promise: promiseFn().then((result) => state.result = result).catch((error) => state.error = error) };
-	promiseStates.set(key, state);
-	throw state.promise;
-}
-
 //#endregion
 //#region src/utils/css/is-rule-inlinable.ts
 function isRuleInlinable(rule) {
@@ -19108,6 +19093,82 @@ function getCustomProperties(node) {
 	return customProperties;
 }
 
+//#endregion
+//#region src/utils/text/from-dash-case-to-camel-case.ts
+const fromDashCaseToCamelCase = (text) => {
+	return text.replace(/-(\w|$)/g, (_, p1) => p1.toUpperCase());
+};
+
+//#endregion
+//#region src/utils/compatibility/get-react-property.ts
+function getReactProperty(prop) {
+	const modifiedProp = prop.toLowerCase();
+	if (modifiedProp.startsWith("--")) return modifiedProp;
+	if (modifiedProp.startsWith("-ms-")) return fromDashCaseToCamelCase(modifiedProp.slice(1));
+	return fromDashCaseToCamelCase(modifiedProp);
+}
+
+//#endregion
+//#region src/utils/css/unwrap-value.ts
+function unwrapValue(value) {
+	if (value.type === "Value" && value.children.size === 1) return value.children.first ?? value;
+	return value;
+}
+
+//#endregion
+//#region src/utils/css/make-inline-styles-for.ts
+function makeInlineStylesFor(inlinableRules, customProperties) {
+	const styles = {};
+	const localVariableDeclarations = /* @__PURE__ */ new Map();
+	for (const rule of inlinableRules) walk(rule, {
+		visit: "Declaration",
+		enter(declaration) {
+			if (declaration.property.startsWith("--")) localVariableDeclarations.set(declaration.property, declaration);
+		}
+	});
+	for (const rule of inlinableRules) {
+		walk(rule, {
+			visit: "Function",
+			enter(func, funcParentListItem) {
+				if (func.name === "var") {
+					let variableName;
+					walk(func, {
+						visit: "Identifier",
+						enter(identifier) {
+							variableName = identifier.name;
+							return this.break;
+						}
+					});
+					if (variableName) {
+						const definition = localVariableDeclarations.get(variableName);
+						if (definition) funcParentListItem.data = unwrapValue(definition.value);
+						else {
+							const customProperty = customProperties.get(variableName);
+							if (customProperty?.initialValue) funcParentListItem.data = unwrapValue(customProperty.initialValue.value);
+						}
+					}
+				}
+			}
+		});
+		walk(rule, {
+			visit: "Declaration",
+			enter(declaration) {
+				if (declaration.property.startsWith("--")) return;
+				styles[getReactProperty(declaration.property)] = generate(declaration.value) + (declaration.important ? "!important" : "");
+			}
+		});
+	}
+	return styles;
+}
+
+//#endregion
+//#region src/inline-styles.ts
+function inlineStyles(styleSheet, classes) {
+	const { inlinable: inlinableRules } = extractRulesPerClass(styleSheet, classes);
+	const customProperties = getCustomProperties(styleSheet);
+	return makeInlineStylesFor(Array.from(inlinableRules.values()), customProperties);
+}
+
 //#endregion
 //#region src/utils/css/resolve-all-css-variables.ts
 function doSelectorsIntersect(first, second) {
@@ -19574,6 +19635,29 @@ function sanitizeDeclarations(nodeContainingDeclarations) {
 	});
 }
 
+//#endregion
+//#region src/sanitize-stylesheet.ts
+function sanitizeStyleSheet(styleSheet) {
+	resolveAllCssVariables(styleSheet);
+	resolveCalcExpressions(styleSheet);
+	sanitizeDeclarations(styleSheet);
+}
+
+//#endregion
+//#region src/hooks/use-suspended-promise.ts
+const promiseStates = /* @__PURE__ */ new Map();
+function useSuspensedPromise(promiseFn, key) {
+	const previousState = promiseStates.get(key);
+	if (previousState) {
+		if ("error" in previousState) throw previousState.error;
+		if ("result" in previousState) return previousState.result;
+		throw previousState.promise;
+	}
+	const state = { promise: promiseFn().then((result) => state.result = result).catch((error) => state.error = error) };
+	promiseStates.set(key, state);
+	throw state.promise;
+}
+
 //#endregion
 //#region src/utils/compatibility/sanitize-class-name.ts
 const digitToNameMap = {
@@ -19677,74 +19761,6 @@ function mapReactTree(value, process) {
 	return mapped && mapped.length === 1 ? mapped[0] : mapped;
 }
 
-//#endregion
-//#region src/utils/text/from-dash-case-to-camel-case.ts
-const fromDashCaseToCamelCase = (text) => {
-	return text.replace(/-(\w|$)/g, (_, p1) => p1.toUpperCase());
-};
-
-//#endregion
-//#region src/utils/compatibility/get-react-property.ts
-function getReactProperty(prop) {
-	const modifiedProp = prop.toLowerCase();
-	if (modifiedProp.startsWith("--")) return modifiedProp;
-	if (modifiedProp.startsWith("-ms-")) return fromDashCaseToCamelCase(modifiedProp.slice(1));
-	return fromDashCaseToCamelCase(modifiedProp);
-}
-
-//#endregion
-//#region src/utils/css/unwrap-value.ts
-function unwrapValue(value) {
-	if (value.type === "Value" && value.children.size === 1) return value.children.first ?? value;
-	return value;
-}
-
-//#endregion
-//#region src/utils/css/make-inline-styles-for.ts
-function makeInlineStylesFor(inlinableRules, customProperties) {
-	const styles = {};
-	const localVariableDeclarations = /* @__PURE__ */ new Map();
-	for (const rule of inlinableRules) walk(rule, {
-		visit: "Declaration",
-		enter(declaration) {
-			if (declaration.property.startsWith("--")) localVariableDeclarations.set(declaration.property, declaration);
-		}
-	});
-	for (const rule of inlinableRules) {
-		walk(rule, {
-			visit: "Function",
-			enter(func, funcParentListItem) {
-				if (func.name === "var") {
-					let variableName;
-					walk(func, {
-						visit: "Identifier",
-						enter(identifier) {
-							variableName = identifier.name;
-							return this.break;
-						}
-					});
-					if (variableName) {
-						const definition = localVariableDeclarations.get(variableName);
-						if (definition) funcParentListItem.data = unwrapValue(definition.value);
-						else {
-							const customProperty = customProperties.get(variableName);
-							if (customProperty?.initialValue) funcParentListItem.data = unwrapValue(customProperty.initialValue.value);
-						}
-					}
-				}
-			}
-		});
-		walk(rule, {
-			visit: "Declaration",
-			enter(declaration) {
-				if (declaration.property.startsWith("--")) return;
-				styles[getReactProperty(declaration.property)] = generate(declaration.value) + (declaration.important ? "!important" : "");
-			}
-		});
-	}
-	return styles;
-}
-
 //#endregion
 //#region src/utils/tailwindcss/clone-element-with-inlined-styles.ts
 function cloneElementWithInlinedStyles(element, inlinableRules, nonInlinableRules, customProperties) {
@@ -21675,16 +21691,14 @@ function Tailwind({ children, config }) {
 		return node;
 	});
 	const styleSheet = tailwindSetup.getStyleSheet();
-	resolveAllCssVariables(styleSheet);
-	resolveCalcExpressions(styleSheet);
-	sanitizeDeclarations(styleSheet);
+	sanitizeStyleSheet(styleSheet);
 	const { inlinable: inlinableRules, nonInlinable: nonInlinableRules } = extractRulesPerClass(styleSheet, classesUsed);
-	sanitizeNonInlinableRules(styleSheet);
 	const customProperties = getCustomProperties(styleSheet);
 	const nonInlineStyles = {
 		type: "StyleSheet",
 		children: new List().fromArray(Array.from(nonInlinableRules.values()))
 	};
+	sanitizeNonInlinableRules(nonInlineStyles);
 	const hasNonInlineStylesToApply = nonInlinableRules.size > 0;
 	let appliedNonInlineStyles = false;
 	mappedChildren = mapReactTree(mappedChildren, (node) => {
@@ -21712,5 +21726,5 @@ please file a bug https://github.com/resend/react-email/issues/new?assignees=&la
 }
 
 //#endregion
-export { Tailwind, pixelBasedPreset };
+export { Tailwind, inlineStyles, pixelBasedPreset, sanitizeStyleSheet, setupTailwind };
 //# sourceMappingURL=index.mjs.map