@better-auth-ui/react 1.6.8 → 1.6.10

package/dist/components/auth/auth-provider.js

@@ -1,44 +0,0 @@
-"use client";
-import { FetchOptionsProvider as e } from "./fetch-options-provider.js";
-import { deepmerge as t, defaultAuthConfig as n } from "@better-auth-ui/core";
-import { QueryClient as r, QueryClientContext as i, QueryClientProvider as a } from "@tanstack/react-query";
-import { createContext as o, useContext as s } from "react";
-import { jsx as c } from "react/jsx-runtime";
-//#region src/components/auth/auth-provider.tsx
-var l = o(void 0), u = new r({ defaultOptions: { queries: { staleTime: 5e3 } } });
-function d({ children: r, queryClient: o, ...d }) {
-	let f = t(n, {
-		...d,
-		viewPaths: {
-			auth: {
-				...n.viewPaths.auth,
-				...d.viewPaths?.auth
-			},
-			settings: {
-				...n.viewPaths.settings,
-				...d.viewPaths?.settings
-			}
-		}
-	});
-	f.redirectTo = typeof window < "u" && new URLSearchParams(window.location.search).get("redirectTo")?.trim() || f.redirectTo;
-	let p = /* @__PURE__ */ new Map();
-	for (let e of f.plugins ?? []) for (let t of e.additionalFields ?? []) p.set(t.name, t);
-	for (let e of f.additionalFields ?? []) p.set(e.name, e);
-	return f.additionalFields = Array.from(p.values()), s(i) ? /* @__PURE__ */ c(l.Provider, {
-		value: f,
-		children: /* @__PURE__ */ c(e, { children: r })
-	}) : /* @__PURE__ */ c(a, {
-		client: o || u,
-		children: /* @__PURE__ */ c(l.Provider, {
-			value: f,
-			children: /* @__PURE__ */ c(e, { children: r })
-		})
-	});
-}
-function f() {
-	let e = s(l);
-	if (!e) throw Error("[Better Auth UI] AuthProvider is required");
-	return e;
-}
-//#endregion
-export { d as AuthProvider, f as useAuth };

package/dist/components/auth/email/email-changed.js

@@ -1,156 +0,0 @@
-import { cn as e } from "../../../lib/utils.js";
-import t from "./email-styles.js";
-import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
-import { Body as a, Button as o, Container as s, Head as c, Heading as l, Hr as u, Html as d, Img as f, Link as p, Preview as m, Section as h, Tailwind as g, Text as _, pixelBasedPreset as v } from "@react-email/components";
-//#region src/components/auth/email/email-changed.tsx
-var y = {
-	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}"
-}, b = ({ oldEmail: y, newEmail: x, revertURL: S, appName: C, supportEmail: w, logoURL: T, colors: E, classNames: D, darkMode: O = !0, poweredBy: k, head: A, ...j }) => {
-	let M = {
-		...b.localization,
-		...j.localization
-	}, N = M.YOUR_EMAIL_ADDRESS_HAS_BEEN_CHANGED;
-	return /* @__PURE__ */ i(d, { children: [
-		/* @__PURE__ */ i(c, { children: [
-			/* @__PURE__ */ r("meta", {
-				content: "light dark",
-				name: "color-scheme"
-			}),
-			/* @__PURE__ */ r("meta", {
-				content: "light dark",
-				name: "supported-color-schemes"
-			}),
-			/* @__PURE__ */ r(t, {
-				colors: E,
-				darkMode: O
-			}),
-			A
-		] }),
-		/* @__PURE__ */ r(m, { children: N }),
-		/* @__PURE__ */ r(g, {
-			config: { presets: [v] },
-			children: /* @__PURE__ */ r(a, {
-				className: e("bg-background font-sans", D?.body),
-				children: /* @__PURE__ */ r(s, {
-					className: e("mx-auto my-auto max-w-xl px-2 py-10", D?.container),
-					children: /* @__PURE__ */ i(h, {
-						className: e("bg-card text-card-foreground rounded-none border border-border p-8", D?.card),
-						children: [
-							T && (typeof T == "string" ? /* @__PURE__ */ r(f, {
-								src: T,
-								width: 48,
-								height: 48,
-								alt: C || M.LOGO,
-								className: e("mx-auto mb-8", D?.logo)
-							}) : /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r(f, {
-								src: T.light,
-								width: 48,
-								height: 48,
-								alt: C || M.LOGO,
-								className: e("mx-auto mb-8 logo-light", D?.logo)
-							}), /* @__PURE__ */ r(f, {
-								src: T.dark,
-								width: 48,
-								height: 48,
-								alt: C || M.LOGO,
-								className: e("hidden mx-auto mb-8 logo-dark", D?.logo)
-							})] })),
-							/* @__PURE__ */ r(l, {
-								className: e("m-0 mb-5 text-2xl font-semibold", D?.title),
-								children: M.EMAIL_ADDRESS_CHANGED
-							}),
-							/* @__PURE__ */ r(_, {
-								className: e("text-sm font-normal", D?.content),
-								children: M.EMAIL_ADDRESS_FOR_YOUR_ACCOUNT_CHANGED.replace("{appName}", C || "").replace(/\s{2,}/g, " ").replace(" .", ".")
-							}),
-							(y || x) && /* @__PURE__ */ i(h, {
-								className: e("my-6 border border-border bg-muted p-4", D?.codeBlock),
-								children: [y && /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r(_, {
-									className: e("m-0 mb-2 text-xs text-muted-foreground", D?.description),
-									children: M.PREVIOUS_EMAIL
-								}), /* @__PURE__ */ r(_, {
-									className: e("m-0 mb-4 text-sm font-semibold", D?.content),
-									children: y
-								})] }), x && /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r(_, {
-									className: e("m-0 mb-2 text-xs text-muted-foreground", D?.description),
-									children: M.NEW_EMAIL
-								}), /* @__PURE__ */ r(_, {
-									className: e("m-0 text-sm font-semibold text-primary", D?.content),
-									children: x
-								})] })]
-							}),
-							/* @__PURE__ */ r(_, {
-								className: e("text-sm font-normal", D?.content),
-								children: M.IF_YOU_MADE_THIS_CHANGE
-							}),
-							S && /* @__PURE__ */ r(h, {
-								className: "my-6",
-								children: /* @__PURE__ */ r(o, {
-									href: S,
-									className: e("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__ */ r(u, { className: e("my-6 w-full border border-solid border-border", D?.separator) }),
-							C && /* @__PURE__ */ r(_, {
-								className: e("mb-3 text-xs text-muted-foreground", D?.description),
-								children: M.EMAIL_SENT_BY.replace("{appName}", C)
-							}),
-							/* @__PURE__ */ r(_, {
-								className: e("mt-3 text-xs text-muted-foreground", D?.description),
-								children: (() => {
-									let [t, a] = M.IF_YOU_DIDNT_AUTHORIZE_THIS_CHANGE.split("{supportEmail}");
-									return w ? /* @__PURE__ */ i(n, { children: [
-										t,
-										/* @__PURE__ */ r(p, {
-											href: `mailto:${w}`,
-											className: e("text-primary underline", D?.link),
-											children: w
-										}),
-										a
-									] }) : M.IF_YOU_DIDNT_AUTHORIZE_THIS_CHANGE.replace("{supportEmail}", "").replace(/\s{2,}/g, " ").replace(" .", ".");
-								})()
-							}),
-							k && /* @__PURE__ */ r(_, {
-								className: e("mt-4 mb-0 text-center text-[11px] text-muted-foreground", D?.poweredBy),
-								children: (() => {
-									let [t, a] = M.POWERED_BY_BETTER_AUTH.split("{betterAuth}");
-									return /* @__PURE__ */ i(n, { children: [
-										t,
-										/* @__PURE__ */ r(p, {
-											href: "https://better-auth.com",
-											className: e("text-primary underline", D?.link),
-											children: "better-auth"
-										}),
-										a
-									] });
-								})()
-							})
-						]
-					})
-				})
-			})
-		})
-	] });
-};
-b.localization = y, b.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
-export { b as default };

package/dist/components/auth/email/email-localization.js

@@ -1,19 +0,0 @@
-import e from "./email-changed.js";
-import t from "./email-verification.js";
-import n from "./magic-link.js";
-import r from "./new-device.js";
-import i from "./otp-email.js";
-import a from "./password-changed.js";
-import o from "./reset-password.js";
-//#region src/components/auth/email/email-localization.tsx
-var s = {
-	...e.localization,
-	...t.localization,
-	...n.localization,
-	...r.localization,
-	...i.localization,
-	...a.localization,
-	...o.localization
-};
-//#endregion
-export { s as emailLocalization };

package/dist/components/auth/email/email-styles.js

@@ -1,104 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-//#region src/components/auth/email/email-styles.tsx
-var t = {
-	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"
-	}
-}, n = ({ colors: n, darkMode: r = !0 }) => /* @__PURE__ */ e("style", {
-	type: "text/css",
-	children: `
-      .bg-background {
-        background-color: ${n?.light?.background || t.light.background} !important;
-      }
-      .bg-card {
-        background-color: ${n?.light?.card || t.light.card} !important;
-      }
-      .bg-primary {
-        background-color: ${n?.light?.primary || t.light.primary} !important;
-      }
-      .bg-muted {
-        background-color: ${n?.light?.muted || t.light.muted} !important;
-      }
-      .border-border {
-        border-color: ${n?.light?.border || t.light.border} !important;
-      }
-      .text-card-foreground {
-        color: ${n?.light?.cardForeground || t.light.cardForeground} !important;
-      }
-      .text-muted-foreground {
-        color: ${n?.light?.mutedForeground || t.light.mutedForeground} !important;
-      }
-      .text-primary {
-        color: ${n?.light?.primary || t.light.primary} !important;
-      }
-      .text-primary-foreground {
-        color: ${n?.light?.primaryForeground || t.light.primaryForeground} !important;
-      }
-      .logo-dark {
-        display: none !important;
-      }
-      .logo-light {
-        display: block !important;
-      }
-
-      ${r ? `@media (prefers-color-scheme: dark) {
-        .bg-background {
-          background-color: ${n?.dark?.background || t.dark.background} !important;
-        }
-        .bg-card {
-          background-color: ${n?.dark?.card || t.dark.card} !important;
-        }
-        .bg-primary {
-          background-color: ${n?.dark?.primary || t.dark.primary} !important;
-        }
-        .bg-muted {
-          background-color: ${n?.dark?.muted || t.dark.muted} !important;
-        }
-        .border-border {
-          border-color: ${n?.dark?.border || t.dark.border} !important;
-        }
-        .text-card-foreground {
-          color: ${n?.dark?.cardForeground || t.dark.cardForeground} !important;
-        }
-        .text-muted-foreground {
-          color: ${n?.dark?.mutedForeground || t.dark.mutedForeground} !important;
-        }
-        .text-primary {
-          color: ${n?.dark?.primary || t.dark.primary} !important;
-        }
-        .text-primary-foreground {
-          color: ${n?.dark?.primaryForeground || t.dark.primaryForeground} !important;
-        }
-        .logo-dark {
-          display: block !important;
-        }
-        .logo-light {
-          display: none !important;
-        }
-        * {
-          box-shadow: none !important;
-        }
-      }` : ""}
-    `
-});
-//#endregion
-export { n as default, t as defaultColors };

package/dist/components/auth/email/email-verification.js

@@ -1,140 +0,0 @@
-import { cn as e } from "../../../lib/utils.js";
-import t from "./email-styles.js";
-import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
-import { Body as a, Button as o, Container as s, Head as c, Heading as l, Hr as u, Html as d, Img as f, Link as p, Preview as m, Section as h, Tailwind as g, Text as _, pixelBasedPreset as v } from "@react-email/components";
-//#region src/components/auth/email/email-verification.tsx
-var y = {
-	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}"
-}, b = ({ url: y, email: x, appName: S, expirationMinutes: C = 60, logoURL: w, colors: T, classNames: E, darkMode: D = !0, poweredBy: O, head: k, ...A }) => {
-	let j = {
-		...b.localization,
-		...A.localization
-	}, M = j.VERIFY_YOUR_EMAIL_ADDRESS;
-	return /* @__PURE__ */ i(d, { children: [
-		/* @__PURE__ */ i(c, { children: [
-			/* @__PURE__ */ r("meta", {
-				content: "light dark",
-				name: "color-scheme"
-			}),
-			/* @__PURE__ */ r("meta", {
-				content: "light dark",
-				name: "supported-color-schemes"
-			}),
-			/* @__PURE__ */ r(t, {
-				colors: T,
-				darkMode: D
-			}),
-			k
-		] }),
-		/* @__PURE__ */ r(m, { children: M }),
-		/* @__PURE__ */ r(g, {
-			config: { presets: [v] },
-			children: /* @__PURE__ */ r(a, {
-				className: e("bg-background font-sans", E?.body),
-				children: /* @__PURE__ */ r(s, {
-					className: e("mx-auto my-auto max-w-xl px-2 py-10", E?.container),
-					children: /* @__PURE__ */ i(h, {
-						className: e("bg-card text-card-foreground rounded-none border border-border p-8", E?.card),
-						children: [
-							w && (typeof w == "string" ? /* @__PURE__ */ r(f, {
-								src: w,
-								width: 48,
-								height: 48,
-								alt: S || j.LOGO,
-								className: e("mx-auto mb-8", E?.logo)
-							}) : /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r(f, {
-								src: w.light,
-								width: 48,
-								height: 48,
-								alt: S || j.LOGO,
-								className: e("mx-auto mb-8 logo-light", E?.logo)
-							}), /* @__PURE__ */ r(f, {
-								src: w.dark,
-								width: 48,
-								height: 48,
-								alt: S || j.LOGO,
-								className: e("hidden mx-auto mb-8 logo-dark", E?.logo)
-							})] })),
-							/* @__PURE__ */ r(l, {
-								className: e("m-0 mb-5 text-2xl font-semibold", E?.title),
-								children: j.VERIFY_EMAIL_ADDRESS
-							}),
-							/* @__PURE__ */ r(_, {
-								className: e("text-sm font-normal", E?.content),
-								children: (() => {
-									let e = j.CLICK_BUTTON_TO_VERIFY_EMAIL.replace("{appName}", S || "").replace(/\s{2,}/g, " ").replace(" .", "."), [t, a] = e.split("{emailAddress}");
-									return x ? /* @__PURE__ */ i(n, { children: [
-										t,
-										/* @__PURE__ */ r(p, {
-											href: `mailto:${x}`,
-											className: "text-primary font-medium",
-											children: x
-										}),
-										a
-									] }) : e.replace("{emailAddress}", "").replace(/\s{2,}/g, " ").replace(" .", ".");
-								})()
-							}),
-							/* @__PURE__ */ r(h, {
-								className: "my-6",
-								children: /* @__PURE__ */ r(o, {
-									href: y,
-									className: e("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__ */ r(_, {
-								className: e("mb-3 text-xs text-muted-foreground", E?.description),
-								children: j.OR_COPY_AND_PASTE_URL
-							}),
-							/* @__PURE__ */ r(p, {
-								className: e("break-all text-xs text-primary", E?.link),
-								href: y,
-								children: y
-							}),
-							/* @__PURE__ */ r(u, { className: e("my-6 w-full border border-solid border-border", E?.separator) }),
-							C || S ? /* @__PURE__ */ i(_, {
-								className: e("mb-3 text-xs text-muted-foreground", E?.description),
-								children: [C ? j.THIS_LINK_EXPIRES_IN_MINUTES.replace("{expirationMinutes}", C.toString()) : null, S && /* @__PURE__ */ i(n, { children: [C ? " " : "", j.EMAIL_SENT_BY.replace("{appName}", S)] })]
-							}) : null,
-							/* @__PURE__ */ r(_, {
-								className: e("mt-3 text-xs text-muted-foreground", E?.description),
-								children: j.IF_YOU_DIDNT_REQUEST_THIS_EMAIL
-							}),
-							O && /* @__PURE__ */ r(_, {
-								className: e("mt-4 mb-0 text-center text-[11px] text-muted-foreground", E?.poweredBy),
-								children: (() => {
-									let [t, a] = j.POWERED_BY_BETTER_AUTH.split("{betterAuth}");
-									return /* @__PURE__ */ i(n, { children: [
-										t,
-										/* @__PURE__ */ r(p, {
-											href: "https://better-auth.com",
-											className: e("text-primary underline", E?.link),
-											children: "better-auth"
-										}),
-										a
-									] });
-								})()
-							})
-						]
-					})
-				})
-			})
-		})
-	] });
-};
-b.localization = y, b.PreviewProps = {
-	url: "https://better-auth-ui.com/auth/verify-email?token=example-token",
-	appName: "Better Auth",
-	email: "m@example.com",
-	darkMode: !0
-};
-//#endregion
-export { b as default };

package/dist/components/auth/email/index.js

@@ -1,9 +0,0 @@
-import "./email-styles.js";
-import "./email-changed.js";
-import "./email-verification.js";
-import "./magic-link.js";
-import "./new-device.js";
-import "./otp-email.js";
-import "./password-changed.js";
-import "./reset-password.js";
-import "./email-localization.js";

package/dist/components/auth/email/magic-link.js

@@ -1,141 +0,0 @@
-import { cn as e } from "../../../lib/utils.js";
-import t from "./email-styles.js";
-import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
-import { Body as a, Button as o, Container as s, Head as c, Heading as l, Hr as u, Html as d, Img as f, Link as p, Preview as m, Section as h, Tailwind as g, Text as _, pixelBasedPreset as v } from "@react-email/components";
-//#region src/components/auth/email/magic-link.tsx
-var y = {
-	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}"
-}, b = ({ url: y, email: x, appName: S, expirationMinutes: C = 5, logoURL: w, colors: T, classNames: E, darkMode: D = !0, poweredBy: O, head: k, ...A }) => {
-	let j = {
-		...b.localization,
-		...A.localization
-	}, M = S ? j.SIGN_IN_TO_APP_NAME.replace("{appName}", S) : j.SIGN_IN_TO_YOUR_ACCOUNT;
-	return /* @__PURE__ */ i(d, { children: [
-		/* @__PURE__ */ i(c, { children: [
-			/* @__PURE__ */ r("meta", {
-				content: "light dark",
-				name: "color-scheme"
-			}),
-			/* @__PURE__ */ r("meta", {
-				content: "light dark",
-				name: "supported-color-schemes"
-			}),
-			/* @__PURE__ */ r(t, {
-				colors: T,
-				darkMode: D
-			}),
-			k
-		] }),
-		/* @__PURE__ */ r(m, { children: M }),
-		/* @__PURE__ */ r(g, {
-			config: { presets: [v] },
-			children: /* @__PURE__ */ r(a, {
-				className: e("bg-background font-sans", E?.body),
-				children: /* @__PURE__ */ r(s, {
-					className: e("mx-auto my-auto max-w-xl px-2 py-10", E?.container),
-					children: /* @__PURE__ */ i(h, {
-						className: e("bg-card text-card-foreground rounded-none border border-border p-8", E?.card),
-						children: [
-							w && (typeof w == "string" ? /* @__PURE__ */ r(f, {
-								src: w,
-								width: 48,
-								height: 48,
-								alt: S || j.LOGO,
-								className: e("mx-auto mb-8", E?.logo)
-							}) : /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r(f, {
-								src: w.light,
-								width: 48,
-								height: 48,
-								alt: S || j.LOGO,
-								className: e("mx-auto mb-8 logo-light", E?.logo)
-							}), /* @__PURE__ */ r(f, {
-								src: w.dark,
-								width: 48,
-								height: 48,
-								alt: S || j.LOGO,
-								className: e("hidden mx-auto mb-8 logo-dark", E?.logo)
-							})] })),
-							/* @__PURE__ */ r(l, {
-								className: e("m-0 mb-5 text-2xl font-semibold", E?.title),
-								children: S ? j.SIGN_IN_TO_APP_NAME.replace("{appName}", S) : j.SIGN_IN_TO_YOUR_ACCOUNT
-							}),
-							/* @__PURE__ */ r(_, {
-								className: e("m-0 text-sm font-normal", E?.content),
-								children: (() => {
-									let [e, t] = j.CLICK_BUTTON_TO_SIGN_IN.split("{emailAddress}");
-									return x ? /* @__PURE__ */ i(n, { children: [
-										e,
-										/* @__PURE__ */ r(p, {
-											href: `mailto:${x}`,
-											className: "text-primary font-medium",
-											children: x
-										}),
-										t
-									] }) : j.CLICK_BUTTON_TO_SIGN_IN.replace("{emailAddress}", "").replace(/\s{2,}/g, " ").replace(" .", ".");
-								})()
-							}),
-							/* @__PURE__ */ r(h, {
-								className: "my-6",
-								children: /* @__PURE__ */ r(o, {
-									href: y,
-									className: e("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: S ? j.SIGN_IN_TO_APP_NAME.replace("{appName}", S) : j.SIGN_IN_TO_YOUR_ACCOUNT
-								})
-							}),
-							/* @__PURE__ */ r(_, {
-								className: e("m-0 mb-3 text-xs text-muted-foreground", E?.description),
-								children: j.OR_COPY_AND_PASTE_URL
-							}),
-							/* @__PURE__ */ r(p, {
-								className: e("break-all text-xs text-primary", E?.link),
-								href: y,
-								children: y
-							}),
-							/* @__PURE__ */ r(u, { className: e("my-6 w-full border border-solid border-border", E?.separator) }),
-							C || S ? /* @__PURE__ */ i(_, {
-								className: e("m-0 mb-3 text-xs text-muted-foreground", E?.description),
-								children: [C ? j.THIS_LINK_EXPIRES_IN_MINUTES.replace("{expirationMinutes}", C.toString()) : null, S && /* @__PURE__ */ i(n, { children: [C ? " " : "", j.EMAIL_SENT_BY.replace("{appName}", S)] })]
-							}) : null,
-							/* @__PURE__ */ r(_, {
-								className: e("m-0 text-xs text-muted-foreground", E?.description),
-								children: j.IF_YOU_DIDNT_REQUEST_THIS_EMAIL
-							}),
-							O && /* @__PURE__ */ r(_, {
-								className: e("m-0 mt-4 text-center text-[11px] text-muted-foreground", E?.poweredBy),
-								children: (() => {
-									let [t, a] = j.POWERED_BY_BETTER_AUTH.split("{betterAuth}");
-									return /* @__PURE__ */ i(n, { children: [
-										t,
-										/* @__PURE__ */ r(p, {
-											href: "https://better-auth.com",
-											className: e("text-primary underline", E?.link),
-											children: "better-auth"
-										}),
-										a
-									] });
-								})()
-							})
-						]
-					})
-				})
-			})
-		})
-	] });
-};
-b.localization = y, b.PreviewProps = {
-	url: "https://better-auth-ui.com/auth/verify?token=example-token",
-	email: "m@example.com",
-	appName: "Better Auth",
-	darkMode: !0
-};
-//#endregion
-export { b as default };