@samva/markup 0.1.1 → 0.2.0

package/dist/email/components.d.ts

@@ -0,0 +1,119 @@
+import { c as EmailStyle, f as EmailChild, m as EmailNode } from "../elements-DtwKlFVH.js";
+//#region src/email/components.d.ts
+/** Marks the hidden preview block so the renderer can read it back and the text lane can keep it. */
+declare const PREHEADER_ATTRIBUTE = "data-samva-preheader";
+interface EmailProps {
+  /** CSS classes applied to the primitive's content element. */
+  readonly className?: string | undefined;
+  readonly lang?: string | undefined;
+  readonly dir?: "ltr" | "rtl" | undefined;
+  /** Document title; several clients use it as the fallback preview line. */
+  readonly title?: string | undefined;
+  /** Hidden preview text shown in the inbox list next to the subject. */
+  readonly preheader?: string | undefined;
+  readonly backgroundColor?: string | undefined;
+  /** Applied to the content cell, where Yahoo and AOL keep body styling. */
+  readonly style?: EmailStyle | undefined;
+  readonly children?: EmailChild;
+}
+/** The hidden inbox preview block. Padding characters stop the client borrowing body copy. */
+declare const preheaderNode: (text: string) => EmailNode;
+/** Document shell: the head every target client needs, plus the body content cell. */
+declare const Email: ({ className, lang, dir, title, preheader, backgroundColor, style, children }: EmailProps) => EmailNode;
+interface SectionProps {
+  /** CSS classes applied to the primitive's content element. */
+  readonly className?: string | undefined;
+  readonly align?: "left" | "center" | "right" | undefined;
+  readonly width?: number | string | undefined;
+  readonly bgcolor?: string | undefined;
+  /** Applied to the content cell so padding survives Outlook and Klaviyo. */
+  readonly style?: EmailStyle | undefined;
+  readonly tableStyle?: EmailStyle | undefined;
+  readonly children?: EmailChild;
+}
+/** A full-width band of content, as the single-cell table every client agrees on. */
+declare const Section: ({ className, align, width, bgcolor, style, tableStyle, children }: SectionProps) => EmailNode;
+interface ColumnsProps {
+  /** CSS classes applied to the primitive's content element. */
+  readonly className?: string | undefined;
+  readonly align?: "left" | "center" | "right" | undefined;
+  readonly width?: number | string | undefined;
+  readonly style?: EmailStyle | undefined;
+  /** `Column` elements; anything else is a content-model error. */
+  readonly children?: EmailChild;
+}
+/** A row of side-by-side `Column`s. No flex or grid conversion happens here. */
+declare const Columns: ({ className, align, width, style, children }: ColumnsProps) => EmailNode;
+interface ColumnProps {
+  /** CSS classes applied to the primitive's content element. */
+  readonly className?: string | undefined;
+  readonly align?: "left" | "center" | "right" | undefined;
+  readonly valign?: "top" | "middle" | "bottom" | undefined;
+  readonly width?: number | string | undefined;
+  readonly style?: EmailStyle | undefined;
+  readonly children?: EmailChild;
+}
+/** One cell of a `Columns` row. */
+declare const Column: ({ className, align, valign, width, style, children }: ColumnProps) => EmailNode;
+interface ButtonProps {
+  /** CSS classes applied to the primitive's content element. */
+  readonly className?: string | undefined;
+  readonly href: string;
+  /** Pixel width and height; classic Outlook's VML fallback needs both. */
+  readonly width?: number | undefined;
+  readonly height?: number | undefined;
+  readonly backgroundColor?: string | undefined;
+  readonly color?: string | undefined;
+  readonly borderRadius?: number | undefined;
+  readonly borderColor?: string | undefined;
+  readonly borderWidth?: number | undefined;
+  readonly fontSize?: number | undefined;
+  readonly fontFamily?: string | undefined;
+  readonly align?: "left" | "center" | "right" | undefined;
+  readonly style?: EmailStyle | undefined;
+  /** The label. A string label is required for the classic Outlook fallback. */
+  readonly children?: EmailChild;
+}
+/** A link styled as a button, with a VML fallback so classic Outlook draws the shape. */
+declare const Button: ({ className, href, width, height, backgroundColor, color, borderRadius, borderColor, borderWidth, fontSize, fontFamily, align, style, children }: ButtonProps) => EmailNode;
+interface SpacerProps {
+  readonly height: number;
+}
+/** Vertical space that survives clients which collapse margins. */
+declare const Spacer: ({ height }: SpacerProps) => EmailNode;
+interface DividerProps {
+  /** CSS classes applied to the primitive's content element. */
+  readonly className?: string | undefined;
+  readonly color?: string | undefined;
+  readonly thickness?: number | undefined;
+  readonly style?: EmailStyle | undefined;
+}
+/** A horizontal rule drawn as a cell border, which every target client renders. */
+declare const Divider: ({ className, color, thickness, style }: DividerProps) => EmailNode;
+interface ImageProps {
+  /** CSS classes applied to the primitive's content element. */
+  readonly className?: string | undefined;
+  readonly src: string;
+  /** Required. Use an empty string only for images that carry no meaning. */
+  readonly alt: string;
+  readonly width?: number | string | undefined;
+  readonly height?: number | string | undefined;
+  readonly align?: "left" | "center" | "right" | undefined;
+  readonly style?: EmailStyle | undefined;
+}
+/** An image with the width/height attributes Outlook sizes from before CSS applies. */
+declare const Image: ({ className, src, alt, width, height, align, style }: ImageProps) => EmailNode;
+interface LinkProps {
+  /** CSS classes applied to the primitive's content element. */
+  readonly className?: string | undefined;
+  readonly href: string;
+  readonly target?: string | undefined;
+  readonly rel?: string | undefined;
+  readonly style?: EmailStyle | undefined;
+  readonly children?: EmailChild;
+}
+/** A text link that opens outside the client and cannot reach back at the opener. */
+declare const Link: ({ className, href, target, rel, style, children }: LinkProps) => EmailNode;
+//#endregion
+export { Button, ButtonProps, Column, ColumnProps, Columns, ColumnsProps, Divider, DividerProps, Email, EmailProps, Image, ImageProps, Link, LinkProps, PREHEADER_ATTRIBUTE, Section, SectionProps, Spacer, SpacerProps, preheaderNode };
+//# sourceMappingURL=components.d.ts.map

package/dist/email/components.js

@@ -0,0 +1,207 @@
+import { jsx, rawMarkup, reportEmailDiagnostic } from "./jsx-runtime.js";
+import { escapeAttribute, escapeText } from "./html.js";
+//#region src/email/components.ts
+/** Marks the hidden preview block so the renderer can read it back and the text lane can keep it. */
+const PREHEADER_ATTRIBUTE = "data-samva-preheader";
+const PREHEADER_PADDING_ATTRIBUTE = "data-samva-preheader-padding";
+const PREHEADER_TARGET_LENGTH = 200;
+const PREHEADER_PADDING = "\xA0‌​‍‎‏";
+const presentation = (table, row, rowProps = {}) => jsx("table", {
+	role: "presentation",
+	border: 0,
+	cellpadding: 0,
+	cellspacing: 0,
+	...table,
+	children: jsx("tbody", { children: jsx("tr", {
+		...rowProps,
+		children: row
+	}) })
+});
+/** The hidden inbox preview block. Padding characters stop the client borrowing body copy. */
+const preheaderNode = (text) => jsx("div", {
+	[PREHEADER_ATTRIBUTE]: text,
+	style: {
+		display: "none",
+		overflow: "hidden",
+		lineHeight: "1px",
+		opacity: 0,
+		maxHeight: 0,
+		maxWidth: 0
+	},
+	children: [text, text.length >= PREHEADER_TARGET_LENGTH ? null : jsx("div", {
+		[PREHEADER_PADDING_ATTRIBUTE]: true,
+		children: PREHEADER_PADDING.repeat(Math.ceil((PREHEADER_TARGET_LENGTH - text.length) / 7))
+	})]
+});
+/** Document shell: the head every target client needs, plus the body content cell. */
+const Email = ({ className, lang = "en", dir = "ltr", title, preheader, backgroundColor, style, children }) => jsx("html", {
+	lang,
+	dir,
+	xmlns: "http://www.w3.org/1999/xhtml",
+	"xmlns:o": "urn:schemas-microsoft-com:office:office",
+	children: [jsx("head", { children: [
+		jsx("meta", { charset: "utf-8" }),
+		jsx("meta", {
+			"http-equiv": "Content-Type",
+			content: "text/html; charset=UTF-8"
+		}),
+		jsx("meta", {
+			name: "viewport",
+			content: "width=device-width, initial-scale=1"
+		}),
+		jsx("meta", { name: "x-apple-disable-message-reformatting" }),
+		jsx("meta", {
+			name: "color-scheme",
+			content: "light dark"
+		}),
+		jsx("meta", {
+			name: "supported-color-schemes",
+			content: "light dark"
+		}),
+		title === void 0 ? null : jsx("title", { children: title }),
+		rawMarkup("<!--[if mso]><xml><o:OfficeDocumentSettings><o:PixelsPerInch>96</o:PixelsPerInch></o:OfficeDocumentSettings></xml><![endif]-->")
+	] }), jsx("body", {
+		style: {
+			margin: 0,
+			padding: 0,
+			...backgroundColor === void 0 ? {} : { backgroundColor }
+		},
+		children: [preheader === void 0 ? null : preheaderNode(preheader), presentation({
+			align: "center",
+			width: "100%",
+			...backgroundColor === void 0 ? {} : { bgcolor: backgroundColor }
+		}, jsx("td", {
+			className,
+			...style === void 0 ? {} : { style },
+			children
+		}))]
+	})]
+});
+/** A full-width band of content, as the single-cell table every client agrees on. */
+const Section = ({ className, align = "center", width = "100%", bgcolor, style, tableStyle, children }) => presentation({
+	align,
+	width,
+	...bgcolor === void 0 ? {} : { bgcolor },
+	...tableStyle === void 0 ? {} : { style: tableStyle }
+}, jsx("td", {
+	className,
+	...style === void 0 ? {} : { style },
+	children
+}));
+/** A row of side-by-side `Column`s. No flex or grid conversion happens here. */
+const Columns = ({ className, align = "center", width = "100%", style, children }) => presentation({
+	className,
+	align,
+	width,
+	...style === void 0 ? {} : { style }
+}, children, { style: { width: "100%" } });
+/** One cell of a `Columns` row. */
+const Column = ({ className, align, valign, width, style, children }) => jsx("td", {
+	className,
+	...align === void 0 ? {} : { align },
+	...valign === void 0 ? {} : { valign },
+	...width === void 0 ? {} : { width },
+	...style === void 0 ? {} : { style },
+	children
+});
+const DEFAULT_BUTTON_FONT = "Helvetica, Arial, sans-serif";
+/** A link styled as a button, with a VML fallback so classic Outlook draws the shape. */
+const Button = ({ className, href, width, height, backgroundColor = "#000000", color = "#ffffff", borderRadius = 0, borderColor, borderWidth = 0, fontSize = 16, fontFamily = DEFAULT_BUTTON_FONT, align = "left", style, children }) => {
+	const label = typeof children === "string" ? children : void 0;
+	const fallback = width !== void 0 && height !== void 0 && label !== void 0;
+	if (!fallback) reportEmailDiagnostic({
+		code: "button-outlook-fallback",
+		severity: "warning",
+		message: "<Button> draws its classic Outlook shape from VML, which needs width, height and a plain string label. Without all three, classic Windows Outlook shows an unstyled link.",
+		clients: ["outlook-windows"]
+	});
+	const arcsize = height === void 0 ? 0 : Math.round(borderRadius / height * 100);
+	return presentation({
+		width: "100%",
+		style: { borderCollapse: "collapse" }
+	}, jsx("td", {
+		align,
+		children: [fallback ? rawMarkup(`<!--[if mso]><v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="${escapeAttribute(href)}" style="height:${height}px;v-text-anchor:middle;width:${width}px;" arcsize="${arcsize}%" ${borderColor === void 0 ? "stroke=\"false\"" : `strokecolor="${escapeAttribute(borderColor)}" strokeweight="${borderWidth}px"`} fillcolor="${escapeAttribute(backgroundColor)}"><w:anchorlock/><center style="color:${escapeAttribute(color)};font-family:${escapeAttribute(fontFamily)};font-size:${fontSize}px;font-weight:bold;">${escapeText(label)}</center></v:roundrect><![endif]-->`) : null, jsx("a", {
+			className,
+			href,
+			target: "_blank",
+			rel: "noopener noreferrer",
+			style: {
+				backgroundColor,
+				color,
+				borderRadius: `${borderRadius}px`,
+				display: "inline-block",
+				fontFamily,
+				fontSize: `${fontSize}px`,
+				fontWeight: "bold",
+				lineHeight: height === void 0 ? "120%" : `${height - 2 * borderWidth}px`,
+				textAlign: "center",
+				textDecoration: "none",
+				...width === void 0 ? {} : {
+					width: `${width}px`,
+					maxWidth: "100%"
+				},
+				...borderColor === void 0 ? {} : { border: `${borderWidth}px solid ${borderColor}` },
+				...fallback ? { msoHide: "all" } : {},
+				...style
+			},
+			children
+		})]
+	}));
+};
+/** Vertical space that survives clients which collapse margins. */
+const Spacer = ({ height }) => presentation({ width: "100%" }, jsx("td", {
+	height,
+	style: {
+		height: `${height}px`,
+		lineHeight: `${height}px`,
+		fontSize: "1px"
+	},
+	children: "​"
+}));
+/** A horizontal rule drawn as a cell border, which every target client renders. */
+const Divider = ({ className, color = "#e5e7eb", thickness = 1, style }) => presentation({ width: "100%" }, jsx("td", {
+	className,
+	style: {
+		borderTop: `${thickness}px solid ${color}`,
+		fontSize: "1px",
+		lineHeight: "1px",
+		...style
+	},
+	children: "​"
+}));
+/** An image with the width/height attributes Outlook sizes from before CSS applies. */
+const Image = ({ className, src, alt, width, height, align, style }) => jsx("img", {
+	className,
+	src,
+	alt,
+	border: 0,
+	...width === void 0 ? {} : { width },
+	...height === void 0 ? {} : { height },
+	...align === void 0 ? {} : { align },
+	style: {
+		display: "block",
+		outline: "none",
+		border: "none",
+		textDecoration: "none",
+		maxWidth: "100%",
+		...style
+	}
+});
+/** A text link that opens outside the client and cannot reach back at the opener. */
+const Link = ({ className, href, target = "_blank", rel = "noopener noreferrer", style, children }) => jsx("a", {
+	className,
+	href,
+	target,
+	rel,
+	style: {
+		color: "#067df7",
+		textDecoration: "none",
+		...style
+	},
+	children
+});
+//#endregion
+export { Button, Column, Columns, Divider, Email, Image, Link, PREHEADER_ATTRIBUTE, Section, Spacer, preheaderNode };
+
+//# sourceMappingURL=components.js.map

package/dist/email/diagnostics.d.ts

@@ -0,0 +1,2 @@
+import { a as formatEmailDiagnostic, i as EmailDiagnosticSeverity, n as EmailCompileError, o as hasBlockingDiagnostic, r as EmailDiagnostic, t as EmailCompatibilityAssessment } from "../diagnostics-Djd9ckLg.js";
+export { EmailCompatibilityAssessment, EmailCompileError, EmailDiagnostic, EmailDiagnosticSeverity, formatEmailDiagnostic, hasBlockingDiagnostic };

package/dist/email/diagnostics.js

@@ -0,0 +1,56 @@
+import { JsxSourceLocation } from "../source-locations.js";
+import { Schema } from "effect";
+//#region src/email/diagnostics.ts
+const EmailDiagnosticSeverity = Schema.Literals([
+	"error",
+	"warning",
+	"info"
+]);
+/** What the emitted document establishes beyond the client feature matrix. */
+const EmailCompatibilityAssessment = Schema.Struct({
+	assessment: Schema.Literals([
+		"risk",
+		"degradation",
+		"unverified",
+		"not-applicable"
+	]),
+	/** A short description of the consequence or the remaining verification. */
+	title: Schema.String
+});
+const EmailDiagnostic = Schema.Struct({
+	/** Stable identifier, e.g. `unsupported-element` or `caniemail/css-border-radius`. */
+	code: Schema.String,
+	severity: EmailDiagnosticSeverity,
+	/** States what is wrong and what to write instead. */
+	message: Schema.String,
+	/** Innermost authoring element first, then each enclosing component call site. */
+	origins: Schema.Array(JsxSourceLocation),
+	/** Target clients a compatibility finding applies to. */
+	clients: Schema.optional(Schema.Array(Schema.String)),
+	/** Partial-support notes and other caveats a client matrix carries. */
+	notes: Schema.optional(Schema.String),
+	/** Which pinned rule data produced the finding. */
+	provenance: Schema.optional(Schema.String),
+	/** Declared fixtures whose rendered output produced this finding. */
+	fixtures: Schema.optional(Schema.Array(Schema.String)),
+	/** Source chains for every located emitted occurrence; origins identifies the first. */
+	occurrences: Schema.optional(Schema.Array(Schema.Array(JsxSourceLocation))),
+	/** Compatibility observations are not automatically defects or proof of client rendering. */
+	compatibility: Schema.optional(EmailCompatibilityAssessment)
+});
+var EmailCompileError = class extends Schema.TaggedError()("EmailCompileError", { diagnostics: Schema.Array(EmailDiagnostic) }) {
+	get message() {
+		return this.diagnostics.map(formatEmailDiagnostic).join("\n");
+	}
+};
+/** `emails/welcome.tsx:12:3 unsupported-element: …` — the shape agents iterate on. */
+const formatEmailDiagnostic = (diagnostic) => {
+	const origin = diagnostic.origins[0];
+	return `${origin === void 0 ? "<unknown source>" : `${origin.fileName}:${origin.lineNumber}:${origin.columnNumber}`} ${diagnostic.code}: ${diagnostic.message}`;
+};
+/** True when a set of findings must stop the compile or refuse a publication. */
+const hasBlockingDiagnostic = (diagnostics) => diagnostics.some((diagnostic) => diagnostic.severity === "error");
+//#endregion
+export { EmailCompatibilityAssessment, EmailCompileError, EmailDiagnostic, EmailDiagnosticSeverity, formatEmailDiagnostic, hasBlockingDiagnostic };
+
+//# sourceMappingURL=diagnostics.js.map

package/dist/email/elements.d.ts

@@ -0,0 +1,2 @@
+import { a as EmailGlobalProps, c as EmailStyle, d as isUrlAttribute, i as EmailElementSpec, l as EmailTag, n as EMAIL_GLOBAL_ATTRIBUTES, o as EmailIntrinsicElements, r as EmailAttributeSpec, s as EmailLayout, t as EMAIL_ELEMENTS, u as emailElement } from "../elements-DtwKlFVH.js";
+export { EMAIL_ELEMENTS, EMAIL_GLOBAL_ATTRIBUTES, EmailAttributeSpec, EmailElementSpec, EmailGlobalProps, EmailIntrinsicElements, EmailLayout, EmailStyle, EmailTag, emailElement, isUrlAttribute };

package/dist/email/elements.js

@@ -0,0 +1,299 @@
+//#region src/email/elements.ts
+/** Attributes every supported element accepts. `class`/`className`/`style` are handled separately. */
+const EMAIL_GLOBAL_ATTRIBUTES = {
+	id: { type: "string" },
+	title: { type: "string" },
+	lang: { type: "string" },
+	dir: {
+		type: "string",
+		values: [
+			"ltr",
+			"rtl",
+			"auto"
+		]
+	},
+	role: { type: "string" }
+};
+const alignment = {
+	type: "string",
+	values: [
+		"left",
+		"center",
+		"right"
+	]
+};
+const verticalAlignment = {
+	type: "string",
+	values: [
+		"top",
+		"middle",
+		"bottom"
+	]
+};
+const flowAttributes = { align: alignment };
+const cellAttributes = {
+	align: alignment,
+	valign: verticalAlignment,
+	width: { type: "measure" },
+	height: { type: "measure" },
+	bgcolor: { type: "string" },
+	colspan: { type: "number" },
+	rowspan: { type: "number" }
+};
+const block = (attributes) => ({
+	content: "flow",
+	layout: "block",
+	attributes
+});
+const inline = () => ({
+	content: "flow",
+	layout: "inline",
+	attributes: {}
+});
+/** The complete supported vocabulary. Anything outside it is a compile error with a source location. */
+const EMAIL_ELEMENTS = {
+	html: {
+		content: "flow",
+		layout: "document",
+		attributes: {
+			xmlns: { type: "string" },
+			"xmlns:o": { type: "string" },
+			"xmlns:v": { type: "string" },
+			"xmlns:w": { type: "string" }
+		},
+		childElements: ["head", "body"]
+	},
+	head: {
+		content: "flow",
+		layout: "metadata",
+		attributes: {},
+		childElements: [
+			"title",
+			"meta",
+			"style"
+		]
+	},
+	title: {
+		content: "text",
+		layout: "metadata",
+		attributes: {}
+	},
+	style: {
+		content: "raw",
+		layout: "metadata",
+		attributes: { type: { type: "string" } }
+	},
+	meta: {
+		content: "void",
+		layout: "metadata",
+		attributes: {
+			name: { type: "string" },
+			content: { type: "string" },
+			charset: { type: "string" },
+			"http-equiv": { type: "string" }
+		}
+	},
+	body: {
+		content: "flow",
+		layout: "block",
+		attributes: { bgcolor: { type: "string" } }
+	},
+	div: block(flowAttributes),
+	section: block(flowAttributes),
+	article: block(flowAttributes),
+	header: block(flowAttributes),
+	footer: block(flowAttributes),
+	main: block(flowAttributes),
+	center: block({}),
+	p: block(flowAttributes),
+	blockquote: block(flowAttributes),
+	pre: {
+		content: "flow",
+		layout: "preformatted",
+		attributes: {}
+	},
+	h1: block(flowAttributes),
+	h2: block(flowAttributes),
+	h3: block(flowAttributes),
+	h4: block(flowAttributes),
+	h5: block(flowAttributes),
+	h6: block(flowAttributes),
+	span: inline(),
+	strong: inline(),
+	b: inline(),
+	em: inline(),
+	i: inline(),
+	u: inline(),
+	s: inline(),
+	small: inline(),
+	code: inline(),
+	a: {
+		content: "flow",
+		layout: "link",
+		attributes: {
+			href: {
+				type: "url",
+				required: true
+			},
+			target: { type: "string" },
+			rel: { type: "string" },
+			name: { type: "string" }
+		}
+	},
+	img: {
+		content: "void",
+		layout: "image",
+		attributes: {
+			src: {
+				type: "url",
+				required: true
+			},
+			alt: {
+				type: "string",
+				required: true
+			},
+			width: { type: "measure" },
+			height: { type: "measure" },
+			border: { type: "measure" },
+			align: alignment
+		}
+	},
+	table: {
+		content: "flow",
+		layout: "table",
+		attributes: {
+			width: { type: "measure" },
+			height: { type: "measure" },
+			border: { type: "measure" },
+			cellpadding: { type: "measure" },
+			cellspacing: { type: "measure" },
+			align: alignment,
+			bgcolor: { type: "string" }
+		},
+		childElements: [
+			"caption",
+			"colgroup",
+			"thead",
+			"tbody",
+			"tfoot",
+			"tr"
+		]
+	},
+	caption: {
+		content: "flow",
+		layout: "block",
+		attributes: flowAttributes
+	},
+	colgroup: {
+		content: "flow",
+		layout: "table-section",
+		attributes: {
+			span: { type: "number" },
+			width: { type: "measure" }
+		},
+		childElements: ["col"]
+	},
+	col: {
+		content: "void",
+		layout: "table-section",
+		attributes: {
+			span: { type: "number" },
+			width: { type: "measure" }
+		}
+	},
+	thead: {
+		content: "flow",
+		layout: "table-section",
+		attributes: {
+			align: alignment,
+			valign: verticalAlignment,
+			bgcolor: { type: "string" }
+		},
+		childElements: ["tr"]
+	},
+	tbody: {
+		content: "flow",
+		layout: "table-section",
+		attributes: {
+			align: alignment,
+			valign: verticalAlignment,
+			bgcolor: { type: "string" }
+		},
+		childElements: ["tr"]
+	},
+	tfoot: {
+		content: "flow",
+		layout: "table-section",
+		attributes: {
+			align: alignment,
+			valign: verticalAlignment,
+			bgcolor: { type: "string" }
+		},
+		childElements: ["tr"]
+	},
+	tr: {
+		content: "flow",
+		layout: "row",
+		attributes: {
+			align: alignment,
+			valign: verticalAlignment,
+			bgcolor: { type: "string" },
+			height: { type: "measure" }
+		},
+		childElements: ["td", "th"]
+	},
+	td: {
+		content: "flow",
+		layout: "cell",
+		attributes: cellAttributes
+	},
+	th: {
+		content: "flow",
+		layout: "cell",
+		attributes: cellAttributes
+	},
+	ul: {
+		content: "flow",
+		layout: "list",
+		attributes: {},
+		childElements: ["li"]
+	},
+	ol: {
+		content: "flow",
+		layout: "list",
+		attributes: {
+			start: { type: "number" },
+			type: { type: "string" }
+		},
+		childElements: ["li"]
+	},
+	li: {
+		content: "flow",
+		layout: "list-item",
+		attributes: {}
+	},
+	br: {
+		content: "void",
+		layout: "break",
+		attributes: {}
+	},
+	hr: {
+		content: "void",
+		layout: "rule",
+		attributes: {
+			width: { type: "measure" },
+			size: { type: "number" },
+			align: alignment
+		}
+	}
+};
+/** Attributes that must carry a URL; these are checked against the safe-scheme rule. */
+const isUrlAttribute = (tag, attribute) => {
+	return EMAIL_ELEMENTS[tag]?.attributes[attribute]?.type === "url";
+};
+/** Look up one supported element, or `undefined` when the tag is outside the vocabulary. */
+const emailElement = (tag) => Object.hasOwn(EMAIL_ELEMENTS, tag) ? EMAIL_ELEMENTS[tag] : void 0;
+//#endregion
+export { EMAIL_ELEMENTS, EMAIL_GLOBAL_ATTRIBUTES, emailElement, isUrlAttribute };
+
+//# sourceMappingURL=elements.js.map