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

package/dist/components/markdown/markdown.mjs

@@ -0,0 +1,99 @@
+import { styles } from "./styles.mjs";
+import { parseCssInJsToInlineCss } from "./utils/parse-css-in-js-to-inline-css.mjs";
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+import { Renderer, marked } from "marked";
+//#region src/components/markdown/markdown.tsx
+const Markdown = React$1.forwardRef(({ children, markdownContainerStyles, markdownCustomStyles, ...props }, ref) => {
+	const finalStyles = {
+		...styles,
+		...markdownCustomStyles
+	};
+	const renderer = new Renderer();
+	renderer.blockquote = ({ tokens }) => {
+		const text = renderer.parser.parse(tokens);
+		return `<blockquote${parseCssInJsToInlineCss(finalStyles.blockQuote) !== "" ? ` style="${parseCssInJsToInlineCss(finalStyles.blockQuote)}"` : ""}>\n${text}</blockquote>\n`;
+	};
+	renderer.br = () => {
+		return `<br${parseCssInJsToInlineCss(finalStyles.br) !== "" ? ` style="${parseCssInJsToInlineCss(finalStyles.br)}"` : ""} />`;
+	};
+	renderer.code = ({ text }) => {
+		text = `${text.replace(/\n$/, "")}\n`;
+		return `<pre${parseCssInJsToInlineCss(finalStyles.codeBlock) !== "" ? ` style="${parseCssInJsToInlineCss(finalStyles.codeBlock)}"` : ""}><code>${text}</code></pre>\n`;
+	};
+	renderer.codespan = ({ text }) => {
+		return `<code${parseCssInJsToInlineCss(finalStyles.codeInline) !== "" ? ` style="${parseCssInJsToInlineCss(finalStyles.codeInline)}"` : ""}>${text}</code>`;
+	};
+	renderer.del = ({ tokens }) => {
+		const text = renderer.parser.parseInline(tokens);
+		return `<del${parseCssInJsToInlineCss(finalStyles.strikethrough) !== "" ? ` style="${parseCssInJsToInlineCss(finalStyles.strikethrough)}"` : ""}>${text}</del>`;
+	};
+	renderer.em = ({ tokens }) => {
+		const text = renderer.parser.parseInline(tokens);
+		return `<em${parseCssInJsToInlineCss(finalStyles.italic) !== "" ? ` style="${parseCssInJsToInlineCss(finalStyles.italic)}"` : ""}>${text}</em>`;
+	};
+	renderer.heading = ({ tokens, depth }) => {
+		const text = renderer.parser.parseInline(tokens);
+		return `<h${depth}${parseCssInJsToInlineCss(finalStyles[`h${depth}`]) !== "" ? ` style="${parseCssInJsToInlineCss(finalStyles[`h${depth}`])}"` : ""}>${text}</h${depth}>`;
+	};
+	renderer.hr = () => {
+		return `<hr${parseCssInJsToInlineCss(finalStyles.hr) !== "" ? ` style="${parseCssInJsToInlineCss(finalStyles.hr)}"` : ""} />\n`;
+	};
+	renderer.image = ({ href, text, title }) => {
+		return `<img src="${href.replaceAll("\"", "&quot;")}" alt="${text.replaceAll("\"", "&quot;")}"${title ? ` title="${title.replaceAll("\"", "&quot;")}"` : ""}${parseCssInJsToInlineCss(finalStyles.image) !== "" ? ` style="${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;")}"` : ""}${parseCssInJsToInlineCss(finalStyles.link) !== "" ? ` style="${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${parseCssInJsToInlineCss(finalStyles.li) !== "" ? ` style="${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 = 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${parseCssInJsToInlineCss(finalStyles.p) !== "" ? ` style="${parseCssInJsToInlineCss(finalStyles.p)}"` : ""}>${text}</p>\n`;
+	};
+	renderer.strong = ({ tokens }) => {
+		const text = renderer.parser.parseInline(tokens);
+		return `<strong${parseCssInJsToInlineCss(finalStyles.bold) !== "" ? ` style="${parseCssInJsToInlineCss(finalStyles.bold)}"` : ""}>${text}</strong>`;
+	};
+	renderer.table = ({ header, rows }) => {
+		const styleTable = parseCssInJsToInlineCss(finalStyles.table);
+		const styleThead = parseCssInJsToInlineCss(finalStyles.thead);
+		const styleTbody = 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}"${parseCssInJsToInlineCss(finalStyles.td) !== "" ? ` style="${parseCssInJsToInlineCss(finalStyles.td)}"` : ""}>` : `<${type}${parseCssInJsToInlineCss(finalStyles.td) !== "" ? ` style="${parseCssInJsToInlineCss(finalStyles.td)}"` : ""}>`}${text}</${type}>\n`;
+	};
+	renderer.tablerow = ({ text }) => {
+		return `<tr${parseCssInJsToInlineCss(finalStyles.tr) !== "" ? ` style="${parseCssInJsToInlineCss(finalStyles.tr)}"` : ""}>\n${text}</tr>\n`;
+	};
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		dangerouslySetInnerHTML: { __html: marked.parse(children, {
+			renderer,
+			async: false
+		}) },
+		"data-id": "react-email-markdown",
+		ref,
+		style: markdownContainerStyles
+	});
+});
+Markdown.displayName = "Markdown";
+//#endregion
+export { Markdown };

package/dist/components/markdown/styles.cjs

@@ -0,0 +1,92 @@
+//#region src/components/markdown/styles.ts
+const emptyStyle = {};
+const baseHeaderStyles = {
+	fontWeight: "500",
+	paddingTop: 20
+};
+const h1 = {
+	...baseHeaderStyles,
+	fontSize: "2.5rem"
+};
+const h2 = {
+	...baseHeaderStyles,
+	fontSize: "2rem"
+};
+const h3 = {
+	...baseHeaderStyles,
+	fontSize: "1.75rem"
+};
+const h4 = {
+	...baseHeaderStyles,
+	fontSize: "1.5rem"
+};
+const h5 = {
+	...baseHeaderStyles,
+	fontSize: "1.25rem"
+};
+const h6 = {
+	...baseHeaderStyles,
+	fontSize: "1rem"
+};
+const bold = { fontWeight: "bold" };
+const italic = { fontStyle: "italic" };
+const blockQuote = {
+	background: "#f9f9f9",
+	borderLeft: "10px solid #ccc",
+	margin: "1.5em 10px",
+	padding: "1em 10px"
+};
+const codeInline = {
+	color: "#212529",
+	fontSize: "87.5%",
+	display: "inline",
+	background: " #f8f8f8",
+	fontFamily: "SFMono-Regular,Menlo,Monaco,Consolas,monospace"
+};
+const styles = {
+	h1,
+	h2,
+	h3,
+	h4,
+	h5,
+	h6,
+	blockQuote,
+	bold,
+	italic,
+	link: {
+		color: "#007bff",
+		textDecoration: "underline",
+		backgroundColor: "transparent"
+	},
+	codeBlock: {
+		...codeInline,
+		display: "block",
+		paddingTop: 10,
+		paddingRight: 10,
+		paddingLeft: 10,
+		paddingBottom: 1,
+		marginBottom: 20,
+		background: " #f8f8f8",
+		wordWrap: "break-word"
+	},
+	codeInline: {
+		...codeInline,
+		wordWrap: "break-word"
+	},
+	p: emptyStyle,
+	li: emptyStyle,
+	ul: emptyStyle,
+	ol: emptyStyle,
+	image: emptyStyle,
+	br: emptyStyle,
+	hr: emptyStyle,
+	table: emptyStyle,
+	thead: emptyStyle,
+	tbody: emptyStyle,
+	th: emptyStyle,
+	td: emptyStyle,
+	tr: emptyStyle,
+	strikethrough: emptyStyle
+};
+//#endregion
+exports.styles = styles;

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

@@ -0,0 +1,31 @@
+//#region src/components/markdown/styles.d.ts
+type StylesType = {
+  h1?: React.CSSProperties;
+  h2?: React.CSSProperties;
+  h3?: React.CSSProperties;
+  h4?: React.CSSProperties;
+  h5?: React.CSSProperties;
+  h6?: React.CSSProperties;
+  blockQuote?: React.CSSProperties;
+  bold?: React.CSSProperties;
+  italic?: React.CSSProperties;
+  link?: React.CSSProperties;
+  codeBlock?: React.CSSProperties;
+  codeInline?: React.CSSProperties;
+  p?: React.CSSProperties;
+  li?: React.CSSProperties;
+  ul?: React.CSSProperties;
+  ol?: React.CSSProperties;
+  image?: React.CSSProperties;
+  br?: React.CSSProperties;
+  hr?: React.CSSProperties;
+  table?: React.CSSProperties;
+  thead?: React.CSSProperties;
+  tbody?: React.CSSProperties;
+  tr?: React.CSSProperties;
+  th?: React.CSSProperties;
+  td?: React.CSSProperties;
+  strikethrough?: React.CSSProperties;
+};
+//#endregion
+export { StylesType };

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

@@ -0,0 +1,31 @@
+//#region src/components/markdown/styles.d.ts
+type StylesType = {
+  h1?: React.CSSProperties;
+  h2?: React.CSSProperties;
+  h3?: React.CSSProperties;
+  h4?: React.CSSProperties;
+  h5?: React.CSSProperties;
+  h6?: React.CSSProperties;
+  blockQuote?: React.CSSProperties;
+  bold?: React.CSSProperties;
+  italic?: React.CSSProperties;
+  link?: React.CSSProperties;
+  codeBlock?: React.CSSProperties;
+  codeInline?: React.CSSProperties;
+  p?: React.CSSProperties;
+  li?: React.CSSProperties;
+  ul?: React.CSSProperties;
+  ol?: React.CSSProperties;
+  image?: React.CSSProperties;
+  br?: React.CSSProperties;
+  hr?: React.CSSProperties;
+  table?: React.CSSProperties;
+  thead?: React.CSSProperties;
+  tbody?: React.CSSProperties;
+  tr?: React.CSSProperties;
+  th?: React.CSSProperties;
+  td?: React.CSSProperties;
+  strikethrough?: React.CSSProperties;
+};
+//#endregion
+export { StylesType };

package/dist/components/markdown/styles.mjs

@@ -0,0 +1,92 @@
+//#region src/components/markdown/styles.ts
+const emptyStyle = {};
+const baseHeaderStyles = {
+	fontWeight: "500",
+	paddingTop: 20
+};
+const h1 = {
+	...baseHeaderStyles,
+	fontSize: "2.5rem"
+};
+const h2 = {
+	...baseHeaderStyles,
+	fontSize: "2rem"
+};
+const h3 = {
+	...baseHeaderStyles,
+	fontSize: "1.75rem"
+};
+const h4 = {
+	...baseHeaderStyles,
+	fontSize: "1.5rem"
+};
+const h5 = {
+	...baseHeaderStyles,
+	fontSize: "1.25rem"
+};
+const h6 = {
+	...baseHeaderStyles,
+	fontSize: "1rem"
+};
+const bold = { fontWeight: "bold" };
+const italic = { fontStyle: "italic" };
+const blockQuote = {
+	background: "#f9f9f9",
+	borderLeft: "10px solid #ccc",
+	margin: "1.5em 10px",
+	padding: "1em 10px"
+};
+const codeInline = {
+	color: "#212529",
+	fontSize: "87.5%",
+	display: "inline",
+	background: " #f8f8f8",
+	fontFamily: "SFMono-Regular,Menlo,Monaco,Consolas,monospace"
+};
+const styles = {
+	h1,
+	h2,
+	h3,
+	h4,
+	h5,
+	h6,
+	blockQuote,
+	bold,
+	italic,
+	link: {
+		color: "#007bff",
+		textDecoration: "underline",
+		backgroundColor: "transparent"
+	},
+	codeBlock: {
+		...codeInline,
+		display: "block",
+		paddingTop: 10,
+		paddingRight: 10,
+		paddingLeft: 10,
+		paddingBottom: 1,
+		marginBottom: 20,
+		background: " #f8f8f8",
+		wordWrap: "break-word"
+	},
+	codeInline: {
+		...codeInline,
+		wordWrap: "break-word"
+	},
+	p: emptyStyle,
+	li: emptyStyle,
+	ul: emptyStyle,
+	ol: emptyStyle,
+	image: emptyStyle,
+	br: emptyStyle,
+	hr: emptyStyle,
+	table: emptyStyle,
+	thead: emptyStyle,
+	tbody: emptyStyle,
+	th: emptyStyle,
+	td: emptyStyle,
+	tr: emptyStyle,
+	strikethrough: emptyStyle
+};
+//#endregion
+export { styles };

package/dist/components/markdown/utils/parse-css-in-js-to-inline-css.cjs

@@ -0,0 +1,60 @@
+//#region src/components/markdown/utils/parse-css-in-js-to-inline-css.ts
+function camelToKebabCase(str) {
+	return str.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+}
+function escapeQuotes(value) {
+	if (typeof value === "string" && value.includes("\"")) return value.replace(/"/g, """);
+	return value;
+}
+function parseCssInJsToInlineCss(cssProperties) {
+	if (!cssProperties) return "";
+	const numericalCssProperties = [
+		"width",
+		"height",
+		"margin",
+		"marginTop",
+		"marginRight",
+		"marginBottom",
+		"marginLeft",
+		"padding",
+		"paddingTop",
+		"paddingRight",
+		"paddingBottom",
+		"paddingLeft",
+		"borderWidth",
+		"borderTopWidth",
+		"borderRightWidth",
+		"borderBottomWidth",
+		"borderLeftWidth",
+		"outlineWidth",
+		"top",
+		"right",
+		"bottom",
+		"left",
+		"fontSize",
+		"letterSpacing",
+		"wordSpacing",
+		"maxWidth",
+		"minWidth",
+		"maxHeight",
+		"minHeight",
+		"borderRadius",
+		"borderTopLeftRadius",
+		"borderTopRightRadius",
+		"borderBottomLeftRadius",
+		"borderBottomRightRadius",
+		"textIndent",
+		"gridColumnGap",
+		"gridRowGap",
+		"gridGap",
+		"translateX",
+		"translateY"
+	];
+	return Object.entries(cssProperties).map(([property, value]) => {
+		if (typeof value === "number" && numericalCssProperties.includes(property)) return `${camelToKebabCase(property)}:${value}px`;
+		const escapedValue = escapeQuotes(value);
+		return `${camelToKebabCase(property)}:${escapedValue}`;
+	}).join(";");
+}
+//#endregion
+exports.parseCssInJsToInlineCss = parseCssInJsToInlineCss;

package/dist/components/markdown/utils/parse-css-in-js-to-inline-css.mjs

@@ -0,0 +1,60 @@
+//#region src/components/markdown/utils/parse-css-in-js-to-inline-css.ts
+function camelToKebabCase(str) {
+	return str.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+}
+function escapeQuotes(value) {
+	if (typeof value === "string" && value.includes("\"")) return value.replace(/"/g, """);
+	return value;
+}
+function parseCssInJsToInlineCss(cssProperties) {
+	if (!cssProperties) return "";
+	const numericalCssProperties = [
+		"width",
+		"height",
+		"margin",
+		"marginTop",
+		"marginRight",
+		"marginBottom",
+		"marginLeft",
+		"padding",
+		"paddingTop",
+		"paddingRight",
+		"paddingBottom",
+		"paddingLeft",
+		"borderWidth",
+		"borderTopWidth",
+		"borderRightWidth",
+		"borderBottomWidth",
+		"borderLeftWidth",
+		"outlineWidth",
+		"top",
+		"right",
+		"bottom",
+		"left",
+		"fontSize",
+		"letterSpacing",
+		"wordSpacing",
+		"maxWidth",
+		"minWidth",
+		"maxHeight",
+		"minHeight",
+		"borderRadius",
+		"borderTopLeftRadius",
+		"borderTopRightRadius",
+		"borderBottomLeftRadius",
+		"borderBottomRightRadius",
+		"textIndent",
+		"gridColumnGap",
+		"gridRowGap",
+		"gridGap",
+		"translateX",
+		"translateY"
+	];
+	return Object.entries(cssProperties).map(([property, value]) => {
+		if (typeof value === "number" && numericalCssProperties.includes(property)) return `${camelToKebabCase(property)}:${value}px`;
+		const escapedValue = escapeQuotes(value);
+		return `${camelToKebabCase(property)}:${escapedValue}`;
+	}).join(";");
+}
+//#endregion
+export { parseCssInJsToInlineCss };

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

@@ -0,0 +1 @@
+import { Preview, PreviewProps, renderWhiteSpace } from "./preview.cjs";

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

@@ -0,0 +1 @@
+import { Preview, PreviewProps, renderWhiteSpace } from "./preview.mjs";

package/dist/components/preview/preview.cjs

@@ -0,0 +1,34 @@
+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/preview/preview.tsx
+const PREVIEW_MAX_LENGTH = 200;
+const Preview = react.forwardRef(({ children = "", useTitleTag = true, ...props }, ref) => {
+	const text = (Array.isArray(children) ? children.join("") : children).substring(0, PREVIEW_MAX_LENGTH);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [useTitleTag ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("title", { children: text }) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		style: {
+			display: "none",
+			overflow: "hidden",
+			lineHeight: "1px",
+			opacity: 0,
+			maxHeight: 0,
+			maxWidth: 0
+		},
+		"data-skip-in-text": true,
+		...props,
+		ref,
+		children: [text, renderWhiteSpace(text)]
+	})] });
+});
+Preview.displayName = "Preview";
+require_element_marker.markAsElement(Preview);
+const whiteSpaceCodes = "\xA0‌​‍‎‏";
+const renderWhiteSpace = (text) => {
+	if (text.length >= PREVIEW_MAX_LENGTH) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: whiteSpaceCodes.repeat(PREVIEW_MAX_LENGTH - text.length) });
+};
+//#endregion
+exports.Preview = Preview;
+exports.renderWhiteSpace = renderWhiteSpace;

package/dist/components/preview/preview.d.cts

@@ -0,0 +1,21 @@
+import * as React$1 from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/preview/preview.d.ts
+type PreviewProps = Readonly<React$1.ComponentPropsWithoutRef<'div'> & {
+  /**
+   * @default true
+   */
+  useTitleTag?: boolean;
+  children: string | string[];
+}>;
+declare const Preview: React$1.ForwardRefExoticComponent<Readonly<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+  /**
+   * @default true
+   */
+  useTitleTag?: boolean;
+  children: string | string[];
+}> & React$1.RefAttributes<HTMLDivElement>>;
+declare const renderWhiteSpace: (text: string) => _$react_jsx_runtime0.JSX.Element | null;
+//#endregion
+export { Preview, PreviewProps, renderWhiteSpace };

package/dist/components/preview/preview.d.mts

@@ -0,0 +1,21 @@
+import * as React$1 from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/preview/preview.d.ts
+type PreviewProps = Readonly<React$1.ComponentPropsWithoutRef<'div'> & {
+  /**
+   * @default true
+   */
+  useTitleTag?: boolean;
+  children: string | string[];
+}>;
+declare const Preview: React$1.ForwardRefExoticComponent<Readonly<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+  /**
+   * @default true
+   */
+  useTitleTag?: boolean;
+  children: string | string[];
+}> & React$1.RefAttributes<HTMLDivElement>>;
+declare const renderWhiteSpace: (text: string) => _$react_jsx_runtime0.JSX.Element | null;
+//#endregion
+export { Preview, PreviewProps, renderWhiteSpace };

package/dist/components/preview/preview.mjs

@@ -0,0 +1,31 @@
+import { markAsElement } from "../element-marker.mjs";
+import * as React$1 from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/preview/preview.tsx
+const PREVIEW_MAX_LENGTH = 200;
+const Preview = React$1.forwardRef(({ children = "", useTitleTag = true, ...props }, ref) => {
+	const text = (Array.isArray(children) ? children.join("") : children).substring(0, PREVIEW_MAX_LENGTH);
+	return /* @__PURE__ */ jsxs(Fragment, { children: [useTitleTag ? /* @__PURE__ */ jsx("title", { children: text }) : null, /* @__PURE__ */ jsxs("div", {
+		style: {
+			display: "none",
+			overflow: "hidden",
+			lineHeight: "1px",
+			opacity: 0,
+			maxHeight: 0,
+			maxWidth: 0
+		},
+		"data-skip-in-text": true,
+		...props,
+		ref,
+		children: [text, renderWhiteSpace(text)]
+	})] });
+});
+Preview.displayName = "Preview";
+markAsElement(Preview);
+const whiteSpaceCodes = "\xA0‌​‍‎‏";
+const renderWhiteSpace = (text) => {
+	if (text.length >= PREVIEW_MAX_LENGTH) return null;
+	return /* @__PURE__ */ jsx("div", { children: whiteSpaceCodes.repeat(PREVIEW_MAX_LENGTH - text.length) });
+};
+//#endregion
+export { Preview, renderWhiteSpace };

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

@@ -0,0 +1 @@
+import { Row, RowProps } from "./row.cjs";

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

@@ -0,0 +1 @@
+import { Row, RowProps } from "./row.mjs";

package/dist/components/row/row.cjs

@@ -0,0 +1,30 @@
+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/row/row.tsx
+const Row = react.forwardRef(({ children, style, ...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("table", {
+		align: "center",
+		width: "100%",
+		border: 0,
+		cellPadding: "0",
+		cellSpacing: "0",
+		role: "presentation",
+		...props,
+		ref,
+		style,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tbody", {
+			style: { width: "100%" },
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tr", {
+				style: { width: "100%" },
+				children
+			})
+		})
+	});
+});
+Row.displayName = "Row";
+require_element_marker.markAsElement(Row);
+//#endregion
+exports.Row = Row;

package/dist/components/row/row.d.cts

@@ -0,0 +1,11 @@
+import * as React$1 from "react";
+
+//#region src/components/row/row.d.ts
+type RowProps = Readonly<React$1.ComponentPropsWithoutRef<'table'> & {
+  children: React$1.ReactNode;
+}>;
+declare const Row: React$1.ForwardRefExoticComponent<Readonly<Omit<React$1.DetailedHTMLProps<React$1.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref"> & {
+  children: React$1.ReactNode;
+}> & React$1.RefAttributes<HTMLTableElement>>;
+//#endregion
+export { Row, RowProps };

package/dist/components/row/row.d.mts

@@ -0,0 +1,11 @@
+import * as React$1 from "react";
+
+//#region src/components/row/row.d.ts
+type RowProps = Readonly<React$1.ComponentPropsWithoutRef<'table'> & {
+  children: React$1.ReactNode;
+}>;
+declare const Row: React$1.ForwardRefExoticComponent<Readonly<Omit<React$1.DetailedHTMLProps<React$1.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref"> & {
+  children: React$1.ReactNode;
+}> & React$1.RefAttributes<HTMLTableElement>>;
+//#endregion
+export { Row, RowProps };

package/dist/components/row/row.mjs

@@ -0,0 +1,28 @@
+import { markAsElement } from "../element-marker.mjs";
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/row/row.tsx
+const Row = React$1.forwardRef(({ children, style, ...props }, ref) => {
+	return /* @__PURE__ */ jsx("table", {
+		align: "center",
+		width: "100%",
+		border: 0,
+		cellPadding: "0",
+		cellSpacing: "0",
+		role: "presentation",
+		...props,
+		ref,
+		style,
+		children: /* @__PURE__ */ jsx("tbody", {
+			style: { width: "100%" },
+			children: /* @__PURE__ */ jsx("tr", {
+				style: { width: "100%" },
+				children
+			})
+		})
+	});
+});
+Row.displayName = "Row";
+markAsElement(Row);
+//#endregion
+export { Row };