react-email 6.7.0 → 6.8.0

package/dist/components/tailwind/utils/react/map-react-tree.mjs

@@ -0,0 +1,30 @@
+import { isComponent } from "./is-component.mjs";
+import React from "react";
+//#region src/components/tailwind/utils/react/map-react-tree.ts
+/**
+* A function made for deep mapping a React tree from a node, even through its components.
+* For all the components it finds, it renders them by directly calling them. This has a few issues
+* with hooks, and the only solution is `renderAsync` here, which will probably be done in the future.
+*
+* @param process - The callback that will be called every time a new element has been reached.
+*
+* For components, this is going to be called, most of the time, two times. This is because the best
+* approach is to process *both* before rendering the components (i.e. on the props.children of a component element)
+* and after rendering them because the children themselves might have been modified in the component's
+* rendering.
+*/
+function mapReactTree(value, process) {
+	const mapped = React.Children.map(value, (node) => {
+		if (React.isValidElement(node)) {
+			const newProps = { ...node.props };
+			if (node.props.children && !isComponent(node)) newProps.children = mapReactTree(node.props.children, process);
+			const processed = process(React.cloneElement(node, newProps, newProps.children));
+			if (React.isValidElement(processed) && isComponent(processed)) return mapReactTree((typeof processed.type === "object" ? processed.type.render : processed.type)(processed.props), process);
+			return processed;
+		}
+		return process(node);
+	});
+	return mapped && mapped.length === 1 ? mapped[0] : mapped;
+}
+//#endregion
+export { mapReactTree };

package/dist/components/tailwind/utils/tailwindcss/clone-element-with-inlined-styles.cjs

@@ -0,0 +1,37 @@
+const require_runtime = require("../../../../_virtual/_rolldown/runtime.cjs");
+const require_make_inline_styles_for = require("../css/make-inline-styles-for.cjs");
+const require_sanitize_class_name = require("../compatibility/sanitize-class-name.cjs");
+const require_is_component = require("../react/is-component.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+//#region src/components/tailwind/utils/tailwindcss/clone-element-with-inlined-styles.ts
+function cloneElementWithInlinedStyles(element, inlinableRules, nonInlinableRules, customProperties) {
+	const propsToOverwrite = {};
+	if (element.props.className && !require_is_component.isComponent(element)) {
+		const classes = element.props.className.trim().split(/\s+/);
+		const residualClasses = [];
+		const rules = [];
+		for (const className of classes) {
+			const classRules = inlinableRules.get(className);
+			if (classRules) rules.push(...classRules);
+			if (nonInlinableRules.has(className)) residualClasses.push(className);
+			else if (!classRules) residualClasses.push(className);
+		}
+		propsToOverwrite.style = {
+			...require_make_inline_styles_for.makeInlineStylesFor(rules, customProperties),
+			...element.props.style
+		};
+		if (residualClasses.length > 0) propsToOverwrite.className = residualClasses.map((className) => {
+			if (nonInlinableRules.has(className)) return require_sanitize_class_name.sanitizeClassName(className);
+			return className;
+		}).join(" ");
+		else propsToOverwrite.className = void 0;
+	}
+	const newProps = {
+		...element.props,
+		...propsToOverwrite
+	};
+	return react.default.cloneElement(element, newProps, newProps.children);
+}
+//#endregion
+exports.cloneElementWithInlinedStyles = cloneElementWithInlinedStyles;

package/dist/components/tailwind/utils/tailwindcss/clone-element-with-inlined-styles.mjs

@@ -0,0 +1,35 @@
+import { makeInlineStylesFor } from "../css/make-inline-styles-for.mjs";
+import { sanitizeClassName } from "../compatibility/sanitize-class-name.mjs";
+import { isComponent } from "../react/is-component.mjs";
+import React from "react";
+//#region src/components/tailwind/utils/tailwindcss/clone-element-with-inlined-styles.ts
+function cloneElementWithInlinedStyles(element, inlinableRules, nonInlinableRules, customProperties) {
+	const propsToOverwrite = {};
+	if (element.props.className && !isComponent(element)) {
+		const classes = element.props.className.trim().split(/\s+/);
+		const residualClasses = [];
+		const rules = [];
+		for (const className of classes) {
+			const classRules = inlinableRules.get(className);
+			if (classRules) rules.push(...classRules);
+			if (nonInlinableRules.has(className)) residualClasses.push(className);
+			else if (!classRules) residualClasses.push(className);
+		}
+		propsToOverwrite.style = {
+			...makeInlineStylesFor(rules, customProperties),
+			...element.props.style
+		};
+		if (residualClasses.length > 0) propsToOverwrite.className = residualClasses.map((className) => {
+			if (nonInlinableRules.has(className)) return sanitizeClassName(className);
+			return className;
+		}).join(" ");
+		else propsToOverwrite.className = void 0;
+	}
+	const newProps = {
+		...element.props,
+		...propsToOverwrite
+	};
+	return React.cloneElement(element, newProps, newProps.children);
+}
+//#endregion
+export { cloneElementWithInlinedStyles };

package/dist/components/tailwind/utils/tailwindcss/setup-tailwind.cjs

@@ -0,0 +1,77 @@
+require("../../../../_virtual/_rolldown/runtime.cjs");
+const require_index = require("./tailwind-stylesheets/index.cjs");
+const require_preflight = require("./tailwind-stylesheets/preflight.cjs");
+const require_theme = require("./tailwind-stylesheets/theme.cjs");
+const require_utilities = require("./tailwind-stylesheets/utilities.cjs");
+let css_tree = require("css-tree");
+let tailwindcss = require("tailwindcss");
+//#region src/components/tailwind/utils/tailwindcss/setup-tailwind.ts
+const SETUP_TAILWIND_KEYS = new Set(["config", "cssConfigs"]);
+async function setupTailwind(props = {}) {
+	const stray = Object.keys(props).filter((k) => !SETUP_TAILWIND_KEYS.has(k));
+	if (stray.length > 0) throw new Error(`setupTailwind now takes { config, cssConfigs } — received unexpected keys: ${stray.join(", ")}. If you used to call setupTailwind(config), wrap it: setupTailwind({ config }).`);
+	const { config, cssConfigs } = props;
+	const baseCss = `
+@layer theme, base, components, utilities;
+@import "tailwindcss/theme.css" layer(theme);
+@import "tailwindcss/utilities.css" layer(utilities);
+${cssConfigs?.theme ? "@import \"custom-theme.css\" layer(theme);" : ""}
+${cssConfigs?.utility ? "@import \"custom-utilities.css\" layer(utilities);" : ""}
+@config;
+`;
+	const compiler = await (0, tailwindcss.compile)(baseCss, {
+		async loadModule(id, base, resourceHint) {
+			if (resourceHint === "config") return {
+				path: id,
+				base,
+				module: config ?? {}
+			};
+			throw new Error(`NO-OP: should we implement support for ${resourceHint}?`);
+		},
+		polyfills: 0,
+		async loadStylesheet(id, base) {
+			if (id === "tailwindcss") return {
+				base,
+				path: "tailwindcss/index.css",
+				content: require_index.default
+			};
+			if (id === "tailwindcss/preflight.css") return {
+				base,
+				path: id,
+				content: require_preflight.default
+			};
+			if (id === "tailwindcss/theme.css") return {
+				base,
+				path: id,
+				content: require_theme.default
+			};
+			if (id === "tailwindcss/utilities.css") return {
+				base,
+				path: id,
+				content: require_utilities.default
+			};
+			if (id === "custom-theme.css") return {
+				base,
+				path: id,
+				content: cssConfigs?.theme ?? ""
+			};
+			if (id === "custom-utilities.css") return {
+				base,
+				path: id,
+				content: cssConfigs?.utility ?? ""
+			};
+			throw new Error("stylesheet not supported, you can only import the ones from tailwindcss");
+		}
+	});
+	let css$4 = baseCss;
+	return {
+		addUtilities: function addUtilities(candidates) {
+			css$4 = compiler.build(candidates);
+		},
+		getStyleSheet: function getCss() {
+			return (0, css_tree.parse)(css$4);
+		}
+	};
+}
+//#endregion
+exports.setupTailwind = setupTailwind;

package/dist/components/tailwind/utils/tailwindcss/setup-tailwind.d.cts

@@ -0,0 +1,19 @@
+import { TailwindConfig } from "../../tailwind.cjs";
+import { StyleSheet } from "css-tree";
+
+//#region src/components/tailwind/utils/tailwindcss/setup-tailwind.d.ts
+type TailwindSetup = Awaited<ReturnType<typeof setupTailwind>>;
+interface CSSConfigs {
+  theme?: string;
+  utility?: string;
+}
+interface SetupTailwindProps {
+  config?: TailwindConfig;
+  cssConfigs?: CSSConfigs;
+}
+declare function setupTailwind(props?: SetupTailwindProps): Promise<{
+  addUtilities: (candidates: string[]) => void;
+  getStyleSheet: () => StyleSheet;
+}>;
+//#endregion
+export { TailwindSetup, setupTailwind };

package/dist/components/tailwind/utils/tailwindcss/setup-tailwind.d.mts

@@ -0,0 +1,19 @@
+import { TailwindConfig } from "../../tailwind.mjs";
+import { StyleSheet } from "css-tree";
+
+//#region src/components/tailwind/utils/tailwindcss/setup-tailwind.d.ts
+type TailwindSetup = Awaited<ReturnType<typeof setupTailwind>>;
+interface CSSConfigs {
+  theme?: string;
+  utility?: string;
+}
+interface SetupTailwindProps {
+  config?: TailwindConfig;
+  cssConfigs?: CSSConfigs;
+}
+declare function setupTailwind(props?: SetupTailwindProps): Promise<{
+  addUtilities: (candidates: string[]) => void;
+  getStyleSheet: () => StyleSheet;
+}>;
+//#endregion
+export { TailwindSetup, setupTailwind };

package/dist/components/tailwind/utils/tailwindcss/setup-tailwind.mjs

@@ -0,0 +1,76 @@
+import css from "./tailwind-stylesheets/index.mjs";
+import css$1 from "./tailwind-stylesheets/preflight.mjs";
+import css$2 from "./tailwind-stylesheets/theme.mjs";
+import css$3 from "./tailwind-stylesheets/utilities.mjs";
+import { parse } from "css-tree/dist/csstree.esm";
+import { compile } from "tailwindcss";
+//#region src/components/tailwind/utils/tailwindcss/setup-tailwind.ts
+const SETUP_TAILWIND_KEYS = new Set(["config", "cssConfigs"]);
+async function setupTailwind(props = {}) {
+	const stray = Object.keys(props).filter((k) => !SETUP_TAILWIND_KEYS.has(k));
+	if (stray.length > 0) throw new Error(`setupTailwind now takes { config, cssConfigs } — received unexpected keys: ${stray.join(", ")}. If you used to call setupTailwind(config), wrap it: setupTailwind({ config }).`);
+	const { config, cssConfigs } = props;
+	const baseCss = `
+@layer theme, base, components, utilities;
+@import "tailwindcss/theme.css" layer(theme);
+@import "tailwindcss/utilities.css" layer(utilities);
+${cssConfigs?.theme ? "@import \"custom-theme.css\" layer(theme);" : ""}
+${cssConfigs?.utility ? "@import \"custom-utilities.css\" layer(utilities);" : ""}
+@config;
+`;
+	const compiler = await compile(baseCss, {
+		async loadModule(id, base, resourceHint) {
+			if (resourceHint === "config") return {
+				path: id,
+				base,
+				module: config ?? {}
+			};
+			throw new Error(`NO-OP: should we implement support for ${resourceHint}?`);
+		},
+		polyfills: 0,
+		async loadStylesheet(id, base) {
+			if (id === "tailwindcss") return {
+				base,
+				path: "tailwindcss/index.css",
+				content: css
+			};
+			if (id === "tailwindcss/preflight.css") return {
+				base,
+				path: id,
+				content: css$1
+			};
+			if (id === "tailwindcss/theme.css") return {
+				base,
+				path: id,
+				content: css$2
+			};
+			if (id === "tailwindcss/utilities.css") return {
+				base,
+				path: id,
+				content: css$3
+			};
+			if (id === "custom-theme.css") return {
+				base,
+				path: id,
+				content: cssConfigs?.theme ?? ""
+			};
+			if (id === "custom-utilities.css") return {
+				base,
+				path: id,
+				content: cssConfigs?.utility ?? ""
+			};
+			throw new Error("stylesheet not supported, you can only import the ones from tailwindcss");
+		}
+	});
+	let css$4 = baseCss;
+	return {
+		addUtilities: function addUtilities(candidates) {
+			css$4 = compiler.build(candidates);
+		},
+		getStyleSheet: function getCss() {
+			return parse(css$4);
+		}
+	};
+}
+//#endregion
+export { setupTailwind };