@better-auth-ui/react 1.6.9 → 1.6.11

package/dist/email.js

@@ -1 +1,1348 @@
-export * from "./components/auth/email";
+import { Fragment as e, jsx as t, jsxs as n } from "react/jsx-runtime";
+import { Body as r, Button as i, Container as a, Head as o, Heading as s, Hr as c, Html as l, Img as u, Link as d, Preview as f, Section as p, Tailwind as m, Text as h, pixelBasedPreset as g } from "@react-email/components";
+import { clsx as _ } from "clsx";
+import { twMerge as v } from "tailwind-merge";
+//#region src/lib/utils.ts
+function y(...e) {
+	return v(_(e));
+}
+//#endregion
+//#region src/components/auth/email/email-styles.tsx
+var b = {
+	light: {
+		background: "#F5F5F5",
+		border: "#E5E5E5",
+		card: "#FFFFFF",
+		cardForeground: "#0A0A0A",
+		foreground: "#262626",
+		muted: "#F5F5F5",
+		mutedForeground: "#737373",
+		primary: "#171717",
+		primaryForeground: "#FAFAFA"
+	},
+	dark: {
+		background: "#0A0A0A",
+		border: "#2E2E2E",
+		card: "#171717",
+		cardForeground: "#FAFAFA",
+		foreground: "#D4D4D4",
+		muted: "#212121",
+		mutedForeground: "#A1A1A1",
+		primary: "#E5E5E5",
+		primaryForeground: "#171717"
+	}
+}, x = ({ colors: e, darkMode: n = !0 }) => /* @__PURE__ */ t("style", {
+	type: "text/css",
+	children: `
+      .bg-background {
+        background-color: ${e?.light?.background || b.light.background} !important;
+      }
+      .bg-card {
+        background-color: ${e?.light?.card || b.light.card} !important;
+      }
+      .bg-primary {
+        background-color: ${e?.light?.primary || b.light.primary} !important;
+      }
+      .bg-muted {
+        background-color: ${e?.light?.muted || b.light.muted} !important;
+      }
+      .border-border {
+        border-color: ${e?.light?.border || b.light.border} !important;
+      }
+      .text-card-foreground {
+        color: ${e?.light?.cardForeground || b.light.cardForeground} !important;
+      }
+      .text-muted-foreground {
+        color: ${e?.light?.mutedForeground || b.light.mutedForeground} !important;
+      }
+      .text-primary {
+        color: ${e?.light?.primary || b.light.primary} !important;
+      }
+      .text-primary-foreground {
+        color: ${e?.light?.primaryForeground || b.light.primaryForeground} !important;
+      }
+      .logo-dark {
+        display: none !important;
+      }
+      .logo-light {
+        display: block !important;
+      }
+
+      ${n ? `@media (prefers-color-scheme: dark) {
+        .bg-background {
+          background-color: ${e?.dark?.background || b.dark.background} !important;
+        }
+        .bg-card {
+          background-color: ${e?.dark?.card || b.dark.card} !important;
+        }
+        .bg-primary {
+          background-color: ${e?.dark?.primary || b.dark.primary} !important;
+        }
+        .bg-muted {
+          background-color: ${e?.dark?.muted || b.dark.muted} !important;
+        }
+        .border-border {
+          border-color: ${e?.dark?.border || b.dark.border} !important;
+        }
+        .text-card-foreground {
+          color: ${e?.dark?.cardForeground || b.dark.cardForeground} !important;
+        }
+        .text-muted-foreground {
+          color: ${e?.dark?.mutedForeground || b.dark.mutedForeground} !important;
+        }
+        .text-primary {
+          color: ${e?.dark?.primary || b.dark.primary} !important;
+        }
+        .text-primary-foreground {
+          color: ${e?.dark?.primaryForeground || b.dark.primaryForeground} !important;
+        }
+        .logo-dark {
+          display: block !important;
+        }
+        .logo-light {
+          display: none !important;
+        }
+        * {
+          box-shadow: none !important;
+        }
+      }` : ""}
+    `
+}), S = {
+	YOUR_EMAIL_ADDRESS_HAS_BEEN_CHANGED: "Your email address has been changed",
+	LOGO: "Logo",
+	EMAIL_ADDRESS_CHANGED: "Email address changed",
+	EMAIL_ADDRESS_FOR_YOUR_ACCOUNT_CHANGED: "The email address for your {appName} account has been changed.",
+	PREVIOUS_EMAIL: "Previous email:",
+	NEW_EMAIL: "New email:",
+	IF_YOU_MADE_THIS_CHANGE: "If you made this change, you can safely ignore this email.",
+	I_DIDNT_MAKE_THIS_CHANGE: "I didn't make this change",
+	EMAIL_SENT_BY: "Email sent by {appName}.",
+	IF_YOU_DIDNT_AUTHORIZE_THIS_CHANGE: "If you didn't authorize this change, please contact support immediately {supportEmail} to secure your account.",
+	POWERED_BY_BETTER_AUTH: "Powered by {betterAuth}"
+}, C = ({ oldEmail: _, newEmail: v, revertURL: b, appName: S, supportEmail: w, logoURL: T, colors: E, classNames: D, darkMode: O = !0, poweredBy: k, head: A, ...j }) => {
+	let M = {
+		...C.localization,
+		...j.localization
+	}, N = M.YOUR_EMAIL_ADDRESS_HAS_BEEN_CHANGED;
+	return /* @__PURE__ */ n(l, { children: [
+		/* @__PURE__ */ n(o, { children: [
+			/* @__PURE__ */ t("meta", {
+				content: "light dark",
+				name: "color-scheme"
+			}),
+			/* @__PURE__ */ t("meta", {
+				content: "light dark",
+				name: "supported-color-schemes"
+			}),
+			/* @__PURE__ */ t(x, {
+				colors: E,
+				darkMode: O
+			}),
+			A
+		] }),
+		/* @__PURE__ */ t(f, { children: N }),
+		/* @__PURE__ */ t(m, {
+			config: { presets: [g] },
+			children: /* @__PURE__ */ t(r, {
+				className: y("bg-background font-sans", D?.body),
+				children: /* @__PURE__ */ t(a, {
+					className: y("mx-auto my-auto max-w-xl px-2 py-10", D?.container),
+					children: /* @__PURE__ */ n(p, {
+						className: y("bg-card text-card-foreground rounded-none border border-border p-8", D?.card),
+						children: [
+							T && (typeof T == "string" ? /* @__PURE__ */ t(u, {
+								src: T,
+								width: 48,
+								height: 48,
+								alt: S || M.LOGO,
+								className: y("mx-auto mb-8", D?.logo)
+							}) : /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t(u, {
+								src: T.light,
+								width: 48,
+								height: 48,
+								alt: S || M.LOGO,
+								className: y("mx-auto mb-8 logo-light", D?.logo)
+							}), /* @__PURE__ */ t(u, {
+								src: T.dark,
+								width: 48,
+								height: 48,
+								alt: S || M.LOGO,
+								className: y("hidden mx-auto mb-8 logo-dark", D?.logo)
+							})] })),
+							/* @__PURE__ */ t(s, {
+								className: y("m-0 mb-5 text-2xl font-semibold", D?.title),
+								children: M.EMAIL_ADDRESS_CHANGED
+							}),
+							/* @__PURE__ */ t(h, {
+								className: y("text-sm font-normal", D?.content),
+								children: M.EMAIL_ADDRESS_FOR_YOUR_ACCOUNT_CHANGED.replace("{appName}", S || "").replace(/\s{2,}/g, " ").replace(" .", ".")
+							}),
+							(_ || v) && /* @__PURE__ */ n(p, {
+								className: y("my-6 border border-border bg-muted p-4", D?.codeBlock),
+								children: [_ && /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t(h, {
+									className: y("m-0 mb-2 text-xs text-muted-foreground", D?.description),
+									children: M.PREVIOUS_EMAIL
+								}), /* @__PURE__ */ t(h, {
+									className: y("m-0 mb-4 text-sm font-semibold", D?.content),
+									children: _
+								})] }), v && /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t(h, {
+									className: y("m-0 mb-2 text-xs text-muted-foreground", D?.description),
+									children: M.NEW_EMAIL
+								}), /* @__PURE__ */ t(h, {
+									className: y("m-0 text-sm font-semibold text-primary", D?.content),
+									children: v
+								})] })]
+							}),
+							/* @__PURE__ */ t(h, {
+								className: y("text-sm font-normal", D?.content),
+								children: M.IF_YOU_MADE_THIS_CHANGE
+							}),
+							b && /* @__PURE__ */ t(p, {
+								className: "my-6",
+								children: /* @__PURE__ */ t(i, {
+									href: b,
+									className: y("inline-block whitespace-nowrap rounded-none text-sm font-medium py-2.5 px-6 bg-primary text-primary-foreground no-underline", D?.button),
+									children: M.I_DIDNT_MAKE_THIS_CHANGE
+								})
+							}),
+							/* @__PURE__ */ t(c, { className: y("my-6 w-full border border-solid border-border", D?.separator) }),
+							S && /* @__PURE__ */ t(h, {
+								className: y("mb-3 text-xs text-muted-foreground", D?.description),
+								children: M.EMAIL_SENT_BY.replace("{appName}", S)
+							}),
+							/* @__PURE__ */ t(h, {
+								className: y("mt-3 text-xs text-muted-foreground", D?.description),
+								children: (() => {
+									let [r, i] = M.IF_YOU_DIDNT_AUTHORIZE_THIS_CHANGE.split("{supportEmail}");
+									return w ? /* @__PURE__ */ n(e, { children: [
+										r,
+										/* @__PURE__ */ t(d, {
+											href: `mailto:${w}`,
+											className: y("text-primary underline", D?.link),
+											children: w
+										}),
+										i
+									] }) : M.IF_YOU_DIDNT_AUTHORIZE_THIS_CHANGE.replace("{supportEmail}", "").replace(/\s{2,}/g, " ").replace(" .", ".");
+								})()
+							}),
+							k && /* @__PURE__ */ t(h, {
+								className: y("mt-4 mb-0 text-center text-[11px] text-muted-foreground", D?.poweredBy),
+								children: (() => {
+									let [r, i] = M.POWERED_BY_BETTER_AUTH.split("{betterAuth}");
+									return /* @__PURE__ */ n(e, { children: [
+										r,
+										/* @__PURE__ */ t(d, {
+											href: "https://better-auth.com",
+											className: y("text-primary underline", D?.link),
+											children: "better-auth"
+										}),
+										i
+									] });
+								})()
+							})
+						]
+					})
+				})
+			})
+		})
+	] });
+};
+C.localization = S, C.PreviewProps = {
+	oldEmail: "old@example.com",
+	newEmail: "new@example.com",
+	supportEmail: "support@example.com",
+	revertURL: "https://better-auth-ui.com/auth/revert-email?token=example-token",
+	appName: "Better Auth",
+	poweredBy: !0,
+	darkMode: !0
+};
+//#endregion
+//#region src/components/auth/email/email-verification.tsx
+var w = {
+	VERIFY_YOUR_EMAIL_ADDRESS: "Verify your email address",
+	LOGO: "Logo",
+	CLICK_BUTTON_TO_VERIFY_EMAIL: "Click the button below to verify your email address {emailAddress} for your {appName} account.",
+	VERIFY_EMAIL_ADDRESS: "Verify email address",
+	OR_COPY_AND_PASTE_URL: "Or copy and paste this URL into your browser:",
+	THIS_LINK_EXPIRES_IN_MINUTES: "This link expires in {expirationMinutes} minutes.",
+	EMAIL_SENT_BY: "Email sent by {appName}.",
+	IF_YOU_DIDNT_REQUEST_THIS_EMAIL: "If you didn't request this email, you can safely ignore it. Someone else might have typed your email address by mistake.",
+	POWERED_BY_BETTER_AUTH: "Powered by {betterAuth}"
+}, T = ({ url: _, email: v, appName: b, expirationMinutes: S = 60, logoURL: C, colors: w, classNames: E, darkMode: D = !0, poweredBy: O, head: k, ...A }) => {
+	let j = {
+		...T.localization,
+		...A.localization
+	}, M = j.VERIFY_YOUR_EMAIL_ADDRESS;
+	return /* @__PURE__ */ n(l, { children: [
+		/* @__PURE__ */ n(o, { children: [
+			/* @__PURE__ */ t("meta", {
+				content: "light dark",
+				name: "color-scheme"
+			}),
+			/* @__PURE__ */ t("meta", {
+				content: "light dark",
+				name: "supported-color-schemes"
+			}),
+			/* @__PURE__ */ t(x, {
+				colors: w,
+				darkMode: D
+			}),
+			k
+		] }),
+		/* @__PURE__ */ t(f, { children: M }),
+		/* @__PURE__ */ t(m, {
+			config: { presets: [g] },
+			children: /* @__PURE__ */ t(r, {
+				className: y("bg-background font-sans", E?.body),
+				children: /* @__PURE__ */ t(a, {
+					className: y("mx-auto my-auto max-w-xl px-2 py-10", E?.container),
+					children: /* @__PURE__ */ n(p, {
+						className: y("bg-card text-card-foreground rounded-none border border-border p-8", E?.card),
+						children: [
+							C && (typeof C == "string" ? /* @__PURE__ */ t(u, {
+								src: C,
+								width: 48,
+								height: 48,
+								alt: b || j.LOGO,
+								className: y("mx-auto mb-8", E?.logo)
+							}) : /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t(u, {
+								src: C.light,
+								width: 48,
+								height: 48,
+								alt: b || j.LOGO,
+								className: y("mx-auto mb-8 logo-light", E?.logo)
+							}), /* @__PURE__ */ t(u, {
+								src: C.dark,
+								width: 48,
+								height: 48,
+								alt: b || j.LOGO,
+								className: y("hidden mx-auto mb-8 logo-dark", E?.logo)
+							})] })),
+							/* @__PURE__ */ t(s, {
+								className: y("m-0 mb-5 text-2xl font-semibold", E?.title),
+								children: j.VERIFY_EMAIL_ADDRESS
+							}),
+							/* @__PURE__ */ t(h, {
+								className: y("text-sm font-normal", E?.content),
+								children: (() => {
+									let r = j.CLICK_BUTTON_TO_VERIFY_EMAIL.replace("{appName}", b || "").replace(/\s{2,}/g, " ").replace(" .", "."), [i, a] = r.split("{emailAddress}");
+									return v ? /* @__PURE__ */ n(e, { children: [
+										i,
+										/* @__PURE__ */ t(d, {
+											href: `mailto:${v}`,
+											className: "text-primary font-medium",
+											children: v
+										}),
+										a
+									] }) : r.replace("{emailAddress}", "").replace(/\s{2,}/g, " ").replace(" .", ".");
+								})()
+							}),
+							/* @__PURE__ */ t(p, {
+								className: "my-6",
+								children: /* @__PURE__ */ t(i, {
+									href: _,
+									className: y("inline-block whitespace-nowrap rounded-none text-sm font-medium py-2.5 px-6 bg-primary text-primary-foreground no-underline", E?.button),
+									children: j.VERIFY_EMAIL_ADDRESS
+								})
+							}),
+							/* @__PURE__ */ t(h, {
+								className: y("mb-3 text-xs text-muted-foreground", E?.description),
+								children: j.OR_COPY_AND_PASTE_URL
+							}),
+							/* @__PURE__ */ t(d, {
+								className: y("break-all text-xs text-primary", E?.link),
+								href: _,
+								children: _
+							}),
+							/* @__PURE__ */ t(c, { className: y("my-6 w-full border border-solid border-border", E?.separator) }),
+							S || b ? /* @__PURE__ */ n(h, {
+								className: y("mb-3 text-xs text-muted-foreground", E?.description),
+								children: [S ? j.THIS_LINK_EXPIRES_IN_MINUTES.replace("{expirationMinutes}", S.toString()) : null, b && /* @__PURE__ */ n(e, { children: [S ? " " : "", j.EMAIL_SENT_BY.replace("{appName}", b)] })]
+							}) : null,
+							/* @__PURE__ */ t(h, {
+								className: y("mt-3 text-xs text-muted-foreground", E?.description),
+								children: j.IF_YOU_DIDNT_REQUEST_THIS_EMAIL
+							}),
+							O && /* @__PURE__ */ t(h, {
+								className: y("mt-4 mb-0 text-center text-[11px] text-muted-foreground", E?.poweredBy),
+								children: (() => {
+									let [r, i] = j.POWERED_BY_BETTER_AUTH.split("{betterAuth}");
+									return /* @__PURE__ */ n(e, { children: [
+										r,
+										/* @__PURE__ */ t(d, {
+											href: "https://better-auth.com",
+											className: y("text-primary underline", E?.link),
+											children: "better-auth"
+										}),
+										i
+									] });
+								})()
+							})
+						]
+					})
+				})
+			})
+		})
+	] });
+};
+T.localization = w, T.PreviewProps = {
+	url: "https://better-auth-ui.com/auth/verify-email?token=example-token",
+	appName: "Better Auth",
+	email: "m@example.com",
+	darkMode: !0
+};
+//#endregion
+//#region src/components/auth/email/magic-link.tsx
+var E = {
+	SIGN_IN_TO_APP_NAME: "Sign in to {appName}",
+	SIGN_IN_TO_YOUR_ACCOUNT: "Sign in to your account",
+	YOUR_ACCOUNT: "your account",
+	LOGO: "Logo",
+	CLICK_BUTTON_TO_SIGN_IN: "Click the button below to sign in to your account {emailAddress}.",
+	OR_COPY_AND_PASTE_URL: "Or copy and paste this URL into your browser:",
+	THIS_LINK_EXPIRES_IN_MINUTES: "This link expires in {expirationMinutes} minutes.",
+	EMAIL_SENT_BY: "Email sent by {appName}.",
+	IF_YOU_DIDNT_REQUEST_THIS_EMAIL: "If you didn't request this email, you can safely ignore it. Someone else might have typed your email address by mistake.",
+	POWERED_BY_BETTER_AUTH: "Powered by {betterAuth}"
+}, D = ({ url: _, email: v, appName: b, expirationMinutes: S = 5, logoURL: C, colors: w, classNames: T, darkMode: E = !0, poweredBy: O, head: k, ...A }) => {
+	let j = {
+		...D.localization,
+		...A.localization
+	}, M = b ? j.SIGN_IN_TO_APP_NAME.replace("{appName}", b) : j.SIGN_IN_TO_YOUR_ACCOUNT;
+	return /* @__PURE__ */ n(l, { children: [
+		/* @__PURE__ */ n(o, { children: [
+			/* @__PURE__ */ t("meta", {
+				content: "light dark",
+				name: "color-scheme"
+			}),
+			/* @__PURE__ */ t("meta", {
+				content: "light dark",
+				name: "supported-color-schemes"
+			}),
+			/* @__PURE__ */ t(x, {
+				colors: w,
+				darkMode: E
+			}),
+			k
+		] }),
+		/* @__PURE__ */ t(f, { children: M }),
+		/* @__PURE__ */ t(m, {
+			config: { presets: [g] },
+			children: /* @__PURE__ */ t(r, {
+				className: y("bg-background font-sans", T?.body),
+				children: /* @__PURE__ */ t(a, {
+					className: y("mx-auto my-auto max-w-xl px-2 py-10", T?.container),
+					children: /* @__PURE__ */ n(p, {
+						className: y("bg-card text-card-foreground rounded-none border border-border p-8", T?.card),
+						children: [
+							C && (typeof C == "string" ? /* @__PURE__ */ t(u, {
+								src: C,
+								width: 48,
+								height: 48,
+								alt: b || j.LOGO,
+								className: y("mx-auto mb-8", T?.logo)
+							}) : /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t(u, {
+								src: C.light,
+								width: 48,
+								height: 48,
+								alt: b || j.LOGO,
+								className: y("mx-auto mb-8 logo-light", T?.logo)
+							}), /* @__PURE__ */ t(u, {
+								src: C.dark,
+								width: 48,
+								height: 48,
+								alt: b || j.LOGO,
+								className: y("hidden mx-auto mb-8 logo-dark", T?.logo)
+							})] })),
+							/* @__PURE__ */ t(s, {
+								className: y("m-0 mb-5 text-2xl font-semibold", T?.title),
+								children: b ? j.SIGN_IN_TO_APP_NAME.replace("{appName}", b) : j.SIGN_IN_TO_YOUR_ACCOUNT
+							}),
+							/* @__PURE__ */ t(h, {
+								className: y("m-0 text-sm font-normal", T?.content),
+								children: (() => {
+									let [r, i] = j.CLICK_BUTTON_TO_SIGN_IN.split("{emailAddress}");
+									return v ? /* @__PURE__ */ n(e, { children: [
+										r,
+										/* @__PURE__ */ t(d, {
+											href: `mailto:${v}`,
+											className: "text-primary font-medium",
+											children: v
+										}),
+										i
+									] }) : j.CLICK_BUTTON_TO_SIGN_IN.replace("{emailAddress}", "").replace(/\s{2,}/g, " ").replace(" .", ".");
+								})()
+							}),
+							/* @__PURE__ */ t(p, {
+								className: "my-6",
+								children: /* @__PURE__ */ t(i, {
+									href: _,
+									className: y("inline-block whitespace-nowrap rounded-none text-sm font-medium py-2.5 px-6 bg-primary text-primary-foreground no-underline", T?.button),
+									children: b ? j.SIGN_IN_TO_APP_NAME.replace("{appName}", b) : j.SIGN_IN_TO_YOUR_ACCOUNT
+								})
+							}),
+							/* @__PURE__ */ t(h, {
+								className: y("m-0 mb-3 text-xs text-muted-foreground", T?.description),
+								children: j.OR_COPY_AND_PASTE_URL
+							}),
+							/* @__PURE__ */ t(d, {
+								className: y("break-all text-xs text-primary", T?.link),
+								href: _,
+								children: _
+							}),
+							/* @__PURE__ */ t(c, { className: y("my-6 w-full border border-solid border-border", T?.separator) }),
+							S || b ? /* @__PURE__ */ n(h, {
+								className: y("m-0 mb-3 text-xs text-muted-foreground", T?.description),
+								children: [S ? j.THIS_LINK_EXPIRES_IN_MINUTES.replace("{expirationMinutes}", S.toString()) : null, b && /* @__PURE__ */ n(e, { children: [S ? " " : "", j.EMAIL_SENT_BY.replace("{appName}", b)] })]
+							}) : null,
+							/* @__PURE__ */ t(h, {
+								className: y("m-0 text-xs text-muted-foreground", T?.description),
+								children: j.IF_YOU_DIDNT_REQUEST_THIS_EMAIL
+							}),
+							O && /* @__PURE__ */ t(h, {
+								className: y("m-0 mt-4 text-center text-[11px] text-muted-foreground", T?.poweredBy),
+								children: (() => {
+									let [r, i] = j.POWERED_BY_BETTER_AUTH.split("{betterAuth}");
+									return /* @__PURE__ */ n(e, { children: [
+										r,
+										/* @__PURE__ */ t(d, {
+											href: "https://better-auth.com",
+											className: y("text-primary underline", T?.link),
+											children: "better-auth"
+										}),
+										i
+									] });
+								})()
+							})
+						]
+					})
+				})
+			})
+		})
+	] });
+};
+D.localization = E, D.PreviewProps = {
+	url: "https://better-auth-ui.com/auth/verify?token=example-token",
+	email: "m@example.com",
+	appName: "Better Auth",
+	darkMode: !0
+};
+//#endregion
+//#region src/components/auth/email/new-device.tsx
+var O = {
+	NEW_SIGN_IN_DETECTED: "New sign-in detected",
+	LOGO: "Logo",
+	NEW_SIGN_IN_TO_YOUR_ACCOUNT: "We detected a new sign-in to your {appName} account {userEmail} from a device we don't recognize.",
+	DEVICE_DETAILS: "Device details",
+	BROWSER: "Browser",
+	OPERATING_SYSTEM: "Operating System",
+	LOCATION: "Location",
+	IP_ADDRESS: "IP Address",
+	TIME: "Time",
+	IF_THIS_WAS_YOU: "If this was you, you can safely ignore this email. If you don't recognize this activity, please secure your account immediately.",
+	SECURE_MY_ACCOUNT: "Secure my account",
+	EMAIL_SENT_BY: "Email sent by {appName}.",
+	IF_YOU_DIDNT_SIGN_IN: "If you didn't sign in, please contact support immediately {supportEmail} to secure your account.",
+	POWERED_BY_BETTER_AUTH: "Powered by {betterAuth}"
+}, k = ({ userEmail: _, deviceInfo: v, secureAccountLink: b, appName: S, supportEmail: C, logoURL: w, colors: T, classNames: E, darkMode: D = !0, poweredBy: O, head: A, ...j }) => {
+	let M = {
+		...k.localization,
+		...j.localization
+	}, N = M.NEW_SIGN_IN_DETECTED;
+	return /* @__PURE__ */ n(l, { children: [
+		/* @__PURE__ */ n(o, { children: [
+			/* @__PURE__ */ t("meta", {
+				content: "light dark",
+				name: "color-scheme"
+			}),
+			/* @__PURE__ */ t("meta", {
+				content: "light dark",
+				name: "supported-color-schemes"
+			}),
+			/* @__PURE__ */ t(x, {
+				colors: T,
+				darkMode: D
+			}),
+			A
+		] }),
+		/* @__PURE__ */ t(f, { children: N }),
+		/* @__PURE__ */ t(m, {
+			config: { presets: [g] },
+			children: /* @__PURE__ */ t(r, {
+				className: y("bg-background font-sans", E?.body),
+				children: /* @__PURE__ */ t(a, {
+					className: y("mx-auto my-auto max-w-xl px-2 py-10", E?.container),
+					children: /* @__PURE__ */ n(p, {
+						className: y("bg-card text-card-foreground rounded-none border border-border p-8", E?.card),
+						children: [
+							w && (typeof w == "string" ? /* @__PURE__ */ t(u, {
+								src: w,
+								width: 48,
+								height: 48,
+								alt: S || M.LOGO,
+								className: y("mx-auto mb-8", E?.logo)
+							}) : /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t(u, {
+								src: w.light,
+								width: 48,
+								height: 48,
+								alt: S || M.LOGO,
+								className: y("mx-auto mb-8 logo-light", E?.logo)
+							}), /* @__PURE__ */ t(u, {
+								src: w.dark,
+								width: 48,
+								height: 48,
+								alt: S || M.LOGO,
+								className: y("hidden mx-auto mb-8 logo-dark", E?.logo)
+							})] })),
+							/* @__PURE__ */ t(s, {
+								className: y("m-0 mb-5 text-2xl font-semibold", E?.title),
+								children: M.NEW_SIGN_IN_DETECTED
+							}),
+							/* @__PURE__ */ t(h, {
+								className: y("text-sm font-normal", E?.content),
+								children: (() => {
+									let r = M.NEW_SIGN_IN_TO_YOUR_ACCOUNT.replace("{appName}", S || "").replace(/\s{2,}/g, " ").replace(" .", "."), [i, a] = r.split("{userEmail}");
+									return _ ? /* @__PURE__ */ n(e, { children: [
+										i,
+										/* @__PURE__ */ t(d, {
+											href: `mailto:${_}`,
+											className: "text-primary font-medium",
+											children: _
+										}),
+										a
+									] }) : r.replace("{userEmail}", "").replace(/\s{2,}/g, " ").replace(" .", ".");
+								})()
+							}),
+							v && /* @__PURE__ */ n(p, {
+								className: y("my-6 border border-border bg-muted p-4", E?.codeBlock),
+								children: [
+									/* @__PURE__ */ n(h, {
+										className: y("m-0 mb-3 text-xs text-muted-foreground", E?.description),
+										children: [M.DEVICE_DETAILS, ":"]
+									}),
+									v.browser && /* @__PURE__ */ n(h, {
+										className: y("m-0 mb-2 text-sm", E?.content),
+										children: [
+											/* @__PURE__ */ n("span", {
+												className: "font-semibold",
+												children: [M.BROWSER, ":"]
+											}),
+											" ",
+											v.browser
+										]
+									}),
+									v.os && /* @__PURE__ */ n(h, {
+										className: y("m-0 mb-2 text-sm", E?.content),
+										children: [
+											/* @__PURE__ */ n("span", {
+												className: "font-semibold",
+												children: [M.OPERATING_SYSTEM, ":"]
+											}),
+											" ",
+											v.os
+										]
+									}),
+									v.location && /* @__PURE__ */ n(h, {
+										className: y("m-0 mb-2 text-sm", E?.content),
+										children: [
+											/* @__PURE__ */ n("span", {
+												className: "font-semibold",
+												children: [M.LOCATION, ":"]
+											}),
+											" ",
+											v.location
+										]
+									}),
+									v.ipAddress && /* @__PURE__ */ n(h, {
+										className: y("m-0 mb-2 text-sm", E?.content),
+										children: [
+											/* @__PURE__ */ n("span", {
+												className: "font-semibold",
+												children: [M.IP_ADDRESS, ":"]
+											}),
+											" ",
+											v.ipAddress
+										]
+									}),
+									v.timestamp && /* @__PURE__ */ n(h, {
+										className: y("m-0 text-sm", E?.content),
+										children: [
+											/* @__PURE__ */ n("span", {
+												className: "font-semibold",
+												children: [M.TIME, ":"]
+											}),
+											" ",
+											v.timestamp
+										]
+									})
+								]
+							}),
+							/* @__PURE__ */ t(h, {
+								className: y("text-sm font-normal", E?.content),
+								children: M.IF_THIS_WAS_YOU
+							}),
+							b && /* @__PURE__ */ t(p, {
+								className: "mt-6",
+								children: /* @__PURE__ */ t(i, {
+									href: b,
+									className: y("inline-block whitespace-nowrap rounded-none text-sm font-medium py-2.5 px-6 bg-primary text-primary-foreground no-underline", E?.button),
+									children: M.SECURE_MY_ACCOUNT
+								})
+							}),
+							/* @__PURE__ */ t(c, { className: y("my-6 w-full border border-solid border-border", E?.separator) }),
+							S && /* @__PURE__ */ t(h, {
+								className: y("mb-3 text-xs text-muted-foreground", E?.description),
+								children: M.EMAIL_SENT_BY.replace("{appName}", S)
+							}),
+							/* @__PURE__ */ t(h, {
+								className: y("mt-3 text-xs text-muted-foreground", E?.description),
+								children: (() => {
+									let [r, i] = M.IF_YOU_DIDNT_SIGN_IN.split("{supportEmail}");
+									return C ? /* @__PURE__ */ n(e, { children: [
+										r,
+										/* @__PURE__ */ t(d, {
+											href: `mailto:${C}`,
+											className: y("text-primary underline", E?.link),
+											children: C
+										}),
+										i
+									] }) : M.IF_YOU_DIDNT_SIGN_IN.replace("{supportEmail}", "").replace(/\s{2,}/g, " ").replace(" .", ".");
+								})()
+							}),
+							O && /* @__PURE__ */ t(h, {
+								className: y("mt-4 mb-0 text-center text-[11px] text-muted-foreground", E?.poweredBy),
+								children: (() => {
+									let [r, i] = M.POWERED_BY_BETTER_AUTH.split("{betterAuth}");
+									return /* @__PURE__ */ n(e, { children: [
+										r,
+										/* @__PURE__ */ t(d, {
+											href: "https://better-auth.com",
+											className: y("text-primary underline", E?.link),
+											children: "better-auth"
+										}),
+										i
+									] });
+								})()
+							})
+						]
+					})
+				})
+			})
+		})
+	] });
+};
+k.localization = O, k.PreviewProps = {
+	userEmail: "m@example.com",
+	deviceInfo: {
+		browser: "Chrome on macOS",
+		os: "macOS 26.2",
+		location: "San Francisco, CA, United States",
+		ipAddress: "127.0.0.1",
+		timestamp: "February 10, 2025 at 4:20 PM UTC"
+	},
+	secureAccountLink: "https://better-auth-ui.com/auth/secure-account",
+	appName: "Better Auth",
+	supportEmail: "support@example.com",
+	darkMode: !0
+};
+//#endregion
+//#region src/components/auth/email/organization-invitation.tsx
+var A = {
+	YOU_RE_INVITED_TO_ORGANIZATION: "You're invited to {organizationName}",
+	YOU_RE_INVITED: "You're invited",
+	LOGO: "Logo",
+	ORGANIZATION_LOGO: "Organization logo",
+	INVITED_TO_JOIN_ORGANIZATION: "{inviterName} ({inviterEmail}) has invited you to join {organizationName} on {appName} as a {role}.",
+	ACCEPT_INVITATION: "Accept invitation",
+	VIEW_INVITATION: "View invitation",
+	OR_COPY_AND_PASTE_URL: "Or copy and paste this URL into your browser:",
+	THIS_INVITATION_EXPIRES_IN_HOURS: "This invitation expires in {expirationHours} hours.",
+	EMAIL_SENT_BY: "Email sent by {appName}.",
+	IF_YOU_DIDNT_EXPECT_THIS_INVITATION: "If you didn't expect this invitation, you can safely ignore this email.",
+	POWERED_BY_BETTER_AUTH: "Powered by {betterAuth}"
+}, j = ({ url: _, email: v, inviterName: b, inviterEmail: S, organizationName: C, organizationLogoURL: w, role: T, appName: E, expirationHours: D = 48, logoURL: O, colors: k, classNames: A, darkMode: M = !0, poweredBy: N, head: P, ...F }) => {
+	let I = {
+		...j.localization,
+		...F.localization
+	}, L = C ? I.YOU_RE_INVITED_TO_ORGANIZATION.replace("{organizationName}", C) : I.YOU_RE_INVITED;
+	return /* @__PURE__ */ n(l, { children: [
+		/* @__PURE__ */ n(o, { children: [
+			/* @__PURE__ */ t("meta", {
+				content: "light dark",
+				name: "color-scheme"
+			}),
+			/* @__PURE__ */ t("meta", {
+				content: "light dark",
+				name: "supported-color-schemes"
+			}),
+			/* @__PURE__ */ t(x, {
+				colors: k,
+				darkMode: M
+			}),
+			P
+		] }),
+		/* @__PURE__ */ t(f, { children: L }),
+		/* @__PURE__ */ t(m, {
+			config: { presets: [g] },
+			children: /* @__PURE__ */ t(r, {
+				className: y("bg-background font-sans", A?.body),
+				children: /* @__PURE__ */ t(a, {
+					className: y("mx-auto my-auto max-w-xl px-2 py-10", A?.container),
+					children: /* @__PURE__ */ n(p, {
+						className: y("bg-card text-card-foreground rounded-none border border-border p-8", A?.card),
+						children: [
+							O && (typeof O == "string" ? /* @__PURE__ */ t(u, {
+								src: O,
+								width: 48,
+								height: 48,
+								alt: E || I.LOGO,
+								className: y("mx-auto mb-8", A?.logo)
+							}) : /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t(u, {
+								src: O.light,
+								width: 48,
+								height: 48,
+								alt: E || I.LOGO,
+								className: y("mx-auto mb-8 logo-light", A?.logo)
+							}), /* @__PURE__ */ t(u, {
+								src: O.dark,
+								width: 48,
+								height: 48,
+								alt: E || I.LOGO,
+								className: y("hidden mx-auto mb-8 logo-dark", A?.logo)
+							})] })),
+							/* @__PURE__ */ t(s, {
+								className: y("m-0 mb-5 text-2xl font-semibold", A?.title),
+								children: C ? I.YOU_RE_INVITED_TO_ORGANIZATION.replace("{organizationName}", C) : I.YOU_RE_INVITED
+							}),
+							w && (typeof w == "string" ? /* @__PURE__ */ t(u, {
+								src: w,
+								width: 56,
+								height: 56,
+								alt: C || I.ORGANIZATION_LOGO,
+								className: y("mb-5 rounded-md", A?.logo)
+							}) : /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t(u, {
+								src: w.light,
+								width: 56,
+								height: 56,
+								alt: C || I.ORGANIZATION_LOGO,
+								className: y("mb-5 rounded-md logo-light", A?.logo)
+							}), /* @__PURE__ */ t(u, {
+								src: w.dark,
+								width: 56,
+								height: 56,
+								alt: C || I.ORGANIZATION_LOGO,
+								className: y("hidden mb-5 rounded-md logo-dark", A?.logo)
+							})] })),
+							/* @__PURE__ */ t(h, {
+								className: y("m-0 text-sm font-normal", A?.content),
+								children: (() => {
+									let r = I.INVITED_TO_JOIN_ORGANIZATION.replace("{appName}", E || "").replace("{organizationName}", C || "").replace("{role}", T || "");
+									!b && !S && (r = r.replace("{inviterName} ({inviterEmail})", "Someone").replace("{inviterName}", "Someone").replace("({inviterEmail})", ""));
+									let [i, a] = r.split("{inviterName}"), o = (r) => {
+										let [i, a] = r.split("{inviterEmail}");
+										return S ? /* @__PURE__ */ n(e, { children: [
+											i,
+											/* @__PURE__ */ t(d, {
+												href: `mailto:${S}`,
+												className: "text-primary font-medium",
+												children: S
+											}),
+											a
+										] }) : r.replace("({inviterEmail})", "").replace("{inviterEmail}", "").replace(/\s{2,}/g, " ").replace(" .", ".");
+									};
+									return b ? /* @__PURE__ */ n(e, { children: [
+										i,
+										/* @__PURE__ */ t("span", {
+											className: "font-medium",
+											children: b
+										}),
+										o(a ?? "")
+									] }) : o(r.replace("{inviterName}", "").replace(/\s{2,}/g, " ").replace(" .", "."));
+								})()
+							}),
+							/* @__PURE__ */ t(p, {
+								className: "my-6",
+								children: /* @__PURE__ */ t(i, {
+									href: _,
+									className: y("inline-block whitespace-nowrap rounded-none text-sm font-medium py-2.5 px-6 bg-primary text-primary-foreground no-underline", A?.button),
+									children: I.ACCEPT_INVITATION
+								})
+							}),
+							/* @__PURE__ */ t(h, {
+								className: y("m-0 mb-3 text-xs text-muted-foreground", A?.description),
+								children: I.OR_COPY_AND_PASTE_URL
+							}),
+							/* @__PURE__ */ t(d, {
+								className: y("break-all text-xs text-primary", A?.link),
+								href: _,
+								children: _
+							}),
+							/* @__PURE__ */ t(c, { className: y("my-6 w-full border border-solid border-border", A?.separator) }),
+							D || E ? /* @__PURE__ */ n(h, {
+								className: y("m-0 mb-3 text-xs text-muted-foreground", A?.description),
+								children: [D ? I.THIS_INVITATION_EXPIRES_IN_HOURS.replace("{expirationHours}", D.toString()) : null, E && /* @__PURE__ */ n(e, { children: [D ? " " : "", I.EMAIL_SENT_BY.replace("{appName}", E)] })]
+							}) : null,
+							/* @__PURE__ */ t(h, {
+								className: y("m-0 text-xs text-muted-foreground", A?.description),
+								children: I.IF_YOU_DIDNT_EXPECT_THIS_INVITATION
+							}),
+							N && /* @__PURE__ */ t(h, {
+								className: y("m-0 mt-4 text-center text-[11px] text-muted-foreground", A?.poweredBy),
+								children: (() => {
+									let [r, i] = I.POWERED_BY_BETTER_AUTH.split("{betterAuth}");
+									return /* @__PURE__ */ n(e, { children: [
+										r,
+										/* @__PURE__ */ t(d, {
+											href: "https://better-auth.com",
+											className: y("text-primary underline", A?.link),
+											children: "better-auth"
+										}),
+										i
+									] });
+								})()
+							})
+						]
+					})
+				})
+			})
+		})
+	] });
+};
+j.localization = A, j.PreviewProps = {
+	url: "https://better-auth-ui.com/settings/organizations",
+	email: "m@example.com",
+	inviterName: "Jane Doe",
+	inviterEmail: "jane@example.com",
+	organizationName: "Acme Inc.",
+	role: "member",
+	appName: "Better Auth",
+	expirationHours: 48,
+	darkMode: !0
+};
+//#endregion
+//#region src/components/auth/email/otp-email.tsx
+var M = {
+	YOUR_VERIFICATION_CODE_IS_CODE: "Your verification code is {verificationCode}",
+	LOGO: "Logo",
+	VERIFY_YOUR_EMAIL: "Verify your email",
+	WE_NEED_TO_VERIFY_YOUR_EMAIL_ADDRESS: "We need to verify your email address {email} before you can access your {appName} account. Enter the code below in your open browser window.",
+	THIS_CODE_EXPIRES_IN_MINUTES: "This code expires in {expirationMinutes} minutes.",
+	EMAIL_SENT_BY: "Email sent by {appName}.",
+	IF_YOU_DIDNT_REQUEST_THIS_EMAIL: "If you didn't request this email, you can safely ignore it. Someone else might have typed your email address by mistake.",
+	POWERED_BY_BETTER_AUTH: "Powered by {betterAuth}"
+}, N = ({ verificationCode: i, email: _, appName: v, expirationMinutes: b = 10, logoURL: S, colors: C, classNames: w, darkMode: T = !0, poweredBy: E, head: D, ...O }) => {
+	let k = {
+		...N.localization,
+		...O.localization
+	}, A = k.YOUR_VERIFICATION_CODE_IS_CODE.replace("{verificationCode}", i);
+	return /* @__PURE__ */ n(l, { children: [
+		/* @__PURE__ */ n(o, { children: [
+			/* @__PURE__ */ t("meta", {
+				content: "light dark",
+				name: "color-scheme"
+			}),
+			/* @__PURE__ */ t("meta", {
+				content: "light dark",
+				name: "supported-color-schemes"
+			}),
+			/* @__PURE__ */ t(x, {
+				colors: C,
+				darkMode: T
+			}),
+			D
+		] }),
+		/* @__PURE__ */ t(f, { children: A }),
+		/* @__PURE__ */ t(m, {
+			config: { presets: [g] },
+			children: /* @__PURE__ */ t(r, {
+				className: y("bg-background font-sans", w?.body),
+				children: /* @__PURE__ */ t(a, {
+					className: y("mx-auto my-auto max-w-xl px-2 py-10", w?.container),
+					children: /* @__PURE__ */ n(p, {
+						className: y("bg-card text-card-foreground rounded-none border border-border p-8", w?.card),
+						children: [
+							S && (typeof S == "string" ? /* @__PURE__ */ t(u, {
+								src: S,
+								width: 48,
+								height: 48,
+								alt: v || k.LOGO,
+								className: y("mx-auto mb-8", w?.logo)
+							}) : /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t(u, {
+								src: S.light,
+								width: 48,
+								height: 48,
+								alt: v || k.LOGO,
+								className: y("mx-auto mb-8 logo-light", w?.logo)
+							}), /* @__PURE__ */ t(u, {
+								src: S.dark,
+								width: 48,
+								height: 48,
+								alt: v || k.LOGO,
+								className: y("hidden mx-auto mb-8 logo-dark", w?.logo)
+							})] })),
+							/* @__PURE__ */ t(s, {
+								className: y("mb-5 text-2xl font-semibold", w?.title),
+								children: k.VERIFY_YOUR_EMAIL
+							}),
+							/* @__PURE__ */ t(h, {
+								className: y("text-sm font-normal", w?.content),
+								children: (() => {
+									let r = k.WE_NEED_TO_VERIFY_YOUR_EMAIL_ADDRESS.replace("{appName}", v || "").replace(/\s{2,}/g, " ").replace(" .", "."), [i, a] = r.split("{email}");
+									return _ ? /* @__PURE__ */ n(e, { children: [
+										i,
+										/* @__PURE__ */ t(d, {
+											href: `mailto:${_}`,
+											className: "text-primary font-medium",
+											children: _
+										}),
+										a
+									] }) : r.replace("{email}", "").replace(/\s{2,}/g, " ").replace(" .", ".");
+								})()
+							}),
+							/* @__PURE__ */ t(p, {
+								className: y("my-6 border border-border bg-muted p-6", w?.codeBlock),
+								children: /* @__PURE__ */ t(h, {
+									className: y("m-0 text-center text-4xl font-semibold tracking-widest", w?.title),
+									children: i
+								})
+							}),
+							/* @__PURE__ */ t(c, { className: y("my-6 w-full border border-solid border-border", w?.separator) }),
+							/* @__PURE__ */ n(h, {
+								className: y("mb-3 text-xs text-muted-foreground", w?.description),
+								children: [k.THIS_CODE_EXPIRES_IN_MINUTES.replace("{expirationMinutes}", b.toString()), v && /* @__PURE__ */ n(e, { children: [" ", k.EMAIL_SENT_BY.replace("{appName}", v)] })]
+							}),
+							/* @__PURE__ */ t(h, {
+								className: y("mt-3 text-xs text-muted-foreground", w?.description),
+								children: k.IF_YOU_DIDNT_REQUEST_THIS_EMAIL
+							}),
+							E && /* @__PURE__ */ t(h, {
+								className: y("mt-4 mb-0 text-center text-[11px] text-muted-foreground", w?.poweredBy),
+								children: (() => {
+									let [r, i] = k.POWERED_BY_BETTER_AUTH.split("{betterAuth}");
+									return /* @__PURE__ */ n(e, { children: [
+										r,
+										/* @__PURE__ */ t(d, {
+											href: "https://better-auth.com",
+											className: y("text-primary underline", w?.link),
+											children: "better-auth"
+										}),
+										i
+									] });
+								})()
+							})
+						]
+					})
+				})
+			})
+		})
+	] });
+};
+N.localization = M, N.PreviewProps = {
+	verificationCode: "069420",
+	email: "m@example.com",
+	appName: "Better Auth",
+	darkMode: !0
+};
+//#endregion
+//#region src/components/auth/email/password-changed.tsx
+var P = {
+	YOUR_PASSWORD_HAS_BEEN_CHANGED: "Your password has been changed",
+	LOGO: "Logo",
+	PASSWORD_CHANGED_SUCCESSFULLY: "Password changed successfully",
+	PASSWORD_FOR_YOUR_ACCOUNT_CHANGED: "The password for your {appName} account {userEmail} has been changed successfully.",
+	CHANGED_AT: "Changed at",
+	IF_YOU_MADE_THIS_CHANGE: "If you made this change, you can safely ignore this email. Your account is secure.",
+	I_DIDNT_MAKE_THIS_CHANGE: "I didn't make this change",
+	EMAIL_SENT_BY: "Email sent by {appName}.",
+	IF_YOU_DIDNT_AUTHORIZE_THIS_CHANGE: "If you didn't authorize this change, please contact support immediately {supportEmail} to secure your account.",
+	POWERED_BY_BETTER_AUTH: "Powered by {betterAuth}"
+}, F = ({ email: _, timestamp: v, secureAccountURL: b, appName: S, supportEmail: C, logoURL: w, colors: T, classNames: E, darkMode: D = !0, poweredBy: O, head: k, ...A }) => {
+	let j = {
+		...F.localization,
+		...A.localization
+	}, M = j.YOUR_PASSWORD_HAS_BEEN_CHANGED;
+	return /* @__PURE__ */ n(l, { children: [
+		/* @__PURE__ */ n(o, { children: [
+			/* @__PURE__ */ t("meta", {
+				content: "light dark",
+				name: "color-scheme"
+			}),
+			/* @__PURE__ */ t("meta", {
+				content: "light dark",
+				name: "supported-color-schemes"
+			}),
+			/* @__PURE__ */ t(x, {
+				colors: T,
+				darkMode: D
+			}),
+			k
+		] }),
+		/* @__PURE__ */ t(f, { children: M }),
+		/* @__PURE__ */ t(m, {
+			config: { presets: [g] },
+			children: /* @__PURE__ */ t(r, {
+				className: y("bg-background font-sans", E?.body),
+				children: /* @__PURE__ */ t(a, {
+					className: y("mx-auto my-auto max-w-xl px-2 py-10", E?.container),
+					children: /* @__PURE__ */ n(p, {
+						className: y("bg-card text-card-foreground rounded-none border border-border p-8", E?.card),
+						children: [
+							w && (typeof w == "string" ? /* @__PURE__ */ t(u, {
+								src: w,
+								width: 48,
+								height: 48,
+								alt: S || j.LOGO,
+								className: y("mx-auto mb-8", E?.logo)
+							}) : /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t(u, {
+								src: w.light,
+								width: 48,
+								height: 48,
+								alt: S || j.LOGO,
+								className: y("mx-auto mb-8 logo-light", E?.logo)
+							}), /* @__PURE__ */ t(u, {
+								src: w.dark,
+								width: 48,
+								height: 48,
+								alt: S || j.LOGO,
+								className: y("hidden mx-auto mb-8 logo-dark", E?.logo)
+							})] })),
+							/* @__PURE__ */ t(s, {
+								className: y("m-0 mb-5 text-2xl font-semibold", E?.title),
+								children: j.PASSWORD_CHANGED_SUCCESSFULLY
+							}),
+							/* @__PURE__ */ t(h, {
+								className: y("text-sm font-normal", E?.content),
+								children: (() => {
+									let r = j.PASSWORD_FOR_YOUR_ACCOUNT_CHANGED.replace("{appName}", S || "").replace(/\s{2,}/g, " ").replace(" .", "."), [i, a] = r.split("{userEmail}");
+									return _ ? /* @__PURE__ */ n(e, { children: [
+										i,
+										/* @__PURE__ */ t(d, {
+											href: `mailto:${_}`,
+											className: "text-primary font-medium",
+											children: _
+										}),
+										a
+									] }) : r.replace("{userEmail}", "").replace(/\s{2,}/g, " ").replace(" .", ".");
+								})()
+							}),
+							v && /* @__PURE__ */ n(p, {
+								className: y("my-6 border border-border bg-muted p-4", E?.codeBlock),
+								children: [/* @__PURE__ */ n(h, {
+									className: y("m-0 mb-2 text-xs text-muted-foreground", E?.description),
+									children: [j.CHANGED_AT, ":"]
+								}), /* @__PURE__ */ t(h, {
+									className: y("m-0 text-sm font-semibold", E?.content),
+									children: v
+								})]
+							}),
+							/* @__PURE__ */ t(h, {
+								className: y("text-sm font-normal", E?.content),
+								children: j.IF_YOU_MADE_THIS_CHANGE
+							}),
+							b && /* @__PURE__ */ t(p, {
+								className: "mt-6",
+								children: /* @__PURE__ */ t(i, {
+									href: b,
+									className: y("inline-block whitespace-nowrap rounded-none text-sm font-medium py-2.5 px-6 bg-primary text-primary-foreground no-underline", E?.button),
+									children: j.I_DIDNT_MAKE_THIS_CHANGE
+								})
+							}),
+							/* @__PURE__ */ t(c, { className: y("my-6 w-full border border-solid border-border", E?.separator) }),
+							S && /* @__PURE__ */ t(h, {
+								className: y("mb-3 text-xs text-muted-foreground", E?.description),
+								children: j.EMAIL_SENT_BY.replace("{appName}", S)
+							}),
+							/* @__PURE__ */ t(h, {
+								className: y("mt-3 text-xs text-muted-foreground", E?.description),
+								children: (() => {
+									let [r, i] = j.IF_YOU_DIDNT_AUTHORIZE_THIS_CHANGE.split("{supportEmail}");
+									return C ? /* @__PURE__ */ n(e, { children: [
+										r,
+										/* @__PURE__ */ t(d, {
+											href: `mailto:${C}`,
+											className: y("text-primary underline", E?.link),
+											children: C
+										}),
+										i
+									] }) : j.IF_YOU_DIDNT_AUTHORIZE_THIS_CHANGE.replace("{supportEmail}", "").replace(/\s{2,}/g, " ").replace(" .", ".");
+								})()
+							}),
+							O && /* @__PURE__ */ t(h, {
+								className: y("mt-4 mb-0 text-center text-[11px] text-muted-foreground", E?.poweredBy),
+								children: (() => {
+									let [r, i] = j.POWERED_BY_BETTER_AUTH.split("{betterAuth}");
+									return /* @__PURE__ */ n(e, { children: [
+										r,
+										/* @__PURE__ */ t(d, {
+											href: "https://better-auth.com",
+											className: y("text-primary underline", E?.link),
+											children: "better-auth"
+										}),
+										i
+									] });
+								})()
+							})
+						]
+					})
+				})
+			})
+		})
+	] });
+};
+F.localization = P, F.PreviewProps = {
+	email: "m@example.com",
+	timestamp: "February 10, 2025 at 4:20 PM UTC",
+	secureAccountURL: "https://better-auth-ui.com/settings/security",
+	appName: "Better Auth",
+	supportEmail: "support@example.com",
+	darkMode: !0
+};
+//#endregion
+//#region src/components/auth/email/reset-password.tsx
+var I = {
+	RESET_YOUR_PASSWORD: "Reset your password",
+	LOGO: "Logo",
+	WE_RECEIVED_REQUEST_TO_RESET_PASSWORD: "We received a request to reset the password for your {appName} account {email}.",
+	RESET_PASSWORD: "Reset password",
+	OR_COPY_AND_PASTE_URL: "Or copy and paste this URL into your browser:",
+	THIS_LINK_EXPIRES_IN_MINUTES: "This link expires in {expirationMinutes} minutes.",
+	EMAIL_SENT_BY: "Email sent by {appName}.",
+	IF_YOU_DIDNT_REQUEST_PASSWORD_RESET: "If you didn't request a password reset, you can safely ignore this email. Your password will remain unchanged.",
+	POWERED_BY_BETTER_AUTH: "Powered by {betterAuth}"
+}, L = ({ url: _, email: v, appName: b, expirationMinutes: S = 60, logoURL: C, colors: w, classNames: T, darkMode: E = !0, poweredBy: D, head: O, ...k }) => {
+	let A = {
+		...L.localization,
+		...k.localization
+	}, j = A.RESET_YOUR_PASSWORD;
+	return /* @__PURE__ */ n(l, { children: [
+		/* @__PURE__ */ n(o, { children: [
+			/* @__PURE__ */ t("meta", {
+				content: "light dark",
+				name: "color-scheme"
+			}),
+			/* @__PURE__ */ t("meta", {
+				content: "light dark",
+				name: "supported-color-schemes"
+			}),
+			/* @__PURE__ */ t(x, {
+				colors: w,
+				darkMode: E
+			}),
+			O
+		] }),
+		/* @__PURE__ */ t(f, { children: j }),
+		/* @__PURE__ */ t(m, {
+			config: { presets: [g] },
+			children: /* @__PURE__ */ t(r, {
+				className: y("bg-background font-sans", T?.body),
+				children: /* @__PURE__ */ t(a, {
+					className: y("mx-auto my-auto max-w-xl px-2 py-10", T?.container),
+					children: /* @__PURE__ */ n(p, {
+						className: y("bg-card text-card-foreground rounded-none border border-border p-8", T?.card),
+						children: [
+							C && (typeof C == "string" ? /* @__PURE__ */ t(u, {
+								src: C,
+								width: 48,
+								height: 48,
+								alt: b || A.LOGO,
+								className: y("mx-auto mb-8", T?.logo)
+							}) : /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t(u, {
+								src: C.light,
+								width: 48,
+								height: 48,
+								alt: b || A.LOGO,
+								className: y("mx-auto mb-8 logo-light", T?.logo)
+							}), /* @__PURE__ */ t(u, {
+								src: C.dark,
+								width: 48,
+								height: 48,
+								alt: b || A.LOGO,
+								className: y("hidden mx-auto mb-8 logo-dark", T?.logo)
+							})] })),
+							/* @__PURE__ */ t(s, {
+								className: y("m-0 mb-5 text-2xl font-semibold", T?.title),
+								children: A.RESET_YOUR_PASSWORD
+							}),
+							/* @__PURE__ */ t(h, {
+								className: y("text-sm", T?.content),
+								children: (() => {
+									let r = A.WE_RECEIVED_REQUEST_TO_RESET_PASSWORD.replace("{appName}", b || "").replace(/\s{2,}/g, " ").replace(" .", "."), [i, a] = r.split("{email}");
+									return v ? /* @__PURE__ */ n(e, { children: [
+										i,
+										/* @__PURE__ */ t(d, {
+											href: `mailto:${v}`,
+											className: "text-primary font-medium",
+											children: v
+										}),
+										a
+									] }) : r.replace("{email}", "").replace(/\s{2,}/g, " ").replace(" .", ".");
+								})()
+							}),
+							/* @__PURE__ */ t(p, {
+								className: "my-6",
+								children: /* @__PURE__ */ t(i, {
+									href: _,
+									className: y("inline-block whitespace-nowrap rounded-none text-sm font-medium py-2.5 px-6 bg-primary text-primary-foreground no-underline", T?.button),
+									children: A.RESET_PASSWORD
+								})
+							}),
+							/* @__PURE__ */ t(h, {
+								className: y("m-0 mb-3 text-xs text-muted-foreground", T?.description),
+								children: A.OR_COPY_AND_PASTE_URL
+							}),
+							/* @__PURE__ */ t(d, {
+								className: y("break-all text-xs text-primary", T?.link),
+								href: _,
+								children: _
+							}),
+							/* @__PURE__ */ t(c, { className: y("my-6 w-full border border-solid border-border", T?.separator) }),
+							S || b ? /* @__PURE__ */ n(h, {
+								className: y("m-0 mb-3 text-xs text-muted-foreground", T?.description),
+								children: [S ? A.THIS_LINK_EXPIRES_IN_MINUTES.replace("{expirationMinutes}", S.toString()) : null, b && /* @__PURE__ */ n(e, { children: [S ? " " : "", A.EMAIL_SENT_BY.replace("{appName}", b)] })]
+							}) : null,
+							/* @__PURE__ */ t(h, {
+								className: y("m-0 text-xs text-muted-foreground", T?.description),
+								children: A.IF_YOU_DIDNT_REQUEST_PASSWORD_RESET
+							}),
+							D && /* @__PURE__ */ t(h, {
+								className: y("m-0 mt-4 text-center text-[11px] text-muted-foreground", T?.poweredBy),
+								children: (() => {
+									let [r, i] = A.POWERED_BY_BETTER_AUTH.split("{betterAuth}");
+									return /* @__PURE__ */ n(e, { children: [
+										r,
+										/* @__PURE__ */ t(d, {
+											href: "https://better-auth.com",
+											className: y("text-primary underline", T?.link),
+											children: "better-auth"
+										}),
+										i
+									] });
+								})()
+							})
+						]
+					})
+				})
+			})
+		})
+	] });
+};
+L.localization = I, L.PreviewProps = {
+	url: "https://better-auth-ui.com/auth/reset-password?token=example-token",
+	email: "m@example.com",
+	appName: "Better Auth",
+	darkMode: !0
+};
+//#endregion
+//#region src/components/auth/email/email-localization.tsx
+var R = {
+	...C.localization,
+	...T.localization,
+	...D.localization,
+	...k.localization,
+	...j.localization,
+	...N.localization,
+	...F.localization,
+	...L.localization
+};
+//#endregion
+export { C as EmailChangedEmail, x as EmailStyles, T as EmailVerificationEmail, D as MagicLinkEmail, k as NewDeviceEmail, j as OrganizationInvitationEmail, N as OtpEmail, F as PasswordChangedEmail, L as ResetPasswordEmail, b as defaultColors, R as emailLocalization };