@samva/markup 0.18.1 → 0.19.0

package/dist/brand-CIiEqkU7.js

@@ -1,193 +0,0 @@
-import { _ as UNSUBSCRIBE_LINK, g as BRAND_FOOTER_MARKER, r as escapeAttribute } from "./html-DJUK2YJF.js";
-import { f as samvaBrandPlugin } from "./render-template-DwPDm3Hq.js";
-import { a as jsx, c as rawMarkup, n as Fragment } from "./jsx-runtime-qL19u3Fy.js";
-//#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
-//#region src/email/brand.ts
-/** Every class the brand components use, compiled for any project that imports them. */
-const BRAND_COMPONENT_CLASSES = [
-	"dark:hidden!",
-	"hidden",
-	"dark:block!",
-	"text-xs",
-	"text-muted-foreground",
-	"text-center",
-	"font-semibold",
-	"underline"
-];
-const addressLines = (address) => [
-	address.street1,
-	address.street2,
-	[
-		address.city,
-		address.region,
-		address.postalCode
-	].filter((part) => part.trim() !== "").join(", "),
-	address.country
-].filter((line) => line !== void 0 && line.trim() !== "");
-const classes = (...names) => {
-	const joined = names.filter((name) => name !== void 0 && name !== "").join(" ");
-	return joined === "" ? void 0 : joined;
-};
-const line = (children, last) => jsx("p", {
-	style: { margin: last ? "0" : "0 0 8px 0" },
-	children
-});
-/** The alignment a footer `className` asks for; the footer centers when it names none. */
-const footerAlignment = (className) => /(?:^|\s)text-(left|center|right)(?:\s|$)/.exec(className ?? "")?.[1] ?? "center";
-/** Bind `BrandLogo` and `BrandFooter` to one brand, marked as the plugin names. */
-const brandComponents = (brand, plugin = samvaBrandPlugin) => {
-	const assets = brand.assets ?? {};
-	const footer = brand.footer ?? {};
-	const BrandLogo = ({ width = 120, alt, align, className }) => {
-		if (assets.logoUrl === void 0) return null;
-		const label = alt ?? footer.companyName ?? "";
-		const image = (src, imageClass, imageAlt) => jsx("img", {
-			src,
-			alt: imageAlt,
-			width,
-			border: 0,
-			...align === void 0 ? {} : { align },
-			className: classes(imageClass, className),
-			style: {
-				display: "block",
-				outline: "none",
-				border: "none",
-				height: "auto"
-			}
-		});
-		if (assets.logoDarkUrl === void 0) return image(assets.logoUrl, void 0, label);
-		return jsx(Fragment, { children: [image(assets.logoUrl, "dark:hidden!", label), jsx("div", {
-			className: "hidden dark:block!",
-			style: {
-				msoHide: "all",
-				maxHeight: 0,
-				overflow: "hidden"
-			},
-			children: image(assets.logoDarkUrl, void 0, "")
-		})] });
-	};
-	const BrandFooter = ({ unsubscribeLabel = "Unsubscribe", className }) => {
-		const items = [];
-		const separator = () => items.length === 0 ? [] : [" · "];
-		if (footer.companyName !== void 0 && footer.companyName.trim() !== "") items.push(jsx("span", {
-			className: "font-semibold",
-			children: footer.companyName
-		}));
-		for (const link of footer.socialLinks ?? []) items.push(...separator(), jsx("a", {
-			href: link.url,
-			className: "text-muted-foreground underline",
-			children: link.label
-		}));
-		items.push(jsx("span", {
-			[plugin.unsubscribeRowAttribute]: "",
-			[BRAND_FOOTER_MARKER]: true,
-			children: [...items.length === 0 ? [] : [rawMarkup(" · ", "\n")], unsubscribeLink(unsubscribeLabel, plugin)]
-		}));
-		const address = footer.address === void 0 ? [] : addressLines(footer.address);
-		const alignment = footerAlignment(className);
-		return jsx("table", {
-			role: "presentation",
-			width: "100%",
-			border: 0,
-			cellpadding: 0,
-			cellspacing: 0,
-			[plugin.footerAttribute]: "",
-			[BRAND_FOOTER_MARKER]: true,
-			children: jsx("tbody", { children: jsx("tr", { children: jsx("td", {
-				align: alignment,
-				className: classes("text-xs text-muted-foreground", alignment === "center" ? "text-center" : void 0, className),
-				style: { padding: "32px 16px" },
-				children: [line(items, address.length === 0), ...address.length === 0 ? [] : [line([address.join(", ")], true)]]
-			}) }) })
-		});
-	};
-	return {
-		BrandLogo,
-		BrandFooter
-	};
-};
-/**
-* The unsubscribe link. Its href is the placeholder, which no author-written
-* link may carry: the serializer accepts it only on this node, and writes the
-* plugin's no-track marker on it so click tracking never rewrites it.
-*/
-const unsubscribeLink = (label, plugin) => jsx("a", {
-	href: plugin.unsubscribeUrlPlaceholder,
-	className: "text-muted-foreground underline",
-	[UNSUBSCRIBE_LINK]: true,
-	children: label
-});
-/** Read the plugin's footer markers from rendered HTML. */
-const renderedFooterMarkers = (html, plugin = samvaBrandPlugin) => ({
-	footer: html.includes(`${plugin.footerAttribute}=""`),
-	unsubscribeLink: html.includes(`href="${escapeAttribute(plugin.unsubscribeUrlPlaceholder)}"`)
-});
-/**
-* Drop the unsubscribe row from a rendered message, for a send that resolved
-* no unsubscribe group: there is no link to put there, so the row goes.
-*/
-const withoutUnsubscribeRow = (rendered, plugin = samvaBrandPlugin) => ({
-	html: rendered.html?.replace(new RegExp(`<(span|tr) ${plugin.unsubscribeRowAttribute}=""[^>]*>[\\s\\S]*?</\\1>`, "g"), ""),
-	text: rendered.text?.split("\n").filter((textLine) => !textLine.includes(plugin.unsubscribeUrlPlaceholder)).join("\n")
-});
-//#endregion
-export { ASSET_CONTENT_TYPES as a, checkAssetBase as c, withoutUnsubscribeRow as i, isAssetPath as l, brandComponents as n, assetEntry as o, renderedFooterMarkers as r, assetUrl as s, BRAND_COMPONENT_CLASSES as t, isExternalAsset as u };

package/dist/brand-plugin-Dj9SMpfS.d.ts

@@ -1,33 +0,0 @@
-//#region src/email/brand-plugin.d.ts
-/**
- * How a template reaches its brand and how the footer `BrandFooter` renders is
- * marked for the send path that delivers it. The compiler and the IR renderer
- * read every brand import, footer marker and unsubscribe link from the plugin
- * a build passes; `samvaBrandPlugin` is the default.
- */
-interface BrandPlugin {
-  /**
-   * The module and stylesheet specifier a template imports its brand from.
-   * `<specifier>/<slug>` names one brand; the bare specifier names the default.
-   */
-  readonly specifier: string;
-  /** Marks the block `BrandFooter` renders, so the send path finds a template's own footer. */
-  readonly footerAttribute: `data-${string}`;
-  /** Marks the footer row that carries the unsubscribe link, so a send can drop it. */
-  readonly unsubscribeRowAttribute: `data-${string}`;
-  /** The unsubscribe link's href; the send path substitutes each delivery's URL for it. */
-  readonly unsubscribeUrlPlaceholder: string;
-  /**
-   * Written on the unsubscribe link, so the send path delivers it without
-   * click tracking: a rewritten link would carry another recipient's token.
-   */
-  readonly noTrackAttribute: `data-${string}`;
-}
-/** The brand a specifier names: `undefined` slug means the default brand; `undefined` when it names none. */
-declare const parseBrandSpecifier: (specifier: string, options?: {
-  readonly brandPlugin?: BrandPlugin | undefined;
-}) => {
-  readonly slug: string | undefined;
-} | undefined;
-//#endregion
-export { parseBrandSpecifier as n, BrandPlugin as t };

package/dist/components-C5850-Qg.js

@@ -1,409 +0,0 @@
-import { i as escapeText, r as escapeAttribute } from "./html-DJUK2YJF.js";
-import { a as jsx, c as rawMarkup, l as withEmailDiagnostics, n as Fragment, s as normalizeChildren, t as EmailNode } from "./jsx-runtime-qL19u3Fy.js";
-//#region src/email/primitive-css.ts
-/** The classes the primitives put on the elements they generate. */
-const PRIMITIVE_CLASSES = {
-	email: "sml-email",
-	button: "sml-button",
-	link: "sml-link",
-	divider: "sml-divider",
-	stack: "sml-stack"
-};
-const PRIMITIVE_CSS = `@layer components {
-  .${PRIMITIVE_CLASSES.email} {
-    color: var(--color-foreground);
-    font-family: var(--font-sans);
-    padding-left: 16px;
-    padding-right: 16px;
-  }
-  .${PRIMITIVE_CLASSES.button} {
-    background-color: var(--color-primary);
-    color: var(--color-primary-foreground);
-    font-family: var(--font-sans);
-    border-radius: var(--radius);
-  }
-  .${PRIMITIVE_CLASSES.link} {
-    color: var(--color-primary);
-    text-decoration: underline;
-  }
-  .${PRIMITIVE_CLASSES.divider} {
-    border-top: 1px solid var(--color-border);
-  }
-}
-@media only screen and (max-width: 599px) {
-  .${PRIMITIVE_CLASSES.stack} {
-    display: block;
-    width: 100%;
-    max-width: 100%;
-  }
-}
-`;
-//#endregion
-//#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
-	}) })
-});
-/** A primitive's own class, then the author's. */
-const classNames = (own, authored) => authored === void 0 || authored.trim() === "" ? own : `${own} ${authored}`;
-const optionalNumber = (found, component, name, value, bounds = {}) => {
-	if (value === void 0) return void 0;
-	if (typeof value === "number" && Number.isFinite(value) && (bounds.min === void 0 || value >= bounds.min)) return value;
-	found.push({
-		code: "invalid-number-prop",
-		severity: "error",
-		message: `<${component} ${name}> must be a finite number${bounds.min === void 0 ? "" : ` of at least ${bounds.min}`}.`
-	});
-};
-/** 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, a body painted with the page color, and
-* the content cell. The content cell sets the theme's text color and body font
-* (`--color-foreground`, `--font-sans`) for everything inside it, and pads the content off the
-* screen edge (`gutter`).
-*/
-const Email = ({ className, lang = "en", dir = "ltr", title, backgroundColor = "var(--color-background)", gutter, style, children }) => {
-	const found = [];
-	const safeGutter = optionalNumber(found, "Email", "gutter", gutter, { min: 0 });
-	const cellStyle = {
-		...safeGutter === void 0 ? {} : {
-			paddingLeft: `${safeGutter}px`,
-			paddingRight: `${safeGutter}px`
-		},
-		...style
-	};
-	const document = 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,
-				width: "100%",
-				backgroundColor
-			},
-			children: [presentation({
-				align: "center",
-				width: "100%",
-				bgcolor: backgroundColor,
-				style: {
-					width: "100%",
-					backgroundColor
-				}
-			}, jsx("td", {
-				className: classNames(PRIMITIVE_CLASSES.email, className),
-				...Object.keys(cellStyle).length === 0 ? {} : { style: cellStyle },
-				children
-			}))]
-		})]
-	});
-	return withEmailDiagnostics(document, found);
-};
-/** A pixel width as `width: 100%` capped at it, so a fixed-width table still fits a phone. */
-const fluidWidth = (width) => {
-	const pixels = typeof width === "number" ? width : /^\d+(?:\.\d+)?(?:px)?$/.test(width) ? width : void 0;
-	if (pixels === void 0) return void 0;
-	return {
-		width: "100%",
-		maxWidth: typeof pixels === "number" ? `${pixels}px` : `${Number.parseFloat(pixels)}px`
-	};
-};
-/** 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 }) => {
-	const fluid = fluidWidth(width);
-	const table = fluid === void 0 ? tableStyle : {
-		...fluid,
-		...tableStyle
-	};
-	return presentation({
-		align,
-		width,
-		...bgcolor === void 0 ? {} : { bgcolor },
-		...table === void 0 ? {} : { style: table }
-	}, jsx("td", {
-		className,
-		...style === void 0 ? {} : { style },
-		children
-	}));
-};
-/** The equal share of a row that each of `count` cells takes, whole percent rounded down. */
-const equalColumnWidth = (count) => `${Math.floor(100 / count)}%`;
-/**
-* Give a `Column` that states no width its equal share, keeping the primitive's attribute order,
-* and the stacking class when its row stacks.
-*/
-const withColumnLayout = (node, width, stack) => {
-	if (node.type === "Fragment") return EmailNode.Fragment({ children: node.children.map((child) => withColumnLayout(child, width, stack)) });
-	if (node.type !== "Element" || node.tag !== "td") return node;
-	const props = {};
-	const sized = width === void 0 || node.props.width !== void 0;
-	for (const [key, value] of Object.entries(node.props)) {
-		if (key === "style" && !sized) props.width = width;
-		props[key] = value;
-	}
-	if (!sized && props.width === void 0) props.width = width;
-	if (stack) props.className = classNames(PRIMITIVE_CLASSES.stack, typeof props.className === "string" ? props.className : void 0);
-	return EmailNode.Element({
-		...node,
-		props
-	});
-};
-/** The cell between two `Column`s: `gap` wide in a row, `gap` tall once the row stacks. */
-const gapCell = (gap, stack) => jsx("td", {
-	...stack ? { className: PRIMITIVE_CLASSES.stack } : {},
-	width: gap,
-	style: {
-		width: `${gap}px`,
-		...stack ? { height: `${gap}px` } : {},
-		fontSize: "1px",
-		lineHeight: "1px"
-	},
-	children: "​"
-});
-/** Cells with a gap cell between each two that render something. */
-const withGaps = (cells, gap, stack) => {
-	if (gap === void 0 || gap === 0) return cells;
-	const output = [];
-	for (const cell of cells) {
-		if (cell.type === "Text" && cell.value.trim() === "") {
-			output.push(cell);
-			continue;
-		}
-		if (output.some((placed) => placed.type !== "Text" || placed.value.trim() !== "")) output.push(gapCell(gap, stack));
-		output.push(cell);
-	}
-	return output;
-};
-/**
-* A row of side-by-side `Column`s that stacks on a narrow viewport (`stack`). No flex or grid
-* conversion happens here. With `each` it repeats its cells over a list, `per` to a row, and
-* splits the row equally between cells that state no width.
-*/
-const Columns = ({ className, align = "center", width = "100%", style, each, per, stack = true, gap, children }) => {
-	const table = {
-		className,
-		align,
-		width,
-		...style === void 0 ? {} : { style }
-	};
-	const found = [];
-	const safeGap = optionalNumber(found, "Columns", "gap", gap, { min: 0 });
-	if (each === void 0 || typeof children !== "function") return withEmailDiagnostics(presentation(table, withGaps(normalizeChildren(children).map((cell) => withColumnLayout(cell, void 0, stack)), safeGap, stack), { style: { width: "100%" } }), found);
-	if (per !== void 0 && (!Number.isInteger(per) || per < 1)) found.push({
-		code: "invalid-columns-per",
-		severity: "error",
-		message: "<Columns per> must be a positive integer."
-	});
-	const size = per !== void 0 && Number.isInteger(per) && per >= 1 ? per : void 0;
-	const chunks = [];
-	if (size === void 0) chunks.push(each);
-	else for (let at = 0; at < each.length; at += size) chunks.push(each.slice(at, at + size));
-	const share = equalColumnWidth(size ?? Math.max(each.length, 1));
-	const rows = jsx(Fragment, { children: chunks.map((chunk) => presentation(table, withGaps(chunk.flatMap((item, index) => normalizeChildren(children(item, index)).map((cell) => withColumnLayout(cell, share, stack))), safeGap, stack), { style: { width: "100%" } })) });
-	return withEmailDiagnostics(rows, found);
-};
-/** 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
-});
-/** Average advance of a bold sans-serif glyph, as a fraction of the font size. */
-const BOLD_GLYPH_ADVANCE = .6;
-const invalidButtonNumber = (found, name) => {
-	found.push({
-		code: "invalid-button-number",
-		severity: "error",
-		message: `<Button ${name}> must be a finite number.`
-	});
-};
-const buttonNumber = (found, name, value, fallback) => {
-	if (typeof value === "number" && Number.isFinite(value)) return value;
-	invalidButtonNumber(found, name);
-	return fallback;
-};
-const optionalButtonNumber = (found, name, value) => {
-	if (value === void 0) return void 0;
-	if (typeof value === "number" && Number.isFinite(value)) return value;
-	invalidButtonNumber(found, name);
-};
-const optionalPositiveButtonNumber = (found, name, value) => {
-	if (value === void 0) return void 0;
-	if (typeof value === "number" && Number.isFinite(value) && value > 0) return value;
-	found.push({
-		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. Its fill,
-* label color, font and corners default to the theme (`bg-primary`, `text-primary-foreground`,
-* `font-sans`, `rounded`), so a class on the button restyles it. Classic Outlook draws the VML
-* shape from the props alone: set `backgroundColor`, `color` and `borderRadius` when the button
-* does not use the theme's primary fill.
-*/
-const Button = ({ className, href, width, height, paddingX = 16, backgroundColor, color, borderRadius, borderColor, borderWidth = 0, fontSize = 16, fontFamily, align = "left", style, children }) => {
-	const found = [];
-	const safeWidth = optionalButtonNumber(found, "width", width);
-	const safeHeight = optionalPositiveButtonNumber(found, "height", height);
-	const safePaddingX = buttonNumber(found, "paddingX", paddingX, 16);
-	const safeBorderRadius = optionalButtonNumber(found, "borderRadius", borderRadius);
-	const safeBorderWidth = buttonNumber(found, "borderWidth", borderWidth, 0);
-	const safeFontSize = buttonNumber(found, "fontSize", fontSize, 16);
-	const label = typeof children === "string" ? children : void 0;
-	const fallback = safeHeight !== void 0 && label !== void 0;
-	if (!fallback) found.push({
-		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 ?? 0) / safeHeight * 100);
-	const fallbackWidth = safeWidth ?? Math.ceil((label?.length ?? 0) * safeFontSize * BOLD_GLYPH_ADVANCE) + 2 * safePaddingX;
-	const fill = backgroundColor ?? "var(--color-primary)";
-	const ink = color ?? "var(--color-primary-foreground)";
-	const family = fontFamily ?? "var(--font-sans)";
-	const button = 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(fill)}"><w:anchorlock/><center style="color:${escapeAttribute(ink)};font-family:${escapeAttribute(family)};font-size:${safeFontSize}px;font-weight:bold;">${escapeText(label)}</center></v:roundrect><![endif]-->`) : null, jsx("a", {
-			className: classNames(PRIMITIVE_CLASSES.button, className),
-			href,
-			target: "_blank",
-			rel: "noopener noreferrer",
-			style: {
-				...backgroundColor === void 0 ? {} : { backgroundColor },
-				...color === void 0 ? {} : { color },
-				...safeBorderRadius === void 0 ? {} : { borderRadius: `${safeBorderRadius}px` },
-				display: "inline-block",
-				...fontFamily === void 0 ? {} : { 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
-		})]
-	}));
-	return withEmailDiagnostics(button, found);
-};
-/** 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. It defaults to a
-* 1px line in the theme's `--color-border`.
-*/
-const Divider = ({ className, color, thickness, style }) => presentation({ width: "100%" }, jsx("td", {
-	className: classNames(PRIMITIVE_CLASSES.divider, className),
-	style: {
-		...color === void 0 && thickness === void 0 ? {} : { borderTop: `${thickness ?? 1}px solid ${color ?? "var(--color-border)"}` },
-		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. It defaults to
-* the theme's `--color-primary`, underlined.
-*/
-const Link = ({ className, href, target = "_blank", rel = "noopener noreferrer", style, children }) => jsx("a", {
-	className: classNames(PRIMITIVE_CLASSES.link, className),
-	href,
-	target,
-	rel,
-	...style === void 0 ? {} : { style },
-	children
-});
-//#endregion
-export { Email as a, PREHEADER_ATTRIBUTE as c, equalColumnWidth as d, preheaderNode as f, Divider as i, Section as l, PRIMITIVE_CSS as m, Column as n, Image as o, PRIMITIVE_CLASSES as p, Columns as r, Link as s, Button as t, Spacer as u };

package/dist/dark-scheme-CbCwGDWH.js

@@ -1,12 +0,0 @@
-//#region src/email/dark-scheme.ts
-/** The media query a theme's dark-mode block and every generated dark-mode rule sit in. */
-const DARK_SCHEME_MEDIA = "@media (prefers-color-scheme: dark)";
-const DARK_SCHEME_QUERY = /^(?:only\s+)?(?:screen\s+and\s+)?\(\s*prefers-color-scheme\s*:\s*dark\s*\)$/i;
-/** Whether a `@media` prelude is exactly the dark-mode query. */
-const isDarkSchemeQuery = (prelude) => DARK_SCHEME_QUERY.test(prelude.trim());
-/** Whether a rule's enclosing conditions are exactly the dark-mode query. */
-const isDarkSchemeCondition = (conditions) => conditions.length === 1 && /^@media\s/i.test(conditions[0]) && isDarkSchemeQuery(conditions[0].replace(/^@media\s+/i, ""));
-/** Whether any enclosing condition is the dark-mode query, as in a size query nested inside it. */
-const withinDarkScheme = (conditions) => conditions.some((condition) => isDarkSchemeCondition([condition]));
-//#endregion
-export { withinDarkScheme as i, isDarkSchemeCondition as n, isDarkSchemeQuery as r, DARK_SCHEME_MEDIA as t };