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

package/dist/index.d.mts

@@ -2,6 +2,12 @@ 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 {
@@ -14,8 +20,6 @@ interface EmailElementProps {
   style?: React$1.CSSProperties;
 }
 declare const pixelBasedPreset: TailwindConfig;
-declare function sanitizeStyleSheet(styleSheet: StyleSheet): void;
-declare function inlineStyles(styleSheet: StyleSheet, classes: string[]): Record<string, string>;
 declare function Tailwind({
   children,
   config

package/dist/index.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.mts","names":[],"sources":["../src/tailwind.tsx","../src/utils/tailwindcss/setup-tailwind.ts"],"sourcesContent":[],"mappings":";;;;;KAqBY,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,kBAAA,CApES,UAAA,EAoEsB,UApEtB,CAAA,EAAA,IAAA;AAGR,iBAuED,YAAA,CAvEkB,UAAA,EAwEpB,UAxEoB,EAAA,OAAA,EAAA,MAAA,EAAA,CAAA,EA0E/B,MA1E+B,CAAA,MAAA,EAAA,MAAA,CAAA;AAAA,iBAwFlB,QAAA,CAxFkB;EAAA,QAAA;EAAA;AAAA,CAAA,EAwFa,aAxFb,CAAA,EAwF0B,OAAA,CAAA,SAxF1B;;;KCpBtB,aAAA,GAAgB,QAAQ,kBAAkB;iBAEhC,aAAA,SAAsB,iBAAc;;EDW9C,aAAA,EAAA,GAAc,GCyDC,UDzDD;CAAA,CAAA"}
+{"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

@@ -2,6 +2,12 @@ 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 {
@@ -14,8 +20,6 @@ interface EmailElementProps {
   style?: React.CSSProperties;
 }
 declare const pixelBasedPreset: TailwindConfig;
-declare function sanitizeStyleSheet(styleSheet: StyleSheet): void;
-declare function inlineStyles(styleSheet: StyleSheet, classes: string[]): Record<string, string>;
 declare function Tailwind({
   children,
   config

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../src/tailwind.tsx","../src/utils/tailwindcss/setup-tailwind.ts"],"sourcesContent":[],"mappings":";;;;;KAqBY,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,kBAAA,CApES,UAAA,EAoEsB,UApEtB,CAAA,EAAA,IAAA;AAGR,iBAuED,YAAA,CAvEkB,UAAA,EAwEpB,UAxEoB,EAAA,OAAA,EAAA,MAAA,EAAA,CAAA,EA0E/B,MA1E+B,CAAA,MAAA,EAAA,MAAA,CAAA;AAAA,iBAwFlB,QAAA,CAxFkB;EAAA,QAAA;EAAA;AAAA,CAAA,EAwFa,aAxFb,CAAA,EAwF0B,KAAA,CAAA,SAxF1B;;;KCpBtB,aAAA,GAAgB,QAAQ,kBAAkB;iBAEhC,aAAA,SAAsB,iBAAc;;EDW9C,aAAA,EAAA,GAAc,GCyDC,UDzDD;CAAA,CAAA"}
+{"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) {
@@ -19189,6 +19174,14 @@ function makeInlineStylesFor(inlinableRules, customProperties) {
 	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) {
@@ -19655,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 = {
@@ -21674,16 +21690,6 @@ const pixelBasedPreset = { theme: { extend: {
 		96: "384px"
 	}
 } } };
-function sanitizeStyleSheet(styleSheet) {
-	resolveAllCssVariables(styleSheet);
-	resolveCalcExpressions(styleSheet);
-	sanitizeDeclarations(styleSheet);
-}
-function inlineStyles(styleSheet, classes) {
-	const { inlinable: inlinableRules } = extractRulesPerClass(styleSheet, classes);
-	const customProperties = getCustomProperties(styleSheet);
-	return makeInlineStylesFor(Array.from(inlinableRules.values()), customProperties);
-}
 function Tailwind({ children, config }) {
 	const tailwindSetup = useSuspensedPromise(() => setupTailwind(config ?? {}), JSON.stringify(config, (_key, value) => typeof value === "function" ? value.toString() : value));
 	let classesUsed = [];

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) {
@@ -19176,6 +19161,14 @@ function makeInlineStylesFor(inlinableRules, customProperties) {
 	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) {
@@ -19642,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 = {
@@ -21661,16 +21677,6 @@ const pixelBasedPreset = { theme: { extend: {
 		96: "384px"
 	}
 } } };
-function sanitizeStyleSheet(styleSheet) {
-	resolveAllCssVariables(styleSheet);
-	resolveCalcExpressions(styleSheet);
-	sanitizeDeclarations(styleSheet);
-}
-function inlineStyles(styleSheet, classes) {
-	const { inlinable: inlinableRules } = extractRulesPerClass(styleSheet, classes);
-	const customProperties = getCustomProperties(styleSheet);
-	return makeInlineStylesFor(Array.from(inlinableRules.values()), customProperties);
-}
 function Tailwind({ children, config }) {
 	const tailwindSetup = useSuspensedPromise(() => setupTailwind(config ?? {}), JSON.stringify(config, (_key, value) => typeof value === "function" ? value.toString() : value));
 	let classesUsed = [];