@depup/react-email 5.2.10-depup.1 → 6.9.0-depup.1

package/dist/components/heading/utils/spaces.cjs

@@ -0,0 +1,24 @@
+//#region src/components/heading/utils/spaces.ts
+const withMargin = (props) => {
+	const candidates = [
+		withSpace(props.m, ["margin"]),
+		withSpace(props.mx, ["marginLeft", "marginRight"]),
+		withSpace(props.my, ["marginTop", "marginBottom"]),
+		withSpace(props.mt, ["marginTop"]),
+		withSpace(props.mr, ["marginRight"]),
+		withSpace(props.mb, ["marginBottom"]),
+		withSpace(props.ml, ["marginLeft"])
+	];
+	const mergedStyles = {};
+	for (const style of candidates) if (Object.keys(style).length > 0) Object.assign(mergedStyles, style);
+	return mergedStyles;
+};
+const withSpace = (value, properties) => {
+	const styles = {};
+	if (value === void 0) return styles;
+	if (Number.isNaN(Number.parseFloat(String(value)))) return styles;
+	for (const property of properties) styles[property] = `${value}px`;
+	return styles;
+};
+//#endregion
+exports.withMargin = withMargin;

package/dist/components/heading/utils/spaces.d.cts

@@ -0,0 +1,14 @@
+import React from "react";
+
+//#region src/components/heading/utils/spaces.d.ts
+interface Margin {
+  m?: number | string;
+  mx?: number | string;
+  my?: number | string;
+  mt?: number | string;
+  mr?: number | string;
+  mb?: number | string;
+  ml?: number | string;
+}
+//#endregion
+export { Margin };

package/dist/components/heading/utils/spaces.d.mts

@@ -0,0 +1,14 @@
+import React from "react";
+
+//#region src/components/heading/utils/spaces.d.ts
+interface Margin {
+  m?: number | string;
+  mx?: number | string;
+  my?: number | string;
+  mt?: number | string;
+  mr?: number | string;
+  mb?: number | string;
+  ml?: number | string;
+}
+//#endregion
+export { Margin };

package/dist/components/heading/utils/spaces.mjs

@@ -0,0 +1,24 @@
+//#region src/components/heading/utils/spaces.ts
+const withMargin = (props) => {
+	const candidates = [
+		withSpace(props.m, ["margin"]),
+		withSpace(props.mx, ["marginLeft", "marginRight"]),
+		withSpace(props.my, ["marginTop", "marginBottom"]),
+		withSpace(props.mt, ["marginTop"]),
+		withSpace(props.mr, ["marginRight"]),
+		withSpace(props.mb, ["marginBottom"]),
+		withSpace(props.ml, ["marginLeft"])
+	];
+	const mergedStyles = {};
+	for (const style of candidates) if (Object.keys(style).length > 0) Object.assign(mergedStyles, style);
+	return mergedStyles;
+};
+const withSpace = (value, properties) => {
+	const styles = {};
+	if (value === void 0) return styles;
+	if (Number.isNaN(Number.parseFloat(String(value)))) return styles;
+	for (const property of properties) styles[property] = `${value}px`;
+	return styles;
+};
+//#endregion
+export { withMargin };

package/dist/components/hr/hr.cjs

@@ -0,0 +1,21 @@
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_element_marker = require("../element-marker.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/hr/hr.tsx
+const Hr = react.forwardRef(({ style, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("hr", {
+	...props,
+	ref,
+	style: {
+		width: "100%",
+		border: "none",
+		borderColor: "transparent",
+		borderTop: "1px solid #eaeaea",
+		...style
+	}
+}));
+Hr.displayName = "Hr";
+require_element_marker.markAsElement(Hr);
+//#endregion
+exports.Hr = Hr;

package/dist/components/hr/hr.d.cts

@@ -0,0 +1,7 @@
+import * as React$1 from "react";
+
+//#region src/components/hr/hr.d.ts
+type HrProps = Readonly<React$1.ComponentPropsWithoutRef<'hr'>>;
+declare const Hr: React$1.ForwardRefExoticComponent<Readonly<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLHRElement>, HTMLHRElement>, "ref">> & React$1.RefAttributes<HTMLHRElement>>;
+//#endregion
+export { Hr, HrProps };

package/dist/components/hr/hr.d.mts

@@ -0,0 +1,7 @@
+import * as React$1 from "react";
+
+//#region src/components/hr/hr.d.ts
+type HrProps = Readonly<React$1.ComponentPropsWithoutRef<'hr'>>;
+declare const Hr: React$1.ForwardRefExoticComponent<Readonly<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLHRElement>, HTMLHRElement>, "ref">> & React$1.RefAttributes<HTMLHRElement>>;
+//#endregion
+export { Hr, HrProps };

package/dist/components/hr/hr.mjs

@@ -0,0 +1,19 @@
+import { markAsElement } from "../element-marker.mjs";
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/hr/hr.tsx
+const Hr = React$1.forwardRef(({ style, ...props }, ref) => /* @__PURE__ */ jsx("hr", {
+	...props,
+	ref,
+	style: {
+		width: "100%",
+		border: "none",
+		borderColor: "transparent",
+		borderTop: "1px solid #eaeaea",
+		...style
+	}
+}));
+Hr.displayName = "Hr";
+markAsElement(Hr);
+//#endregion
+export { Hr };

package/dist/components/hr/index.d.cts

@@ -0,0 +1 @@
+import { Hr, HrProps } from "./hr.cjs";

package/dist/components/hr/index.d.mts

@@ -0,0 +1 @@
+import { Hr, HrProps } from "./hr.mjs";

package/dist/components/html/html.cjs

@@ -0,0 +1,15 @@
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/html/html.tsx
+const Html = react.forwardRef(({ children, lang = "en", dir = "ltr", ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("html", {
+	...props,
+	dir,
+	lang,
+	ref,
+	children
+}));
+Html.displayName = "Html";
+//#endregion
+exports.Html = Html;

package/dist/components/html/html.d.cts

@@ -0,0 +1,7 @@
+import * as React$1 from "react";
+
+//#region src/components/html/html.d.ts
+type HtmlProps = Readonly<React$1.ComponentPropsWithoutRef<'html'>>;
+declare const Html: React$1.ForwardRefExoticComponent<Readonly<Omit<React$1.DetailedHTMLProps<React$1.HtmlHTMLAttributes<HTMLHtmlElement>, HTMLHtmlElement>, "ref">> & React$1.RefAttributes<HTMLHtmlElement>>;
+//#endregion
+export { Html, HtmlProps };

package/dist/components/html/html.d.mts

@@ -0,0 +1,7 @@
+import * as React$1 from "react";
+
+//#region src/components/html/html.d.ts
+type HtmlProps = Readonly<React$1.ComponentPropsWithoutRef<'html'>>;
+declare const Html: React$1.ForwardRefExoticComponent<Readonly<Omit<React$1.DetailedHTMLProps<React$1.HtmlHTMLAttributes<HTMLHtmlElement>, HTMLHtmlElement>, "ref">> & React$1.RefAttributes<HTMLHtmlElement>>;
+//#endregion
+export { Html, HtmlProps };

package/dist/components/html/html.mjs

@@ -0,0 +1,13 @@
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/html/html.tsx
+const Html = React$1.forwardRef(({ children, lang = "en", dir = "ltr", ...props }, ref) => /* @__PURE__ */ jsx("html", {
+	...props,
+	dir,
+	lang,
+	ref,
+	children
+}));
+Html.displayName = "Html";
+//#endregion
+export { Html };

package/dist/components/html/index.d.cts

@@ -0,0 +1 @@
+import { Html, HtmlProps } from "./html.cjs";

package/dist/components/html/index.d.mts

@@ -0,0 +1 @@
+import { Html, HtmlProps } from "./html.mjs";

package/dist/components/img/img.cjs

@@ -0,0 +1,25 @@
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_element_marker = require("../element-marker.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/img/img.tsx
+const Img = react.forwardRef(({ alt, src, width, height, style, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+	...props,
+	alt: alt ?? "",
+	height,
+	ref,
+	src,
+	style: {
+		display: "block",
+		outline: "none",
+		border: "none",
+		textDecoration: "none",
+		...style
+	},
+	width
+}));
+Img.displayName = "Img";
+require_element_marker.markAsElement(Img);
+//#endregion
+exports.Img = Img;

package/dist/components/img/img.d.cts

@@ -0,0 +1,7 @@
+import * as React$1 from "react";
+
+//#region src/components/img/img.d.ts
+type ImgProps = Readonly<React$1.ComponentPropsWithoutRef<'img'>>;
+declare const Img: React$1.ForwardRefExoticComponent<Readonly<Omit<React$1.DetailedHTMLProps<React$1.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref">> & React$1.RefAttributes<HTMLImageElement>>;
+//#endregion
+export { Img, ImgProps };

package/dist/components/img/img.d.mts

@@ -0,0 +1,7 @@
+import * as React$1 from "react";
+
+//#region src/components/img/img.d.ts
+type ImgProps = Readonly<React$1.ComponentPropsWithoutRef<'img'>>;
+declare const Img: React$1.ForwardRefExoticComponent<Readonly<Omit<React$1.DetailedHTMLProps<React$1.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref">> & React$1.RefAttributes<HTMLImageElement>>;
+//#endregion
+export { Img, ImgProps };

package/dist/components/img/img.mjs

@@ -0,0 +1,23 @@
+import { markAsElement } from "../element-marker.mjs";
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/img/img.tsx
+const Img = React$1.forwardRef(({ alt, src, width, height, style, ...props }, ref) => /* @__PURE__ */ jsx("img", {
+	...props,
+	alt: alt ?? "",
+	height,
+	ref,
+	src,
+	style: {
+		display: "block",
+		outline: "none",
+		border: "none",
+		textDecoration: "none",
+		...style
+	},
+	width
+}));
+Img.displayName = "Img";
+markAsElement(Img);
+//#endregion
+export { Img };

package/dist/components/img/index.d.cts

@@ -0,0 +1 @@
+import { Img, ImgProps } from "./img.cjs";

package/dist/components/img/index.d.mts

@@ -0,0 +1 @@
+import { Img, ImgProps } from "./img.mjs";

package/dist/components/index.d.cts

@@ -0,0 +1,24 @@
+import { Body, BodyProps } from "./body/body.cjs";
+import { Button, ButtonProps } from "./button/button.cjs";
+import { PrismLanguage } from "./code-block/languages-available.cjs";
+import { Theme, a11yDark, atomDark, baseAteliersulphurpoolLight, cb, coldarkCold, coldarkDark, coyWithoutShadows, darcula, dracula, duotoneDark, duotoneEarth, duotoneForest, duotoneLight, duotoneSea, duotoneSpace, ghcolors, gruvboxDark, gruvboxLight, holiTheme, hopscotch, laserwave, lucario, materialDark, materialLight, materialOceanic, nightOwl, nord, oneDark, oneLight, pojoaque, shadesOfPurple, solarizedDarkAtom, synthwave84, vesper, vs, vscDarkPlus, xonokai, zTouch } from "./code-block/themes.cjs";
+import { CodeBlock, CodeBlockProps } from "./code-block/code-block.cjs";
+import { CodeInline, CodeInlineProps } from "./code-inline/code-inline.cjs";
+import { Column, ColumnProps } from "./column/column.cjs";
+import { Container, ContainerProps } from "./container/container.cjs";
+import { Font, FontProps } from "./font/font.cjs";
+import { Head, HeadProps } from "./head/head.cjs";
+import { Heading, HeadingAs, HeadingProps } from "./heading/heading.cjs";
+import { Hr, HrProps } from "./hr/hr.cjs";
+import { Html, HtmlProps } from "./html/html.cjs";
+import { Img, ImgProps } from "./img/img.cjs";
+import { Link, LinkProps } from "./link/link.cjs";
+import { Markdown, MarkdownProps } from "./markdown/markdown.cjs";
+import { Preview, PreviewProps, renderWhiteSpace } from "./preview/preview.cjs";
+import { Row, RowProps } from "./row/row.cjs";
+import { Section, SectionProps } from "./section/section.cjs";
+import { inlineStyles } from "./tailwind/inline-styles.cjs";
+import { sanitizeStyleSheet } from "./tailwind/sanitize-stylesheet.cjs";
+import { EmailElementProps, Tailwind, TailwindConfig, TailwindProps, pixelBasedPreset } from "./tailwind/tailwind.cjs";
+import { TailwindSetup, setupTailwind } from "./tailwind/utils/tailwindcss/setup-tailwind.cjs";
+import { Text, TextProps } from "./text/text.cjs";

package/dist/components/index.d.mts

@@ -0,0 +1,24 @@
+import { Body, BodyProps } from "./body/body.mjs";
+import { Button, ButtonProps } from "./button/button.mjs";
+import { PrismLanguage } from "./code-block/languages-available.mjs";
+import { Theme, a11yDark, atomDark, baseAteliersulphurpoolLight, cb, coldarkCold, coldarkDark, coyWithoutShadows, darcula, dracula, duotoneDark, duotoneEarth, duotoneForest, duotoneLight, duotoneSea, duotoneSpace, ghcolors, gruvboxDark, gruvboxLight, holiTheme, hopscotch, laserwave, lucario, materialDark, materialLight, materialOceanic, nightOwl, nord, oneDark, oneLight, pojoaque, shadesOfPurple, solarizedDarkAtom, synthwave84, vesper, vs, vscDarkPlus, xonokai, zTouch } from "./code-block/themes.mjs";
+import { CodeBlock, CodeBlockProps } from "./code-block/code-block.mjs";
+import { CodeInline, CodeInlineProps } from "./code-inline/code-inline.mjs";
+import { Column, ColumnProps } from "./column/column.mjs";
+import { Container, ContainerProps } from "./container/container.mjs";
+import { Font, FontProps } from "./font/font.mjs";
+import { Head, HeadProps } from "./head/head.mjs";
+import { Heading, HeadingAs, HeadingProps } from "./heading/heading.mjs";
+import { Hr, HrProps } from "./hr/hr.mjs";
+import { Html, HtmlProps } from "./html/html.mjs";
+import { Img, ImgProps } from "./img/img.mjs";
+import { Link, LinkProps } from "./link/link.mjs";
+import { Markdown, MarkdownProps } from "./markdown/markdown.mjs";
+import { Preview, PreviewProps, renderWhiteSpace } from "./preview/preview.mjs";
+import { Row, RowProps } from "./row/row.mjs";
+import { Section, SectionProps } from "./section/section.mjs";
+import { inlineStyles } from "./tailwind/inline-styles.mjs";
+import { sanitizeStyleSheet } from "./tailwind/sanitize-stylesheet.mjs";
+import { EmailElementProps, Tailwind, TailwindConfig, TailwindProps, pixelBasedPreset } from "./tailwind/tailwind.mjs";
+import { TailwindSetup, setupTailwind } from "./tailwind/utils/tailwindcss/setup-tailwind.mjs";
+import { Text, TextProps } from "./text/text.mjs";

package/dist/components/link/index.d.cts

@@ -0,0 +1 @@
+import { Link, LinkProps } from "./link.cjs";

package/dist/components/link/index.d.mts

@@ -0,0 +1 @@
+import { Link, LinkProps } from "./link.mjs";

package/dist/components/link/link.cjs

@@ -0,0 +1,21 @@
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_element_marker = require("../element-marker.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/link/link.tsx
+const Link = react.forwardRef(({ target = "_blank", style, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+	...props,
+	ref,
+	style: {
+		color: "#067df7",
+		textDecorationLine: "none",
+		...style
+	},
+	target,
+	children: props.children
+}));
+Link.displayName = "Link";
+require_element_marker.markAsElement(Link);
+//#endregion
+exports.Link = Link;

package/dist/components/link/link.d.cts

@@ -0,0 +1,7 @@
+import * as React$1 from "react";
+
+//#region src/components/link/link.d.ts
+type LinkProps = Readonly<React$1.ComponentPropsWithoutRef<'a'>>;
+declare const Link: React$1.ForwardRefExoticComponent<Readonly<Omit<React$1.DetailedHTMLProps<React$1.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">> & React$1.RefAttributes<HTMLAnchorElement>>;
+//#endregion
+export { Link, LinkProps };

package/dist/components/link/link.d.mts

@@ -0,0 +1,7 @@
+import * as React$1 from "react";
+
+//#region src/components/link/link.d.ts
+type LinkProps = Readonly<React$1.ComponentPropsWithoutRef<'a'>>;
+declare const Link: React$1.ForwardRefExoticComponent<Readonly<Omit<React$1.DetailedHTMLProps<React$1.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">> & React$1.RefAttributes<HTMLAnchorElement>>;
+//#endregion
+export { Link, LinkProps };

package/dist/components/link/link.mjs

@@ -0,0 +1,19 @@
+import { markAsElement } from "../element-marker.mjs";
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/link/link.tsx
+const Link = React$1.forwardRef(({ target = "_blank", style, ...props }, ref) => /* @__PURE__ */ jsx("a", {
+	...props,
+	ref,
+	style: {
+		color: "#067df7",
+		textDecorationLine: "none",
+		...style
+	},
+	target,
+	children: props.children
+}));
+Link.displayName = "Link";
+markAsElement(Link);
+//#endregion
+export { Link };

package/dist/components/markdown/index.d.cts

@@ -0,0 +1 @@
+import { Markdown, MarkdownProps } from "./markdown.cjs";

package/dist/components/markdown/index.d.mts

@@ -0,0 +1 @@
+import { Markdown, MarkdownProps } from "./markdown.mjs";

package/dist/components/markdown/markdown.cjs

@@ -0,0 +1,101 @@
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_styles = require("./styles.cjs");
+const require_parse_css_in_js_to_inline_css = require("./utils/parse-css-in-js-to-inline-css.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+let marked = require("marked");
+//#region src/components/markdown/markdown.tsx
+const Markdown = react.forwardRef(({ children, markdownContainerStyles, markdownCustomStyles, ...props }, ref) => {
+	const finalStyles = {
+		...require_styles.styles,
+		...markdownCustomStyles
+	};
+	const renderer = new marked.Renderer();
+	renderer.blockquote = ({ tokens }) => {
+		const text = renderer.parser.parse(tokens);
+		return `<blockquote${require_parse_css_in_js_to_inline_css.parseCssInJsToInlineCss(finalStyles.blockQuote) !== "" ? ` style="${require_parse_css_in_js_to_inline_css.parseCssInJsToInlineCss(finalStyles.blockQuote)}"` : ""}>\n${text}</blockquote>\n`;
+	};
+	renderer.br = () => {
+		return `<br${require_parse_css_in_js_to_inline_css.parseCssInJsToInlineCss(finalStyles.br) !== "" ? ` style="${require_parse_css_in_js_to_inline_css.parseCssInJsToInlineCss(finalStyles.br)}"` : ""} />`;
+	};
+	renderer.code = ({ text }) => {
+		text = `${text.replace(/\n$/, "")}\n`;
+		return `<pre${require_parse_css_in_js_to_inline_css.parseCssInJsToInlineCss(finalStyles.codeBlock) !== "" ? ` style="${require_parse_css_in_js_to_inline_css.parseCssInJsToInlineCss(finalStyles.codeBlock)}"` : ""}><code>${text}</code></pre>\n`;
+	};
+	renderer.codespan = ({ text }) => {
+		return `<code${require_parse_css_in_js_to_inline_css.parseCssInJsToInlineCss(finalStyles.codeInline) !== "" ? ` style="${require_parse_css_in_js_to_inline_css.parseCssInJsToInlineCss(finalStyles.codeInline)}"` : ""}>${text}</code>`;
+	};
+	renderer.del = ({ tokens }) => {
+		const text = renderer.parser.parseInline(tokens);
+		return `<del${require_parse_css_in_js_to_inline_css.parseCssInJsToInlineCss(finalStyles.strikethrough) !== "" ? ` style="${require_parse_css_in_js_to_inline_css.parseCssInJsToInlineCss(finalStyles.strikethrough)}"` : ""}>${text}</del>`;
+	};
+	renderer.em = ({ tokens }) => {
+		const text = renderer.parser.parseInline(tokens);
+		return `<em${require_parse_css_in_js_to_inline_css.parseCssInJsToInlineCss(finalStyles.italic) !== "" ? ` style="${require_parse_css_in_js_to_inline_css.parseCssInJsToInlineCss(finalStyles.italic)}"` : ""}>${text}</em>`;
+	};
+	renderer.heading = ({ tokens, depth }) => {
+		const text = renderer.parser.parseInline(tokens);
+		return `<h${depth}${require_parse_css_in_js_to_inline_css.parseCssInJsToInlineCss(finalStyles[`h${depth}`]) !== "" ? ` style="${require_parse_css_in_js_to_inline_css.parseCssInJsToInlineCss(finalStyles[`h${depth}`])}"` : ""}>${text}</h${depth}>`;
+	};
+	renderer.hr = () => {
+		return `<hr${require_parse_css_in_js_to_inline_css.parseCssInJsToInlineCss(finalStyles.hr) !== "" ? ` style="${require_parse_css_in_js_to_inline_css.parseCssInJsToInlineCss(finalStyles.hr)}"` : ""} />\n`;
+	};
+	renderer.image = ({ href, text, title }) => {
+		return `<img src="${href.replaceAll("\"", "&quot;")}" alt="${text.replaceAll("\"", "&quot;")}"${title ? ` title="${title.replaceAll("\"", "&quot;")}"` : ""}${require_parse_css_in_js_to_inline_css.parseCssInJsToInlineCss(finalStyles.image) !== "" ? ` style="${require_parse_css_in_js_to_inline_css.parseCssInJsToInlineCss(finalStyles.image)}"` : ""}>`;
+	};
+	renderer.link = ({ href, title, tokens }) => {
+		const text = renderer.parser.parseInline(tokens);
+		return `<a href="${href.replaceAll("\"", "&quot;")}" target="_blank"${title ? ` title="${title.replaceAll("\"", "&quot;")}"` : ""}${require_parse_css_in_js_to_inline_css.parseCssInJsToInlineCss(finalStyles.link) !== "" ? ` style="${require_parse_css_in_js_to_inline_css.parseCssInJsToInlineCss(finalStyles.link)}"` : ""}>${text}</a>`;
+	};
+	renderer.listitem = ({ tokens, loose }) => {
+		const hasNestedList = tokens.some((token) => token.type === "list");
+		const text = loose || hasNestedList ? renderer.parser.parse(tokens) : renderer.parser.parseInline(tokens);
+		return `<li${require_parse_css_in_js_to_inline_css.parseCssInJsToInlineCss(finalStyles.li) !== "" ? ` style="${require_parse_css_in_js_to_inline_css.parseCssInJsToInlineCss(finalStyles.li)}"` : ""}>${text}</li>\n`;
+	};
+	renderer.list = ({ items, ordered, start }) => {
+		const type = ordered ? "ol" : "ul";
+		const startAt = ordered && start !== 1 ? ` start="${start}"` : "";
+		const styles = require_parse_css_in_js_to_inline_css.parseCssInJsToInlineCss(finalStyles[ordered ? "ol" : "ul"]);
+		return "<" + type + startAt + `${styles !== "" ? ` style="${styles}"` : ""}>\n` + items.map((item) => renderer.listitem(item)).join("") + "</" + type + ">\n";
+	};
+	renderer.paragraph = ({ tokens }) => {
+		const text = renderer.parser.parseInline(tokens);
+		return `<p${require_parse_css_in_js_to_inline_css.parseCssInJsToInlineCss(finalStyles.p) !== "" ? ` style="${require_parse_css_in_js_to_inline_css.parseCssInJsToInlineCss(finalStyles.p)}"` : ""}>${text}</p>\n`;
+	};
+	renderer.strong = ({ tokens }) => {
+		const text = renderer.parser.parseInline(tokens);
+		return `<strong${require_parse_css_in_js_to_inline_css.parseCssInJsToInlineCss(finalStyles.bold) !== "" ? ` style="${require_parse_css_in_js_to_inline_css.parseCssInJsToInlineCss(finalStyles.bold)}"` : ""}>${text}</strong>`;
+	};
+	renderer.table = ({ header, rows }) => {
+		const styleTable = require_parse_css_in_js_to_inline_css.parseCssInJsToInlineCss(finalStyles.table);
+		const styleThead = require_parse_css_in_js_to_inline_css.parseCssInJsToInlineCss(finalStyles.thead);
+		const styleTbody = require_parse_css_in_js_to_inline_css.parseCssInJsToInlineCss(finalStyles.tbody);
+		const theadRow = renderer.tablerow({ text: header.map((cell) => renderer.tablecell(cell)).join("") });
+		const tbodyRows = rows.map((row) => renderer.tablerow({ text: row.map((cell) => renderer.tablecell(cell)).join("") })).join("");
+		const thead = `<thead${styleThead ? ` style="${styleThead}"` : ""}>\n${theadRow}</thead>`;
+		const tbody = `<tbody${styleTbody ? ` style="${styleTbody}"` : ""}>${tbodyRows}</tbody>`;
+		return `<table role="presentation"${styleTable ? ` style="${styleTable}"` : ""}>\n${thead}\n${tbody}</table>\n`;
+	};
+	renderer.tablecell = ({ tokens, align, header }) => {
+		const text = renderer.parser.parseInline(tokens);
+		const type = header ? "th" : "td";
+		return `${align ? `<${type} align="${align}"${require_parse_css_in_js_to_inline_css.parseCssInJsToInlineCss(finalStyles.td) !== "" ? ` style="${require_parse_css_in_js_to_inline_css.parseCssInJsToInlineCss(finalStyles.td)}"` : ""}>` : `<${type}${require_parse_css_in_js_to_inline_css.parseCssInJsToInlineCss(finalStyles.td) !== "" ? ` style="${require_parse_css_in_js_to_inline_css.parseCssInJsToInlineCss(finalStyles.td)}"` : ""}>`}${text}</${type}>\n`;
+	};
+	renderer.tablerow = ({ text }) => {
+		return `<tr${require_parse_css_in_js_to_inline_css.parseCssInJsToInlineCss(finalStyles.tr) !== "" ? ` style="${require_parse_css_in_js_to_inline_css.parseCssInJsToInlineCss(finalStyles.tr)}"` : ""}>\n${text}</tr>\n`;
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		...props,
+		dangerouslySetInnerHTML: { __html: marked.marked.parse(children, {
+			renderer,
+			async: false
+		}) },
+		"data-id": "react-email-markdown",
+		ref,
+		style: markdownContainerStyles
+	});
+});
+Markdown.displayName = "Markdown";
+//#endregion
+exports.Markdown = Markdown;

package/dist/components/markdown/markdown.d.cts

@@ -0,0 +1,16 @@
+import { StylesType } from "./styles.cjs";
+import * as React$1 from "react";
+
+//#region src/components/markdown/markdown.d.ts
+type MarkdownProps = Readonly<{
+  children: string;
+  markdownCustomStyles?: StylesType;
+  markdownContainerStyles?: React$1.CSSProperties;
+}>;
+declare const Markdown: React$1.ForwardRefExoticComponent<Readonly<{
+  children: string;
+  markdownCustomStyles?: StylesType;
+  markdownContainerStyles?: React$1.CSSProperties;
+}> & React$1.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Markdown, MarkdownProps };

package/dist/components/markdown/markdown.d.mts

@@ -0,0 +1,16 @@
+import { StylesType } from "./styles.mjs";
+import * as React$1 from "react";
+
+//#region src/components/markdown/markdown.d.ts
+type MarkdownProps = Readonly<{
+  children: string;
+  markdownCustomStyles?: StylesType;
+  markdownContainerStyles?: React$1.CSSProperties;
+}>;
+declare const Markdown: React$1.ForwardRefExoticComponent<Readonly<{
+  children: string;
+  markdownCustomStyles?: StylesType;
+  markdownContainerStyles?: React$1.CSSProperties;
+}> & React$1.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Markdown, MarkdownProps };