@hintoric/email 0.1.2 → 0.3.0

package/dist/index.js

@@ -135,27 +135,28 @@ var v = {
 	}
 }, y = {
 	body: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif",
-	heading: "Montserrat, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif"
+	heading: "Montserrat, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif",
+	code: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace"
 }, b = {
 	xs: "2px",
 	sm: "6px",
 	md: "8px",
 	lg: "12px",
 	xl: "16px"
-}, x = /* @__PURE__ */ new Set([
+}, ee = /* @__PURE__ */ new Set([
 	"https:",
 	"http:",
 	"mailto:"
 ]);
-function S(e) {
+function x(e) {
 	if (e) try {
 		let t = new URL(e);
-		return x.has(t.protocol) ? t.href : void 0;
+		return ee.has(t.protocol) ? t.href : void 0;
 	} catch {
 		return;
 	}
 }
-function C(e) {
+function S(e) {
 	if (e) try {
 		let t = new URL(e);
 		return t.protocol === "https:" ? t.href : void 0;
@@ -165,7 +166,7 @@ function C(e) {
 }
 //#endregion
 //#region src/styles.ts
-var w = {
+var C = {
 	variant: (e, t) => `hx-${e}-${t}`,
 	main: (e) => `hx-main-${e}`,
 	inkPrimary: "hx-ink-1",
@@ -178,27 +179,31 @@ var w = {
 	layoutCard: "hx-layout-card",
 	layoutCardBody: "hx-layout-card-body",
 	logoLight: "hx-logo-light",
-	logoDark: "hx-logo-dark"
+	logoDark: "hx-logo-dark",
+	lightOnly: "hx-light-only",
+	darkOnly: "hx-dark-only"
 };
-function T(e) {
+function w(e) {
 	let t = v.dark, n = (t, n) => `${e} .${t}{${n}}`, r = [
-		n(w.inkPrimary, `color:${t.inkPrimary}!important;`),
-		n(w.inkSecondary, `color:${t.inkSecondary}!important;`),
-		n(w.inkTertiary, `color:${t.inkTertiary}!important;`),
-		n(w.inkIcon, `color:${t.inkIcon}!important;`),
-		n(w.surface, `background-color:${t.surface}!important;`),
-		n(w.divider, `background-color:${t.divider}!important;`),
-		n(w.layoutCanvas, `background-color:${t.surface}!important;`),
-		n(`${w.layoutCanvas}>table>tbody>tr>td`, `background-color:${t.surface}!important;`),
-		n(w.logoLight, "display:none!important;"),
-		n(w.logoDark, "display:inline-block!important;"),
-		n(w.layoutCard, `background-color:${t.surface1}!important;border-color:${g("dark", "outlined", "neutral").borderColor}!important;`)
+		n(C.inkPrimary, `color:${t.inkPrimary}!important;`),
+		n(C.inkSecondary, `color:${t.inkSecondary}!important;`),
+		n(C.inkTertiary, `color:${t.inkTertiary}!important;`),
+		n(C.inkIcon, `color:${t.inkIcon}!important;`),
+		n(C.surface, `background-color:${t.surface}!important;`),
+		n(C.divider, `background-color:${t.divider}!important;`),
+		n(C.layoutCanvas, `background-color:${t.surface}!important;`),
+		n(`${C.layoutCanvas}>table>tbody>tr>td`, `background-color:${t.surface}!important;`),
+		n(C.logoLight, "display:none!important;"),
+		n(C.logoDark, "display:inline-block!important;"),
+		n(C.lightOnly, "display:none!important;"),
+		n(C.darkOnly, "display:block!important;"),
+		n(C.layoutCard, `background-color:${t.surface1}!important;border-color:${g("dark", "outlined", "neutral").borderColor}!important;`)
 	];
 	for (let e of m) {
-		r.push(n(w.main(e), `color:${_("dark", e)}!important;`));
+		r.push(n(C.main(e), `color:${_("dark", e)}!important;`));
 		for (let t of h) {
 			let i = g("dark", t, e);
-			r.push(n(w.variant(t, e), [
+			r.push(n(C.variant(t, e), [
 				`color:${i.color}!important;`,
 				i.backgroundColor && `background-color:${i.backgroundColor}!important;`,
 				i.borderColor && `border-color:${i.borderColor}!important;`
@@ -207,85 +212,44 @@ function T(e) {
 	}
 	return r.join("");
 }
-function E() {
-	let e = (e) => `${e}.${w.layoutCanvas},${e}.${w.layoutCanvas}>table>tbody>tr>td`, t = (t) => `${e(t)}{background-color:${v.dark.surface1}!important;}`;
+function te() {
+	let e = (e) => `${e}.${C.layoutCanvas},${e}.${C.layoutCanvas}>table>tbody>tr>td`, t = (t) => `${e(t)}{background-color:${v.dark.surface1}!important;}`;
 	return [
 		"@media only screen and (max-width:600px){",
-		`.${w.layoutCard}{max-width:100%!important;border:0!important;border-radius:0!important;}`,
-		`.${w.layoutCardBody}{padding:32px 24px!important;}`,
+		`.${C.layoutCard}{max-width:100%!important;border:0!important;border-radius:0!important;}`,
+		`.${C.layoutCardBody}{padding:32px 24px!important;}`,
 		`${e("")}{padding:0!important;background-color:${v.light.surface}!important;}`,
 		t("[data-color-scheme=\"dark\"] "),
 		"}",
 		`@media only screen and (max-width:600px) and (prefers-color-scheme:dark){${t(":root:not([data-color-scheme=\"light\"]) ")}}`
 	].join("");
 }
-var D = [
+var ne = [
 	"a[x-apple-data-detectors]{color:inherit!important;text-decoration:none!important;}",
-	`@media (prefers-color-scheme:dark){${T(":root:not([data-color-scheme=\"light\"])")}}`,
-	T("[data-color-scheme=\"dark\"]"),
-	E()
+	`@media (prefers-color-scheme:dark){${w(":root:not([data-color-scheme=\"light\"])")}}`,
+	w("[data-color-scheme=\"dark\"]"),
+	te()
 ].join("\n");
 //#endregion
-//#region src/components/Layout.tsx
-function O({ lang: e, preview: n, footer: o, colorScheme: s, children: l }) {
-	let f = v.light;
-	return /* @__PURE__ */ d(a, {
-		lang: e,
-		"data-color-scheme": s,
-		children: [
-			/* @__PURE__ */ d(i, { children: [
-				/* @__PURE__ */ u("meta", {
-					name: "color-scheme",
-					content: "light dark"
-				}),
-				/* @__PURE__ */ u("meta", {
-					name: "supported-color-schemes",
-					content: "light dark"
-				}),
-				/* @__PURE__ */ u(k, {})
-			] }),
-			/* @__PURE__ */ u(c, { children: n }),
-			/* @__PURE__ */ d(t, {
-				className: w.layoutCanvas,
-				style: {
-					margin: 0,
-					padding: "40px 0",
-					backgroundColor: f.surface1,
-					fontFamily: y.body
-				},
-				children: [/* @__PURE__ */ u(r, {
-					className: w.layoutCard,
-					style: {
-						width: "100%",
-						maxWidth: "440px",
-						boxSizing: "border-box",
-						backgroundColor: f.surface,
-						border: `1px solid ${g("light", "outlined", "neutral").borderColor}`,
-						borderRadius: "20px"
-					},
-					children: /* @__PURE__ */ u("div", {
-						className: w.layoutCardBody,
-						style: { padding: "48px" },
-						children: l
-					})
-				}), o && /* @__PURE__ */ u(r, {
-					style: {
-						maxWidth: "440px",
-						padding: "24px 24px 0",
-						textAlign: "center"
-					},
-					children: o
-				})]
-			})
-		]
-	});
-}
-function k() {
-	return /* @__PURE__ */ u("style", { dangerouslySetInnerHTML: { __html: D } });
+//#region src/components/Link.tsx
+function T({ href: e, color: t = "primary", underline: n = "always", style: r, children: i }) {
+	let a = x(e);
+	return a ? /* @__PURE__ */ u(s, {
+		href: a,
+		className: C.main(t),
+		style: {
+			fontFamily: y.body,
+			color: _("light", t),
+			textDecoration: n === "always" ? "underline" : "none",
+			wordBreak: "break-word",
+			...r
+		},
+		children: i
+	}) : /* @__PURE__ */ u(l, { children: i });
 }
 //#endregion
 //#region src/components/Typography.tsx
-var A = {
+var re = {
 	h1: {
 		fontSize: "36px",
 		fontWeight: 700,
@@ -356,7 +320,7 @@ var A = {
 		lineHeight: 1.5,
 		ink: "inkTertiary"
 	}
-}, j = {
+}, ie = {
 	h1: "h1",
 	h2: "h2",
 	h3: "h3",
@@ -368,16 +332,16 @@ var A = {
 	"body-md": "p",
 	"body-sm": "p",
 	"body-xs": "span"
-}, ee = {
+}, ae = {
 	primary: "inkPrimary",
 	secondary: "inkSecondary",
 	tertiary: "inkTertiary",
 	icon: "inkIcon"
 };
-function M({ level: e = "body-md", component: t, textAlign: n, textColor: r, style: i, children: a }) {
-	let o = A[e], s = r ? ee[r] : o.ink, c = t ?? j[e];
+function E({ level: e = "body-md", component: t, textAlign: n, textColor: r, style: i, children: a }) {
+	let o = re[e], s = r ? ae[r] : o.ink, c = t ?? ie[e];
 	return /* @__PURE__ */ u(c, {
-		className: w[s],
+		className: C[s],
 		style: {
 			margin: 0,
 			fontFamily: y.body,
@@ -393,8 +357,80 @@ function M({ level: e = "body-md", component: t, textAlign: n, textColor: r, sty
 	});
 }
 //#endregion
+//#region src/components/Layout.tsx
+function D({ lang: e, preview: n, footer: o, unsubscribe: s, colorScheme: l, children: f }) {
+	let p = v.light;
+	return /* @__PURE__ */ d(a, {
+		lang: e,
+		"data-color-scheme": l,
+		children: [
+			/* @__PURE__ */ d(i, { children: [
+				/* @__PURE__ */ u("meta", {
+					name: "color-scheme",
+					content: "light dark"
+				}),
+				/* @__PURE__ */ u("meta", {
+					name: "supported-color-schemes",
+					content: "light dark"
+				}),
+				/* @__PURE__ */ u(O, {})
+			] }),
+			/* @__PURE__ */ u(c, { children: n }),
+			/* @__PURE__ */ d(t, {
+				className: C.layoutCanvas,
+				style: {
+					margin: 0,
+					padding: "40px 0",
+					backgroundColor: p.surface1,
+					fontFamily: y.body
+				},
+				children: [/* @__PURE__ */ u(r, {
+					className: C.layoutCard,
+					style: {
+						width: "100%",
+						maxWidth: "440px",
+						boxSizing: "border-box",
+						backgroundColor: p.surface,
+						border: `1px solid ${g("light", "outlined", "neutral").borderColor}`,
+						borderRadius: "20px"
+					},
+					children: /* @__PURE__ */ u("div", {
+						className: C.layoutCardBody,
+						style: { padding: "48px" },
+						children: f
+					})
+				}), (o || s) && /* @__PURE__ */ d(r, {
+					style: {
+						maxWidth: "440px",
+						padding: "24px 24px 0",
+						textAlign: "center"
+					},
+					children: [o, s && x(s.href) && /* @__PURE__ */ u(E, {
+						level: "body-xs",
+						component: "p",
+						textAlign: "center",
+						textColor: "icon",
+						style: {
+							margin: o ? "12px 0 0" : 0,
+							fontWeight: 400
+						},
+						children: /* @__PURE__ */ u(T, {
+							href: s.href,
+							color: "neutral",
+							children: s.label
+						})
+					})]
+				})]
+			})
+		]
+	});
+}
+function O() {
+	return /* @__PURE__ */ u("style", { dangerouslySetInnerHTML: { __html: ne } });
+}
+//#endregion
 //#region src/components/Button.tsx
-var N = {
+var oe = {
 	sm: {
 		minHeight: 32,
 		paddingInline: 12,
@@ -414,13 +450,13 @@ var N = {
 		lineHeight: 24
 	}
 };
-function P({ href: e, variant: t = "solid", color: r = "primary", size: i = "md", pill: a = !1, fullWidth: o = !1, style: s, children: c }) {
-	let l = S(e);
+function k({ href: e, variant: t = "solid", color: r = "primary", size: i = "md", pill: a = !1, fullWidth: o = !1, style: s, children: c }) {
+	let l = x(e);
 	if (!l || l.startsWith("mailto:")) return null;
-	let d = N[i], f = g("light", t, r), p = +(t === "outlined"), m = (d.minHeight - d.lineHeight) / 2 - p;
+	let d = oe[i], f = g("light", t, r), p = +(t === "outlined"), m = (d.minHeight - d.lineHeight) / 2 - p;
 	return /* @__PURE__ */ u(n, {
 		href: l,
-		className: w.variant(t, r),
+		className: C.variant(t, r),
 		style: {
 			display: o ? "block" : "inline-block",
 			boxSizing: "border-box",
@@ -451,29 +487,12 @@ function P({ href: e, variant: t = "solid", color: r = "primary", size: i = "md"
 	});
 }
 //#endregion
-//#region src/components/Link.tsx
-function F({ href: e, color: t = "primary", underline: n = "always", style: r, children: i }) {
-	let a = S(e);
-	return a ? /* @__PURE__ */ u(s, {
-		href: a,
-		className: w.main(t),
-		style: {
-			fontFamily: y.body,
-			color: _("light", t),
-			textDecoration: n === "always" ? "underline" : "none",
-			wordBreak: "break-word",
-			...r
-		},
-		children: i
-	}) : /* @__PURE__ */ u(l, { children: i });
-}
-//#endregion
 //#region src/components/Divider.tsx
-function I({ style: e }) {
+function A({ style: e }) {
 	let t = v.light;
 	return /* @__PURE__ */ u("div", {
 		role: "separator",
-		className: w.divider,
+		className: C.divider,
 		style: {
 			height: "1px",
 			lineHeight: "1px",
@@ -489,7 +508,7 @@ function I({ style: e }) {
 }
 //#endregion
 //#region src/components/Card.tsx
-function L({ variant: e = "outlined", color: t = "neutral", style: n, children: r }) {
+function j({ variant: e = "outlined", color: t = "neutral", style: n, children: r }) {
 	let i = g("light", e, t), a = i.backgroundColor !== void 0;
 	return /* @__PURE__ */ u("table", {
 		role: "presentation",
@@ -497,7 +516,7 @@ function L({ variant: e = "outlined", color: t = "neutral", style: n, children:
 		cellPadding: 0,
 		cellSpacing: 0,
 		border: 0,
-		className: [w.variant(e, t), a ? "" : w.surface].filter(Boolean).join(" "),
+		className: [C.variant(e, t), a ? "" : C.surface].filter(Boolean).join(" "),
 		style: {
 			borderCollapse: "separate",
 			borderRadius: b.md,
@@ -515,7 +534,7 @@ function L({ variant: e = "outlined", color: t = "neutral", style: n, children:
 }
 //#endregion
 //#region src/components/Avatar.tsx
-var te = {
+var se = {
 	sm: {
 		box: 32,
 		fontSize: "14px",
@@ -532,8 +551,8 @@ var te = {
 		fontWeight: 600
 	}
 };
-function R({ variant: e = "soft", color: t = "neutral", size: n = "md", src: r, alt: i = "", children: a }) {
-	let s = te[n], c = C(r);
+function M({ variant: e = "soft", color: t = "neutral", size: n = "md", src: r, alt: i = "", children: a }) {
+	let s = se[n], c = S(r);
 	if (c) return /* @__PURE__ */ u(o, {
 		src: c,
 		width: s.box,
@@ -551,7 +570,7 @@ function R({ variant: e = "soft", color: t = "neutral", size: n = "md", src: r,
 		cellPadding: 0,
 		cellSpacing: 0,
 		border: 0,
-		className: w.variant(e, t),
+		className: C.variant(e, t),
 		style: {
 			display: "inline-table",
 			boxSizing: "border-box",
@@ -580,8 +599,170 @@ function R({ variant: e = "soft", color: t = "neutral", size: n = "md", src: r,
 	});
 }
 //#endregion
+//#region src/alertIcons.ts
+var N = {
+	primary: "info",
+	neutral: "info",
+	danger: "report",
+	success: "check-circle",
+	warning: "warning"
+}, P = "https://cdn.hintoric.com/assets/email/alert";
+function F(e, t) {
+	return `${P}/${e}-${t.replace("#", "").toLowerCase()}.png`;
+}
+function I(e, t, n) {
+	let r = N[n], i = g(e, t, n).color;
+	return {
+		name: r,
+		ink: i,
+		url: F(r, i)
+	};
+}
+function ce() {
+	let e = /* @__PURE__ */ new Map();
+	for (let t of ["light", "dark"]) for (let n of h) for (let r of m) {
+		let { name: i, ink: a, url: o } = I(t, n, r);
+		e.set(o, {
+			name: i,
+			ink: a,
+			url: o,
+			file: o.slice(44)
+		});
+	}
+	return [...e.values()];
+}
+//#endregion
+//#region src/components/Alert.tsx
+var le = {
+	sm: {
+		gap: 8,
+		padding: 8,
+		fontSize: 12,
+		icon: 20
+	},
+	md: {
+		gap: 10,
+		padding: 12,
+		fontSize: 14,
+		icon: 20
+	},
+	lg: {
+		gap: 14,
+		padding: 16,
+		fontSize: 16,
+		icon: 24
+	}
+};
+function L({ variant: e = "soft", color: t = "neutral", size: n = "md", startDecorator: r, endDecorator: i, style: a, children: o }) {
+	let s = le[n], c = r === void 0 ? /* @__PURE__ */ u(ue, {
+		variant: e,
+		color: t,
+		size: s.icon
+	}) : r, l = g("light", e, t), f = l.backgroundColor !== void 0, p = s.fontSize * 1.5, m = {
+		fontFamily: y.body,
+		fontSize: `${s.fontSize}px`,
+		fontWeight: 500,
+		lineHeight: 1.5
+	}, h = (e, t) => /* @__PURE__ */ u("td", {
+		width: "1",
+		style: {
+			verticalAlign: "top",
+			[t === "start" ? "paddingRight" : "paddingLeft"]: `${s.gap}px`
+		},
+		children: /* @__PURE__ */ u("table", {
+			role: "presentation",
+			cellPadding: 0,
+			cellSpacing: 0,
+			border: 0,
+			children: /* @__PURE__ */ u("tbody", { children: /* @__PURE__ */ u("tr", { children: /* @__PURE__ */ u("td", {
+				"data-alert-decorator": "",
+				height: p,
+				style: {
+					height: `${p}px`,
+					verticalAlign: "middle",
+					fontSize: 0,
+					lineHeight: 0
+				},
+				children: e
+			}) }) })
+		})
+	});
+	return /* @__PURE__ */ u("table", {
+		role: "presentation",
+		width: "100%",
+		cellPadding: 0,
+		cellSpacing: 0,
+		border: 0,
+		className: [C.variant(e, t), f ? "" : C.surface].filter(Boolean).join(" "),
+		style: {
+			borderCollapse: "separate",
+			borderRadius: b.sm,
+			backgroundColor: l.backgroundColor ?? v.light.surface,
+			color: l.color,
+			border: l.borderColor ? `1px solid ${l.borderColor}` : void 0,
+			...m,
+			...a
+		},
+		children: /* @__PURE__ */ u("tbody", { children: /* @__PURE__ */ u("tr", { children: /* @__PURE__ */ u("td", {
+			style: {
+				padding: `${s.padding}px`,
+				...m
+			},
+			children: c || i ? /* @__PURE__ */ u("table", {
+				role: "presentation",
+				width: "100%",
+				cellPadding: 0,
+				cellSpacing: 0,
+				border: 0,
+				children: /* @__PURE__ */ u("tbody", { children: /* @__PURE__ */ d("tr", { children: [
+					c && h(c, "start"),
+					/* @__PURE__ */ u("td", {
+						"data-alert-content": "",
+						style: {
+							verticalAlign: "top",
+							...m
+						},
+						children: o
+					}),
+					i && h(i, "end")
+				] }) })
+			}) : o
+		}) }) })
+	});
+}
+function ue({ variant: e, color: t, size: n }) {
+	let r = I("light", e, t), i = I("dark", e, t), a = (e, t, r) => /* @__PURE__ */ u(o, {
+		src: e,
+		width: n,
+		height: n,
+		alt: "",
+		className: t,
+		style: {
+			display: r,
+			width: `${n}px`,
+			height: `${n}px`,
+			minWidth: `${n}px`,
+			maxWidth: "none",
+			border: 0
+		}
+	});
+	return /* @__PURE__ */ d(l, { children: [a(r.url, C.lightOnly, "block"), a(i.url, C.darkOnly, "none")] });
+}
+function de({ style: e, children: t }) {
+	return /* @__PURE__ */ u("div", {
+		style: {
+			fontFamily: y.body,
+			fontSize: "16px",
+			lineHeight: "24px",
+			fontWeight: 600,
+			...e
+		},
+		children: t
+	});
+}
+//#endregion
 //#region src/components/Chip.tsx
-var z = {
+var fe = {
 	sm: {
 		minHeight: 20,
 		paddingInline: 6,
@@ -598,10 +779,10 @@ var z = {
 		fontSize: 16
 	}
 };
-function B({ variant: e = "soft", color: t = "neutral", size: n = "md", style: r, children: i }) {
-	let a = z[n], o = g("light", e, t), s = o.backgroundColor !== void 0, c = +!!o.borderColor, l = a.fontSize * 1.5, d = (a.minHeight - l) / 2 - c;
+function pe({ variant: e = "soft", color: t = "neutral", size: n = "md", style: r, children: i }) {
+	let a = fe[n], o = g("light", e, t), s = o.backgroundColor !== void 0, c = +!!o.borderColor, l = a.fontSize * 1.5, d = (a.minHeight - l) / 2 - c;
 	return /* @__PURE__ */ u("span", {
-		className: [w.variant(e, t), s ? "" : w.surface].filter(Boolean).join(" "),
+		className: [C.variant(e, t), s ? "" : C.surface].filter(Boolean).join(" "),
 		style: {
 			display: "inline-block",
 			boxSizing: "border-box",
@@ -623,29 +804,29 @@ function B({ variant: e = "soft", color: t = "neutral", size: n = "md", style: r
 }
 //#endregion
 //#region src/components/HintoricLogo.tsx
-var V = {
+var R = {
 	light: "https://cdn.hintoric.com/assets/logo/black.png",
 	dark: "https://cdn.hintoric.com/assets/logo/white.png",
 	width: 104,
 	height: 32
 };
-function H() {
+function z() {
 	return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(o, {
-		src: V.light,
-		width: V.width,
-		height: V.height,
+		src: R.light,
+		width: R.width,
+		height: R.height,
 		alt: "hintoric",
-		className: w.logoLight,
+		className: C.logoLight,
 		style: {
 			display: "inline-block",
 			margin: "0 auto"
 		}
 	}), /* @__PURE__ */ u(o, {
-		src: V.dark,
-		width: V.width,
-		height: V.height,
+		src: R.dark,
+		width: R.width,
+		height: R.height,
 		alt: "hintoric",
-		className: w.logoDark,
+		className: C.logoDark,
 		style: {
 			display: "none",
 			margin: "0 auto"
@@ -653,28 +834,291 @@ function H() {
 	})] });
 }
 //#endregion
+//#region src/templates/AuthCode/AuthCodeEmail.tsx
+function B({ purpose: e, code: t, email: n }) {
+	return {
+		purpose: e,
+		code: t,
+		email: n
+	};
+}
+function V(e) {
+	let { messages: t } = e, n = B(e);
+	return /* @__PURE__ */ u(D, {
+		lang: t.lang,
+		preview: t.preview(n),
+		colorScheme: e.colorScheme,
+		footer: /* @__PURE__ */ d(E, {
+			level: "body-xs",
+			component: "p",
+			textAlign: "center",
+			textColor: "icon",
+			style: { fontWeight: 400 },
+			children: [t.footer(n), e.legalNotice && /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("br", {}), e.legalNotice] })]
+		}),
+		children: /* @__PURE__ */ u(H, { ...e })
+	});
+}
+function H(e) {
+	let { messages: t, code: n, url: r, expiresInMinutes: i } = e, a = B(e);
+	return /* @__PURE__ */ d(l, { children: [
+		/* @__PURE__ */ d("div", {
+			style: { textAlign: "center" },
+			children: [
+				/* @__PURE__ */ u(z, {}),
+				/* @__PURE__ */ u(E, {
+					level: "h3",
+					component: "h1",
+					style: {
+						margin: "16px 0 12px",
+						fontFamily: y.heading
+					},
+					children: t.heading(a)
+				}),
+				/* @__PURE__ */ u(E, {
+					level: "body-sm",
+					style: { marginBottom: "24px" },
+					children: t.intro(a)
+				})
+			]
+		}),
+		/* @__PURE__ */ u(j, { children: /* @__PURE__ */ u(E, {
+			level: "h2",
+			component: "p",
+			textAlign: "center",
+			style: {
+				margin: 0,
+				fontFamily: y.code,
+				letterSpacing: "0.25em",
+				textIndent: "0.25em",
+				fontWeight: 700
+			},
+			children: /* @__PURE__ */ u("span", {
+				"data-auth-code": "",
+				children: n
+			})
+		}) }),
+		i !== void 0 && /* @__PURE__ */ u(E, {
+			level: "body-xs",
+			component: "p",
+			textAlign: "center",
+			textColor: "icon",
+			style: {
+				margin: "12px 0 0",
+				fontWeight: 400
+			},
+			children: t.expiry(i)
+		}),
+		r && /* @__PURE__ */ u("div", {
+			style: { marginTop: "24px" },
+			children: /* @__PURE__ */ u(k, {
+				href: r,
+				size: "lg",
+				fullWidth: !0,
+				children: t.button(a)
+			})
+		}),
+		/* @__PURE__ */ u(A, { style: { margin: "32px 0 24px" } }),
+		/* @__PURE__ */ u(E, {
+			level: "body-xs",
+			component: "p",
+			textAlign: "center",
+			style: {
+				margin: 0,
+				fontWeight: 400
+			},
+			children: t.ignore(a)
+		})
+	] });
+}
+async function me(e) {
+	let { html: t, text: n } = await f(/* @__PURE__ */ u(V, { ...e }));
+	return {
+		subject: e.messages.subject(B(e)),
+		html: t,
+		text: n
+	};
+}
+//#endregion
+//#region src/templates/AuthCode/messages.ts
+var he = {
+	verification: "Bestätigungscode",
+	registration: "Registrierungscode",
+	login: "Anmeldecode",
+	recovery: "Wiederherstellungscode"
+}, ge = {
+	verification: "Adresse bestätigen",
+	registration: "Konto anlegen",
+	login: "Anmelden",
+	recovery: "Konto wiederherstellen"
+}, U = (e) => e === "login" || e === "recovery", _e = {
+	lang: "de",
+	subject: ({ purpose: e }) => `Dein ${he[e]} für hintoric`,
+	preview: ({ code: e }) => `Dein Code: ${e}`,
+	heading: ({ purpose: e }) => ge[e],
+	intro: ({ purpose: e, email: t }) => {
+		switch (e) {
+			case "verification": return `Gib diesen Code ein, um ${t ?? "deine E-Mail-Adresse"} zu bestätigen.`;
+			case "registration": return `Gib diesen Code ein, um dein Konto bei hintoric${t ? ` für ${t}` : ""} anzulegen.`;
+			case "login": return `Gib diesen Code ein, um dich${t ? ` als ${t}` : ""} bei hintoric anzumelden.`;
+			case "recovery": return `Gib diesen Code ein, um wieder auf dein Konto bei hintoric${t ? ` (${t})` : ""} zuzugreifen.`;
+		}
+	},
+	button: ({ purpose: e }) => ge[e],
+	expiry: (e) => `Der Code ist ${e} Minuten gültig.`,
+	ignore: ({ purpose: e }) => U(e) ? "Wenn du das nicht angefordert hast, kannst du diese E-Mail ignorieren. Gib den Code an niemanden weiter – hintoric fragt dich nie danach." : "Wenn du das nicht angefordert hast, kannst du diese E-Mail ignorieren.",
+	footer: () => "Du erhältst diese E-Mail, weil mit deiner Adresse ein Code bei hintoric angefordert wurde."
+}, ve = {
+	verification: "verification code",
+	registration: "registration code",
+	login: "sign-in code",
+	recovery: "recovery code"
+}, W = {
+	verification: "Confirm your address",
+	registration: "Create your account",
+	login: "Sign in",
+	recovery: "Recover your account"
+}, ye = {
+	lang: "en",
+	subject: ({ purpose: e }) => `Your hintoric ${ve[e]}`,
+	preview: ({ code: e }) => `Your code: ${e}`,
+	heading: ({ purpose: e }) => W[e],
+	intro: ({ purpose: e, email: t }) => {
+		switch (e) {
+			case "verification": return `Enter this code to confirm ${t ?? "your email address"} for your hintoric account.`;
+			case "registration": return `Enter this code to create your hintoric account${t ? ` for ${t}` : ""}.`;
+			case "login": return `Enter this code to sign in to hintoric${t ? ` as ${t}` : ""}.`;
+			case "recovery": return `Enter this code to get back into your hintoric account${t ? ` (${t})` : ""}.`;
+		}
+	},
+	button: ({ purpose: e }) => W[e],
+	expiry: (e) => `The code is valid for ${e} minutes.`,
+	ignore: ({ purpose: e }) => U(e) ? "If you didn't request this, you can ignore this email. Don't share the code with anyone – hintoric will never ask you for it." : "If you didn't request this, you can ignore this email.",
+	footer: () => "We sent you this email because someone requested a code for your address at hintoric."
+};
+//#endregion
+//#region src/templates/AuthNoAccount/AuthNoAccountEmail.tsx
+function G({ purpose: e, email: t }) {
+	return {
+		purpose: e,
+		email: t
+	};
+}
+function K(e) {
+	let { messages: t } = e, n = G(e);
+	return /* @__PURE__ */ u(D, {
+		lang: t.lang,
+		preview: t.preview(n),
+		colorScheme: e.colorScheme,
+		footer: /* @__PURE__ */ d(E, {
+			level: "body-xs",
+			component: "p",
+			textAlign: "center",
+			textColor: "icon",
+			style: { fontWeight: 400 },
+			children: [t.footer(n), e.legalNotice && /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("br", {}), e.legalNotice] })]
+		}),
+		children: /* @__PURE__ */ u(q, { ...e })
+	});
+}
+function q(e) {
+	let { messages: t, registrationUrl: n } = e, r = G(e);
+	return /* @__PURE__ */ d(l, { children: [
+		/* @__PURE__ */ d("div", {
+			style: { textAlign: "center" },
+			children: [
+				/* @__PURE__ */ u(z, {}),
+				/* @__PURE__ */ u(E, {
+					level: "h3",
+					component: "h1",
+					style: {
+						margin: "16px 0 12px",
+						fontFamily: y.heading
+					},
+					children: t.heading(r)
+				}),
+				/* @__PURE__ */ u(E, {
+					level: "body-sm",
+					style: { marginBottom: "24px" },
+					children: t.body(r)
+				})
+			]
+		}),
+		/* @__PURE__ */ u(L, {
+			color: "warning",
+			children: t.alert(r)
+		}),
+		/* @__PURE__ */ d("div", {
+			style: { textAlign: "center" },
+			children: [/* @__PURE__ */ u(E, {
+				level: "body-sm",
+				style: { margin: n ? "24px 0" : "24px 0 0" },
+				children: t.hint(r)
+			}), n && /* @__PURE__ */ u(k, {
+				href: n,
+				variant: "outlined",
+				color: "neutral",
+				size: "lg",
+				fullWidth: !0,
+				children: t.registerButton
+			})]
+		})
+	] });
+}
+async function be(e) {
+	let { html: t, text: n } = await f(/* @__PURE__ */ u(K, { ...e }));
+	return {
+		subject: e.messages.subject(G(e)),
+		html: t,
+		text: n
+	};
+}
+//#endregion
+//#region src/templates/AuthNoAccount/messages.ts
+var xe = {
+	lang: "de",
+	subject: () => "Zu dieser Adresse gibt es kein Konto bei hintoric",
+	preview: () => "Vielleicht hast du dich mit einer anderen Adresse registriert.",
+	heading: () => "Kein Konto gefunden",
+	body: ({ purpose: e, email: t }) => `Für ${t} wurde ein ${e === "recovery" ? "Wiederherstellungscode" : "Bestätigungscode"} angefordert.`,
+	alert: () => "Zu dieser Adresse gibt es kein Konto bei hintoric.",
+	hint: () => "Vielleicht hast du dich mit einer anderen Adresse registriert. Wenn du den Code nicht angefordert hast, kannst du diese E-Mail ignorieren.",
+	registerButton: "Konto anlegen",
+	footer: () => "Du erhältst diese E-Mail, weil deine Adresse bei hintoric angegeben wurde."
+}, Se = {
+	lang: "en",
+	subject: () => "No hintoric account with this address",
+	preview: () => "Maybe you signed up with a different address.",
+	heading: () => "No account found",
+	body: ({ purpose: e, email: t }) => `A ${e === "recovery" ? "recovery" : "verification"} code was requested for ${t}.`,
+	alert: () => "There is no hintoric account with this address.",
+	hint: () => "Maybe you signed up with a different address. If you didn't request the code, you can ignore this email.",
+	registerButton: "Create an account",
+	footer: () => "We sent you this email because someone entered your address at hintoric."
+};
+//#endregion
 //#region src/templates/SecurityActivityAlert/SecurityActivityAlertEmail.tsx
-function U(e) {
+function J(e) {
 	return {
 		activity: e.activity,
 		target: e.target,
-		targetName: W(e),
+		targetName: Ce(e),
 		occurredAt: e.messages.formatDateTime(e.activity.occurredAt, e.timeZone)
 	};
 }
-function W({ target: e }) {
+function Ce({ target: e }) {
 	return e.type === "workspace" ? e.workspaceName : e.email;
 }
-function G(e) {
+function we(e) {
 	return e.split(/\s+/).map((e) => e.match(/\p{L}/u)?.[0]).filter((e) => e !== void 0).slice(0, 2).map((e) => e.toUpperCase()).join("");
 }
-function K(e) {
-	let { messages: t } = e, n = U(e);
-	return /* @__PURE__ */ u(O, {
+function Y(e) {
+	let { messages: t } = e, n = J(e);
+	return /* @__PURE__ */ u(D, {
 		lang: t.lang,
 		preview: t.preview(n),
 		colorScheme: e.colorScheme,
-		footer: /* @__PURE__ */ d(M, {
+		footer: /* @__PURE__ */ d(E, {
 			level: "body-xs",
 			component: "p",
 			textAlign: "center",
@@ -682,17 +1126,17 @@ function K(e) {
 			style: { fontWeight: 400 },
 			children: [t.footer(n), e.legalNotice && /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("br", {}), e.legalNotice] })]
 		}),
-		children: /* @__PURE__ */ u(q, { ...e })
+		children: /* @__PURE__ */ u(X, { ...e })
 	});
 }
-function q(e) {
-	let { messages: t, activityLogUrl: n } = e, r = U(e);
+function X(e) {
+	let { messages: t, activityLogUrl: n } = e, r = J(e);
 	return /* @__PURE__ */ d(l, { children: [
 		/* @__PURE__ */ d("div", {
 			style: { textAlign: "center" },
 			children: [
-				/* @__PURE__ */ u(H, {}),
-				/* @__PURE__ */ u(M, {
+				/* @__PURE__ */ u(z, {}),
+				/* @__PURE__ */ u(E, {
 					level: "h3",
 					component: "h1",
 					style: {
@@ -701,12 +1145,12 @@ function q(e) {
 					},
 					children: e.activity.title
 				}),
-				/* @__PURE__ */ u(R, {
+				/* @__PURE__ */ u(M, {
 					size: "sm",
 					color: "primary",
-					children: G(r.targetName)
+					children: we(r.targetName)
 				}),
-				/* @__PURE__ */ u(M, {
+				/* @__PURE__ */ u(E, {
 					level: "title-sm",
 					component: "span",
 					style: {
@@ -717,8 +1161,8 @@ function q(e) {
 				})
 			]
 		}),
-		/* @__PURE__ */ u(I, { style: { margin: "32px 0" } }),
-		/* @__PURE__ */ d(M, {
+		/* @__PURE__ */ u(A, { style: { margin: "32px 0" } }),
+		/* @__PURE__ */ d(E, {
 			level: "body-sm",
 			style: { marginBottom: "24px" },
 			children: [
@@ -727,13 +1171,13 @@ function q(e) {
 				t.guidance(r)
 			]
 		}),
-		/* @__PURE__ */ u(P, {
+		/* @__PURE__ */ u(k, {
 			href: e.reviewUrl,
 			size: "lg",
 			fullWidth: !0,
 			children: t.reviewButton
 		}),
-		n && /* @__PURE__ */ u(M, {
+		n && /* @__PURE__ */ u(E, {
 			level: "body-xs",
 			component: "p",
 			textAlign: "center",
@@ -741,7 +1185,7 @@ function q(e) {
 				marginTop: "24px",
 				fontWeight: 400
 			},
-			children: t.activityLogHint((e) => /* @__PURE__ */ u(F, {
+			children: t.activityLogHint((e) => /* @__PURE__ */ u(T, {
 				href: n,
 				underline: "none",
 				children: e
@@ -749,28 +1193,28 @@ function q(e) {
 		})
 	] });
 }
-async function J(e) {
-	let { html: t, text: n } = await f(/* @__PURE__ */ u(K, { ...e }));
+async function Te(e) {
+	let { html: t, text: n } = await f(/* @__PURE__ */ u(Y, { ...e }));
 	return {
-		subject: e.messages.subject(U(e)),
+		subject: e.messages.subject(J(e)),
 		html: t,
 		text: n
 	};
 }
 //#endregion
 //#region src/templates/SecurityActivityAlert/messages.tsx
-function Y(e) {
-	return (t, n) => new Intl.DateTimeFormat(e, {
+function Z(e, t = "") {
+	return (n, r) => new Intl.DateTimeFormat(e, {
 		dateStyle: "long",
 		timeStyle: "short",
-		timeZone: n
-	}).format(t);
+		timeZone: r
+	}).format(n) + t;
 }
-var X = {
+var Ee = {
 	lang: "de",
 	subject: ({ activity: e, targetName: t }) => `${e.title} – ${t}`,
 	preview: ({ activity: e, occurredAt: t }) => `${e.actorName} · ${t}`,
-	summary: ({ activity: e, occurredAt: t }) => `${e.actorName} hat am ${t} eine sicherheitsrelevante Änderung vorgenommen.`,
+	summary: ({ activity: e, occurredAt: t }) => `${e.actorName} hat am ${t} etwas geändert, das die Sicherheit betrifft.`,
 	guidance: () => "Wenn du diese Änderung nicht erwartet hast, prüfe die Aktivität jetzt.",
 	reviewButton: "Aktivität prüfen",
 	activityLogHint: (e) => /* @__PURE__ */ d(l, { children: [
@@ -778,9 +1222,9 @@ var X = {
 		e("Aktivitätsprotokoll"),
 		"."
 	] }),
-	footer: ({ target: e }) => e.type === "workspace" ? "Wir haben dir diese E-Mail gesendet, um dich als Administrator über wichtige Änderungen in deinem Workspace zu informieren." : "Wir haben dir diese E-Mail gesendet, um dich über wichtige Änderungen an deinem hintoric-Konto zu informieren.",
-	formatDateTime: Y("de-DE")
-}, Z = {
+	footer: ({ target: e }) => e.type === "workspace" ? "Du erhältst diese E-Mail, weil du diesen Workspace verwaltest." : "Du erhältst diese E-Mail, weil sie dein Konto bei hintoric betrifft.",
+	formatDateTime: Z("de-DE", " Uhr")
+}, De = {
 	lang: "en",
 	subject: ({ activity: e, targetName: t }) => `${e.title} – ${t}`,
 	preview: ({ activity: e, occurredAt: t }) => `${e.actorName} · ${t}`,
@@ -793,17 +1237,21 @@ var X = {
 		"."
 	] }),
 	footer: ({ target: e }) => e.type === "workspace" ? "We sent you this email to let you know, as an admin, about important changes in your workspace." : "We sent you this email to let you know about important changes to your hintoric account.",
-	formatDateTime: Y("en-GB")
+	formatDateTime: Z("en-GB")
 };
 //#endregion
 //#region src/templates/WaitlistWelcome/WaitlistWelcomeEmail.tsx
 function Q(e) {
 	let { messages: t } = e;
-	return /* @__PURE__ */ u(O, {
+	return /* @__PURE__ */ u(D, {
 		lang: t.lang,
 		preview: t.preview,
 		colorScheme: e.colorScheme,
-		footer: /* @__PURE__ */ d(M, {
+		unsubscribe: e.unsubscribeUrl && t.unsubscribe ? {
+			href: e.unsubscribeUrl,
+			label: t.unsubscribe
+		} : void 0,
+		footer: /* @__PURE__ */ d(E, {
 			level: "body-xs",
 			component: "p",
 			textAlign: "center",
@@ -818,8 +1266,8 @@ function $({ messages: e, websiteUrl: t }) {
 	return /* @__PURE__ */ d("div", {
 		style: { textAlign: "center" },
 		children: [
-			/* @__PURE__ */ u(H, {}),
-			/* @__PURE__ */ u(M, {
+			/* @__PURE__ */ u(z, {}),
+			/* @__PURE__ */ u(E, {
 				level: "body-xs",
 				component: "p",
 				textAlign: "center",
@@ -830,7 +1278,7 @@ function $({ messages: e, websiteUrl: t }) {
 				},
 				children: e.eyebrow
 			}),
-			/* @__PURE__ */ u(M, {
+			/* @__PURE__ */ u(E, {
 				level: "h3",
 				component: "h1",
 				style: {
@@ -839,23 +1287,23 @@ function $({ messages: e, websiteUrl: t }) {
 				},
 				children: e.heading
 			}),
-			/* @__PURE__ */ u(M, {
+			/* @__PURE__ */ u(E, {
 				level: "body-sm",
 				style: { marginBottom: "12px" },
 				children: e.body1
 			}),
-			/* @__PURE__ */ u(M, {
+			/* @__PURE__ */ u(E, {
 				level: "body-sm",
 				style: { marginBottom: "24px" },
 				children: e.body2
 			}),
-			/* @__PURE__ */ u(P, {
+			/* @__PURE__ */ u(k, {
 				href: t,
 				size: "lg",
 				fullWidth: !0,
 				children: e.cta
 			}),
-			/* @__PURE__ */ u(M, {
+			/* @__PURE__ */ u(E, {
 				level: "body-xs",
 				component: "p",
 				textAlign: "center",
@@ -869,7 +1317,7 @@ function $({ messages: e, websiteUrl: t }) {
 		]
 	});
 }
-async function ne(e) {
+async function Oe(e) {
 	let { html: t, text: n } = await f(/* @__PURE__ */ u(Q, { ...e }));
 	return {
 		subject: e.messages.subject,
@@ -879,30 +1327,32 @@ async function ne(e) {
 }
 //#endregion
 //#region src/templates/WaitlistWelcome/messages.ts
-var re = {
+var ke = {
 	lang: "de",
-	subject: "Du bist auf der Hintoric-Warteliste",
-	preview: "Willkommen an Bord — Hintoric",
+	subject: "Du stehst auf der Warteliste von hintoric",
+	preview: "Sobald dein Platz frei wird, bekommst du eine E-Mail.",
 	eyebrow: "Danke, dass du dabei bist",
-	heading: "Willkommen bei Hintoric",
-	body1: "Alles erledigt. Sobald dein Platz frei wird, melden wir uns sofort — du bist einer der Ersten, die Hintoric ausprobieren dürfen.",
-	body2: "Bis dahin halten wir dich auf dem Laufenden. Wenn jemand aus deinem Umfeld auch dazugehören sollte, leite diese Mail gerne weiter.",
+	heading: "Willkommen bei hintoric",
+	body1: "Du stehst auf der Warteliste. Sobald dein Platz frei wird, bekommst du eine E-Mail – und gehörst zu den Ersten, die hintoric ausprobieren.",
+	body2: "Passt hintoric auch zu jemandem aus deinem Umfeld? Dann leite diese E-Mail gern weiter.",
 	cta: "Zu hintoric.com",
-	signoff: "— Dein Hintoric-Team",
-	footer: "Wir haben dir diese E-Mail gesendet, weil du dich für die Hintoric-Warteliste eingetragen hast."
-}, ie = {
+	signoff: "— Dein hintoric-Team",
+	footer: "Du erhältst diese E-Mail, weil du dich auf der Warteliste von hintoric eingetragen hast.",
+	unsubscribe: "E-Mails abbestellen"
+}, Ae = {
 	lang: "en",
-	subject: "You're on the Hintoric waitlist",
-	preview: "Welcome aboard — Hintoric",
+	subject: "You're on the hintoric waitlist",
+	preview: "Welcome aboard — hintoric",
 	eyebrow: "Thanks for joining",
-	heading: "Welcome to Hintoric",
-	body1: "You're all set. As soon as your spot opens up we'll let you know — you'll be one of the first to try Hintoric.",
+	heading: "Welcome to hintoric",
+	body1: "You're all set. As soon as your spot opens up we'll let you know — you'll be one of the first to try hintoric.",
 	body2: "Until then we'll keep you posted. If someone you know should be on the list too, feel free to forward this email.",
 	cta: "Go to hintoric.com",
-	signoff: "— Your Hintoric team",
-	footer: "We sent you this email because you signed up for the Hintoric waitlist."
+	signoff: "— Your hintoric team",
+	footer: "We sent you this email because you signed up for the hintoric waitlist.",
+	unsubscribe: "Unsubscribe"
 };
 //#endregion
-export { R as Avatar, P as Button, L as Card, B as Chip, k as ColorSchemeStyles, I as Divider, m as EMAIL_COLORS, h as EMAIL_VARIANTS, H as HintoricLogo, O as Layout, F as Link, q as SecurityActivityAlertContent, K as SecurityActivityAlertEmail, M as Typography, $ as WaitlistWelcomeContent, Q as WaitlistWelcomeEmail, y as emailFonts, p as emailPalette, b as emailRadius, v as emailSchemes, _ as mainColor, f as renderEmail, J as renderSecurityActivityAlert, ne as renderWaitlistWelcome, S as safeHref, C as safeImageSrc, X as securityActivityAlertMessagesDe, Z as securityActivityAlertMessagesEn, g as variantTokens, re as waitlistWelcomeMessagesDe, ie as waitlistWelcomeMessagesEn };
+export { L as Alert, de as AlertTitle, H as AuthCodeContent, V as AuthCodeEmail, q as AuthNoAccountContent, K as AuthNoAccountEmail, M as Avatar, k as Button, j as Card, pe as Chip, O as ColorSchemeStyles, A as Divider, P as EMAIL_ALERT_ICON_BASE, N as EMAIL_ALERT_ICON_FOR_COLOR, m as EMAIL_COLORS, h as EMAIL_VARIANTS, z as HintoricLogo, D as Layout, T as Link, X as SecurityActivityAlertContent, Y as SecurityActivityAlertEmail, E as Typography, $ as WaitlistWelcomeContent, Q as WaitlistWelcomeEmail, _e as authCodeMessagesDe, ye as authCodeMessagesEn, xe as authNoAccountMessagesDe, Se as authNoAccountMessagesEn, I as emailAlertIcon, ce as emailAlertIconFiles, F as emailAlertIconUrl, y as emailFonts, p as emailPalette, b as emailRadius, v as emailSchemes, _ as mainColor, me as renderAuthCode, be as renderAuthNoAccount, f as renderEmail, Te as renderSecurityActivityAlert, Oe as renderWaitlistWelcome, x as safeHref, S as safeImageSrc, Ee as securityActivityAlertMessagesDe, De as securityActivityAlertMessagesEn, g as variantTokens, ke as waitlistWelcomeMessagesDe, Ae as waitlistWelcomeMessagesEn };
 
 //# sourceMappingURL=index.js.map