@samva/markup 0.8.0 → 0.10.0

package/dist/css-CS2jLID6.d.ts

@@ -1,109 +0,0 @@
-import { r as EmailDiagnostic } from "./diagnostics-BMYtBCQk.js";
-import { m as EmailNode } from "./elements-BzjjnoCS.js";
-import "css-tree";
-//#region src/email/font-stacks.d.ts
-/** One `@font-face` rule, its `src` already resolved to served URLs. */
-interface FontFaceRule {
-  /** The family the rule declares, unquoted. */
-  readonly family: string;
-  /** The rule as it goes into the email's `<head>`. */
-  readonly css: string;
-}
-//#endregion
-//#region src/email/fonts.d.ts
-/**
- * Maps a relative `src` URL, as authored, to the URL its project file is served
- * from, or `undefined` when the project has no such file. The stylesheet's host
- * owns this: it knows which file the stylesheet came from and the asset base.
- */
-type FontFileResolver = (reference: string) => string | undefined;
-//#endregion
-//#region src/email/selectors.d.ts
-type EmailElementNode = Extract<EmailNode, {
-  type: "Element";
-}>;
-interface AttributeTest {
-  readonly name: string;
-  readonly operator?: string | undefined;
-  readonly value?: string | undefined;
-}
-interface Compound {
-  readonly tag?: string | undefined;
-  readonly id?: string | undefined;
-  readonly classes: readonly string[];
-  readonly attributes: readonly AttributeTest[];
-  /** A compound the matcher cannot evaluate — a pseudo-class, say — never matches. */
-  readonly opaque: boolean;
-}
-type Combinator = "descendant" | "child" | "adjacent" | "sibling";
-interface CompiledSelector {
-  /** Document order, left to right; each part names the combinator that follows it. */
-  readonly parts: readonly {
-    readonly compound: Compound;
-    readonly after?: Combinator;
-  }[];
-}
-/** An element together with the ancestors and preceding siblings a combinator needs. */
-interface Ancestry {
-  readonly element: EmailElementNode;
-  readonly parent: Ancestry | undefined;
-  readonly previous: readonly EmailElementNode[];
-}
-declare const classListOf: (element: EmailElementNode) => readonly string[];
-/** Match a compiled selector against one element in its tree position. */
-declare const matchesSelector: (selector: CompiledSelector | undefined, ancestry: Ancestry) => boolean;
-//#endregion
-//#region src/email/css.d.ts
-interface CssDeclaration {
-  /** Kebab-case property name, as authored. */
-  readonly property: string;
-  readonly value: string;
-  readonly important: boolean;
-}
-/** Specificity as the CSS triple (id, class/attribute/pseudo-class, type). */
-type Specificity = readonly [number, number, number];
-interface CssRule {
-  /** Exactly one selector; a selector list is split into one rule each. */
-  readonly selector: string;
-  /** Decoded class identifiers mentioned by this selector, including nested pseudo selectors. */
-  readonly classes: readonly string[];
-  readonly specificity: Specificity;
-  readonly declarations: readonly CssDeclaration[];
-  /** Position across every stylesheet, in the order they were imported. */
-  readonly order: number;
-  /** Declared `@layer` index; unlayered declarations sort above every layer. */
-  readonly layer: number;
-  /** Enclosing conditional at-rule preludes, outermost first. */
-  readonly conditions: readonly string[];
-  /** Unconditional and pseudo-free rules are the only ones that can become an inline style. */
-  readonly inlinable: boolean;
-  /** Compiled at build time so the render lane needs no CSS parser. */
-  readonly matcher: CompiledSelector | undefined;
-}
-interface Stylesheet {
-  readonly rules: readonly CssRule[];
-  /** `@page`, `@keyframes` and other at-rules kept verbatim in `<head>`. */
-  readonly headAtRules: readonly string[];
-  /** Validated `@font-face` rules, `src` resolved; the render hides them from classic Outlook. */
-  readonly fontFaces: readonly FontFaceRule[];
-  /** Unconditional custom properties, for resolving `var()` before inlining. */
-  readonly variables: Readonly<Record<string, string>>;
-  readonly diagnostics: readonly EmailDiagnostic[];
-}
-/** Compile a selector into the plain-data matcher the render lane uses. */
-declare const compileSelector: (selector: string) => CompiledSelector | undefined;
-/** Parse one stylesheet into rules, keeping layer, order and conditions. */
-declare const parseStylesheet: (source: string, options?: {
-  readonly origin?: string;
-  readonly startOrder?: number;
-  /** Resolves a relative `@font-face` src to the URL its project file is served from. */
-  readonly resolveFontFile?: FontFileResolver | undefined;
-  /**
-   * The sheet belongs to the project theme, whose `@import`s the Tailwind
-   * compile resolves; they are layering, not something to report here.
-   */
-  readonly themeImports?: boolean | undefined;
-}) => Stylesheet;
-//#endregion
-export { compileSelector as a, CompiledSelector as c, matchesSelector as d, Stylesheet as i, Compound as l, CssRule as n, parseStylesheet as o, Specificity as r, Ancestry as s, CssDeclaration as t, classListOf as u };
-//# sourceMappingURL=css-CS2jLID6.d.ts.map

package/dist/email/assets.d.ts

@@ -1,40 +0,0 @@
-import { r as EmailDiagnostic } from "../diagnostics-BMYtBCQk.js";
-//#region src/email/assets.d.ts
-/** Files a template may import, and what they are served as. */
-declare const ASSET_CONTENT_TYPES: Readonly<Record<string, string>>;
-interface AssetEntry {
-  /** Project-relative path the template imported. */
-  readonly path: string;
-  /** SHA-256 of the exact bytes, lowercase hex. */
-  readonly digest: string;
-  readonly bytes: number;
-  readonly contentType: string;
-  /** `<digest><ext>` — the name the asset has under any base. */
-  readonly fileName: string;
-}
-interface AssetManifest {
-  /** Where these assets are served from in this build. */
-  readonly base: string;
-  readonly assets: readonly AssetEntry[];
-}
-/** True when the compiler turns this import into a content-addressed asset. */
-declare const isAssetPath: (path: string) => boolean;
-/** Address one file by its content. */
-declare const assetEntry: (path: string, bytes: Uint8Array) => Promise<AssetEntry>;
-/**
- * The URL an asset has under a base. The base is a build input: publication
- * passes its hosted origin, and a local export passes whatever it will serve
- * the exported files from.
- */
-declare const assetUrl: (entry: AssetEntry, base: string) => string;
-/** Record, but never fetch, a URL the template points at. */
-declare const isExternalAsset: (reference: string) => boolean;
-/**
- * Reject an asset base that would produce URLs a client will not load. The
- * relative forms are the ones a page on disk resolves against its own
- * directory, which is what a local export writes.
- */
-declare const checkAssetBase: (base: string) => readonly EmailDiagnostic[];
-//#endregion
-export { ASSET_CONTENT_TYPES, AssetEntry, AssetManifest, assetEntry, assetUrl, checkAssetBase, isAssetPath, isExternalAsset };
-//# sourceMappingURL=assets.d.ts.map

package/dist/email/assets.js

@@ -1,63 +0,0 @@
-//#region src/email/assets.ts
-/** Files a template may import, and what they are served as. */
-const ASSET_CONTENT_TYPES = {
-	".png": "image/png",
-	".jpg": "image/jpeg",
-	".jpeg": "image/jpeg",
-	".gif": "image/gif",
-	".webp": "image/webp",
-	".avif": "image/avif",
-	".svg": "image/svg+xml",
-	".ico": "image/x-icon",
-	".woff": "font/woff",
-	".woff2": "font/woff2",
-	".ttf": "font/ttf",
-	".otf": "font/otf",
-	".pdf": "application/pdf",
-	".txt": "text/plain"
-};
-const extensionOf = (path) => {
-	const dot = path.lastIndexOf(".");
-	return dot < 0 ? "" : path.slice(dot).toLowerCase();
-};
-/** True when the compiler turns this import into a content-addressed asset. */
-const isAssetPath = (path) => Object.hasOwn(ASSET_CONTENT_TYPES, extensionOf(path));
-const hex = (buffer) => Array.from(new Uint8Array(buffer), (byte) => byte.toString(16).padStart(2, "0")).join("");
-/** Address one file by its content. */
-const assetEntry = async (path, bytes) => {
-	const extension = extensionOf(path);
-	const view = new Uint8Array(bytes.byteLength);
-	view.set(bytes);
-	const digest = hex(await crypto.subtle.digest("SHA-256", view));
-	return {
-		path,
-		digest,
-		bytes: bytes.byteLength,
-		contentType: ASSET_CONTENT_TYPES[extension] ?? "application/octet-stream",
-		fileName: `${digest}${extension}`
-	};
-};
-/**
-* The URL an asset has under a base. The base is a build input: publication
-* passes its hosted origin, and a local export passes whatever it will serve
-* the exported files from.
-*/
-const assetUrl = (entry, base) => `${base.replace(/\/+$/, "")}/${entry.fileName}`;
-const EXTERNAL_IMAGE = /^https:\/\//i;
-/** Record, but never fetch, a URL the template points at. */
-const isExternalAsset = (reference) => EXTERNAL_IMAGE.test(reference);
-/**
-* Reject an asset base that would produce URLs a client will not load. The
-* relative forms are the ones a page on disk resolves against its own
-* directory, which is what a local export writes.
-*/
-const checkAssetBase = (base) => /^(https:\/\/|\.{1,2}\/|\/)/i.test(base) ? [] : [{
-	code: "invalid-asset-base",
-	severity: "error",
-	message: `Asset base ${JSON.stringify(base)} must be an https URL, an absolute path, or a relative path for a local export.`,
-	origins: []
-}];
-//#endregion
-export { ASSET_CONTENT_TYPES, assetEntry, assetUrl, checkAssetBase, isAssetPath, isExternalAsset };
-
-//# sourceMappingURL=assets.js.map

package/dist/email/brand-footer.d.ts

@@ -1,34 +0,0 @@
-import { t as EmailContent } from "../template-DWftqh4x.js";
-import { RenderedEmail } from "./render.js";
-import { a as EmailBrand, n as BrandComponents } from "../brand-DcoVkh_S.js";
-//#region src/email/brand-footer.d.ts
-/** A footer block for the send path to append, and its plain-text tail. */
-interface RenderedBrandFooter {
-  readonly html: string;
-  readonly text: string;
-}
-/**
- * Render `BrandFooter` against a brand on its own, for the send path to
- * append to a message whose template renders no footer of its own. It
- * compiles the same component, styled by the same brand theme, a template
- * would get from `samva:brand`. Without `unsubscribe` the unsubscribe row is
- * left out.
- */
-declare const renderBrandFooter: (brand: EmailBrand, options: {
-  readonly unsubscribe: boolean;
-}) => Promise<RenderedBrandFooter>;
-/**
- * Render content against a brand as a project whose `theme.css` is
- * `@import "samva:brand";` renders it: Tailwind compiles the brand theme for
- * the classes the content names, `BrandLogo` and `BrandFooter` are bound to the
- * brand, and the render inlines the result. A brand preview renders through
- * this, so it shows what a template importing the brand compiles to.
- */
-declare const renderBrandSample: (brand: EmailBrand, sample: {
-  /** Every class the content names; nothing is discovered from source here. */
-  readonly classes: readonly string[];
-  readonly render: (components: BrandComponents) => EmailContent;
-}) => Promise<RenderedEmail>;
-//#endregion
-export { RenderedBrandFooter, renderBrandFooter, renderBrandSample };
-//# sourceMappingURL=brand-footer.d.ts.map

package/dist/email/brand-footer.js

@@ -1,62 +0,0 @@
-import { a as renderEmailContent, o as applyStylesheet, r as compileEmail } from "../render-vAv_4r9v.js";
-import { EmailCompileError } from "./diagnostics.js";
-import { BRAND_COMPONENT_CLASSES, brandComponents, withoutUnsubscribeRow } from "./brand.js";
-import { c as parseBrandCss, i as brandTailwindCss } from "../theme-css-hFqcPSar.js";
-import { t as compileTailwind, u as parseStylesheet } from "../tailwind-BYq7Lo6u.js";
-//#region src/email/brand-footer.ts
-/** The brand theme as Tailwind compiles it; a theme outside the grammar is a compile refusal. */
-const brandTheme = (brand) => {
-	const parsed = parseBrandCss(brand.css);
-	if (parsed.isErr()) throw new EmailCompileError({ diagnostics: parsed.error.map((finding) => ({
-		code: finding.code,
-		severity: "error",
-		message: `samva:brand: ${finding.message}`,
-		origins: []
-	})) });
-	return brandTailwindCss(parsed.value);
-};
-/**
-* Render `BrandFooter` against a brand on its own, for the send path to
-* append to a message whose template renders no footer of its own. It
-* compiles the same component, styled by the same brand theme, a template
-* would get from `samva:brand`. Without `unsubscribe` the unsubscribe row is
-* left out.
-*/
-const renderBrandFooter = async (brand, options) => {
-	const tailwind = await compileTailwind(BRAND_COMPONENT_CLASSES, { css: brandTheme(brand) });
-	const node = brandComponents(brand).BrandFooter({});
-	if (node === null) return {
-		html: "",
-		text: ""
-	};
-	const styled = applyStylesheet(node, parseStylesheet(tailwind.css, { origin: "samva:brand" }));
-	const compiled = compileEmail(styled.tree);
-	const rendered = options.unsubscribe ? compiled : withoutUnsubscribeRow({
-		html: compiled.html,
-		text: compiled.text
-	});
-	const text = (rendered.text ?? "").trim();
-	return {
-		html: rendered.html ?? "",
-		text: text === "" ? "" : `\n\n---\n${text}`
-	};
-};
-/**
-* Render content against a brand as a project whose `theme.css` is
-* `@import "samva:brand";` renders it: Tailwind compiles the brand theme for
-* the classes the content names, `BrandLogo` and `BrandFooter` are bound to the
-* brand, and the render inlines the result. A brand preview renders through
-* this, so it shows what a template importing the brand compiles to.
-*/
-const renderBrandSample = async (brand, sample) => {
-	const tailwind = await compileTailwind([...BRAND_COMPONENT_CLASSES, ...sample.classes], { css: "@import \"samva:brand\";" }, {
-		stylesheets: /* @__PURE__ */ new Map(),
-		brandCss: brandTheme(brand)
-	});
-	const components = brandComponents(brand);
-	return renderEmailContent(parseStylesheet(tailwind.css, { origin: "samva:brand" }), () => sample.render(components));
-};
-//#endregion
-export { renderBrandFooter, renderBrandSample };
-
-//# sourceMappingURL=brand-footer.js.map

package/dist/email/brand.d.ts

@@ -1,2 +0,0 @@
-import { a as EmailBrand, c as EmailBrandFooter, d as RenderedFooterMarkers, f as UNSUBSCRIBE_ROW_ATTRIBUTE, g as UNSUBSCRIBE_URL_PLACEHOLDER, h as withoutUnsubscribeRow, i as BrandLogoProps, l as EmailBrandSocialLink, m as renderedFooterMarkers, n as BrandComponents, o as EmailBrandAddress, p as brandComponents, r as BrandFooterProps, s as EmailBrandAssets, t as BRAND_COMPONENT_CLASSES, u as FOOTER_ATTRIBUTE } from "../brand-DcoVkh_S.js";
-export { BRAND_COMPONENT_CLASSES, BrandComponents, BrandFooterProps, BrandLogoProps, EmailBrand, EmailBrandAddress, EmailBrandAssets, EmailBrandFooter, EmailBrandSocialLink, FOOTER_ATTRIBUTE, RenderedFooterMarkers, UNSUBSCRIBE_ROW_ATTRIBUTE, UNSUBSCRIBE_URL_PLACEHOLDER, brandComponents, renderedFooterMarkers, withoutUnsubscribeRow };

package/dist/email/components.js

@@ -1,240 +0,0 @@
-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";
-/** Average advance of a bold sans-serif glyph, as a fraction of the font size. */
-const BOLD_GLYPH_ADVANCE = .6;
-const invalidButtonNumber = (name) => reportEmailDiagnostic({
-	code: "invalid-button-number",
-	severity: "error",
-	message: `<Button ${name}> must be a finite number.`
-});
-const buttonNumber = (name, value, fallback) => {
-	if (typeof value === "number" && Number.isFinite(value)) return value;
-	invalidButtonNumber(name);
-	return fallback;
-};
-const optionalButtonNumber = (name, value) => {
-	if (value === void 0) return void 0;
-	if (typeof value === "number" && Number.isFinite(value)) return value;
-	invalidButtonNumber(name);
-};
-const optionalPositiveButtonNumber = (name, value) => {
-	if (value === void 0) return void 0;
-	if (typeof value === "number" && Number.isFinite(value) && value > 0) return value;
-	reportEmailDiagnostic({
-		code: "invalid-button-number",
-		severity: "error",
-		message: `<Button ${name}> must be a positive finite number.`
-	});
-};
-/** A link styled as a button, with a VML fallback so classic Outlook draws the shape. */
-const Button = ({ className, href, width, height, paddingX = 16, backgroundColor = "#000000", color = "#ffffff", borderRadius = 0, borderColor, borderWidth = 0, fontSize = 16, fontFamily = DEFAULT_BUTTON_FONT, align = "left", style, children }) => {
-	const safeWidth = optionalButtonNumber("width", width);
-	const safeHeight = optionalPositiveButtonNumber("height", height);
-	const safePaddingX = buttonNumber("paddingX", paddingX, 16);
-	const safeBorderRadius = buttonNumber("borderRadius", borderRadius, 0);
-	const safeBorderWidth = buttonNumber("borderWidth", borderWidth, 0);
-	const safeFontSize = buttonNumber("fontSize", fontSize, 16);
-	const label = typeof children === "string" ? children : void 0;
-	const fallback = safeHeight !== 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 a height and a plain string label. Without both, classic Windows Outlook shows an unstyled link.",
-		clients: ["outlook-windows"]
-	});
-	const arcsize = safeHeight === void 0 ? 0 : Math.round(safeBorderRadius / safeHeight * 100);
-	const fallbackWidth = safeWidth ?? Math.ceil((label?.length ?? 0) * safeFontSize * BOLD_GLYPH_ADVANCE) + 2 * safePaddingX;
-	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:${safeHeight}px;v-text-anchor:middle;width:${fallbackWidth}px;" arcsize="${arcsize}%" ${borderColor === void 0 ? "stroke=\"false\"" : `strokecolor="${escapeAttribute(borderColor)}" strokeweight="${safeBorderWidth}px"`} fillcolor="${escapeAttribute(backgroundColor)}"><w:anchorlock/><center style="color:${escapeAttribute(color)};font-family:${escapeAttribute(fontFamily)};font-size:${safeFontSize}px;font-weight:bold;">${escapeText(label)}</center></v:roundrect><![endif]-->`) : null, jsx("a", {
-			className,
-			href,
-			target: "_blank",
-			rel: "noopener noreferrer",
-			style: {
-				backgroundColor,
-				color,
-				borderRadius: `${safeBorderRadius}px`,
-				display: "inline-block",
-				fontFamily,
-				fontSize: `${safeFontSize}px`,
-				fontWeight: "bold",
-				lineHeight: safeHeight === void 0 ? "120%" : `${safeHeight - 2 * safeBorderWidth}px`,
-				textAlign: "center",
-				textDecoration: "none",
-				...safeWidth === void 0 ? { padding: `0 ${safePaddingX}px` } : {
-					width: `${safeWidth}px`,
-					maxWidth: "100%"
-				},
-				...borderColor === void 0 ? {} : { border: `${safeBorderWidth}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

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

package/dist/email/elements.d.ts

@@ -1,2 +0,0 @@
-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-BzjjnoCS.js";
-export { EMAIL_ELEMENTS, EMAIL_GLOBAL_ATTRIBUTES, EmailAttributeSpec, EmailElementSpec, EmailGlobalProps, EmailIntrinsicElements, EmailLayout, EmailStyle, EmailTag, emailElement, isUrlAttribute };