@better-auth-ui/react 1.6.0 → 1.6.2

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

@@ -1,76 +1,159 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Body, Button, Container, Head, Heading, Hr, Html, Img, Link, Preview, pixelBasedPreset, Section, Tailwind, Text } from "@react-email/components";
-import { cn } from "../../lib/utils";
-import { EmailStyles } from "./email-styles";
-const passwordChangedEmailLocalization = {
-    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}"
+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/email/password-changed.tsx
+var y = {
+	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}"
+}, b = ({ email: y, timestamp: x, secureAccountURL: 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_PASSWORD_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.PASSWORD_CHANGED_SUCCESSFULLY
+							}),
+							/* @__PURE__ */ r(_, {
+								className: e("text-sm font-normal", D?.content),
+								children: (() => {
+									let e = M.PASSWORD_FOR_YOUR_ACCOUNT_CHANGED.replace("{appName}", C || "").replace(/\s{2,}/g, " ").replace(" .", "."), [t, a] = e.split("{userEmail}");
+									return y ? /* @__PURE__ */ i(n, { children: [
+										t,
+										/* @__PURE__ */ r(p, {
+											href: `mailto:${y}`,
+											className: "text-primary font-medium",
+											children: y
+										}),
+										a
+									] }) : e.replace("{userEmail}", "").replace(/\s{2,}/g, " ").replace(" .", ".");
+								})()
+							}),
+							x && /* @__PURE__ */ i(h, {
+								className: e("my-6 border border-border bg-muted p-4", D?.codeBlock),
+								children: [/* @__PURE__ */ i(_, {
+									className: e("m-0 mb-2 text-xs text-muted-foreground", D?.description),
+									children: [M.CHANGED_AT, ":"]
+								}), /* @__PURE__ */ r(_, {
+									className: e("m-0 text-sm font-semibold", 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: "mt-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
+									] });
+								})()
+							})
+						]
+					})
+				})
+			})
+		})
+	] });
 };
-/**
- * Email template component that notifies users when their password has been changed.
- *
- * This email includes:
- * - Password change confirmation message
- * - Timestamp of the change
- * - Secure account action button if unauthorized change occurred
- * - Security warnings and support contact information
- * - Customizable branding and styling
- * - Support for light/dark mode themes
- *
- * @example
- * ```tsx
- * <PasswordChangedEmail
- *   email="user@example.com"
- *   timestamp="February 10, 2025 at 4:20 PM UTC"
- *   secureAccountURL="https://example.com/settings/security"
- *   appName="My App"
- *   supportEmail="support@example.com"
- *   logoURL="https://example.com/logo.png"
- *   darkMode={true}
- * />
- * ```
- */
-export const PasswordChangedEmail = ({ email, timestamp, secureAccountURL, appName, supportEmail, logoURL, colors, classNames, darkMode = true, poweredBy, head, ...props }) => {
-    const localization = {
-        ...PasswordChangedEmail.localization,
-        ...props.localization
-    };
-    const previewText = localization.YOUR_PASSWORD_HAS_BEEN_CHANGED;
-    return (_jsxs(Html, { children: [_jsxs(Head, { children: [_jsx("meta", { content: "light dark", name: "color-scheme" }), _jsx("meta", { content: "light dark", name: "supported-color-schemes" }), _jsx(EmailStyles, { colors: colors, darkMode: darkMode }), head] }), _jsx(Preview, { children: previewText }), _jsx(Tailwind, { config: { presets: [pixelBasedPreset] }, children: _jsx(Body, { className: cn("bg-background font-sans", classNames?.body), children: _jsx(Container, { className: cn("mx-auto my-auto max-w-xl px-2 py-10", classNames?.container), children: _jsxs(Section, { className: cn("bg-card text-card-foreground rounded-none border border-border p-8", classNames?.card), children: [logoURL &&
-                                    (typeof logoURL === "string" ? (_jsx(Img, { src: logoURL, width: 48, height: 48, alt: appName || localization.LOGO, className: cn("mx-auto mb-8", classNames?.logo) })) : (_jsxs(_Fragment, { children: [_jsx(Img, { src: logoURL.light, width: 48, height: 48, alt: appName || localization.LOGO, className: cn("mx-auto mb-8 logo-light", classNames?.logo) }), _jsx(Img, { src: logoURL.dark, width: 48, height: 48, alt: appName || localization.LOGO, className: cn("hidden mx-auto mb-8 logo-dark", classNames?.logo) })] }))), _jsx(Heading, { className: cn("m-0 mb-5 text-2xl font-semibold", classNames?.title), children: localization.PASSWORD_CHANGED_SUCCESSFULLY }), _jsx(Text, { className: cn("text-sm font-normal", classNames?.content), children: (() => {
-                                        const textWithAppName = localization.PASSWORD_FOR_YOUR_ACCOUNT_CHANGED.replace("{appName}", appName || "")
-                                            .replace(/\s{2,}/g, " ")
-                                            .replace(" .", ".");
-                                        const [beforeUserEmail, afterUserEmail] = textWithAppName.split("{userEmail}");
-                                        return email ? (_jsxs(_Fragment, { children: [beforeUserEmail, _jsx(Link, { href: `mailto:${email}`, className: "text-primary font-medium", children: email }), afterUserEmail] })) : (textWithAppName
-                                            .replace("{userEmail}", "")
-                                            .replace(/\s{2,}/g, " ")
-                                            .replace(" .", "."));
-                                    })() }), timestamp && (_jsxs(Section, { className: cn("my-6 border border-border bg-muted p-4", classNames?.codeBlock), children: [_jsxs(Text, { className: cn("m-0 mb-2 text-xs text-muted-foreground", classNames?.description), children: [localization.CHANGED_AT, ":"] }), _jsx(Text, { className: cn("m-0 text-sm font-semibold", classNames?.content), children: timestamp })] })), _jsx(Text, { className: cn("text-sm font-normal", classNames?.content), children: localization.IF_YOU_MADE_THIS_CHANGE }), secureAccountURL && (_jsx(Section, { className: "mt-6", children: _jsx(Button, { href: secureAccountURL, className: cn("inline-block whitespace-nowrap rounded-none text-sm font-medium py-2.5 px-6 bg-primary text-primary-foreground no-underline", classNames?.button), children: localization.I_DIDNT_MAKE_THIS_CHANGE }) })), _jsx(Hr, { className: cn("my-6 w-full border border-solid border-border", classNames?.separator) }), appName && (_jsx(Text, { className: cn("mb-3 text-xs text-muted-foreground", classNames?.description), children: localization.EMAIL_SENT_BY.replace("{appName}", appName) })), _jsx(Text, { className: cn("mt-3 text-xs text-muted-foreground", classNames?.description), children: (() => {
-                                        const [beforeSupportEmail, afterSupportEmail] = localization.IF_YOU_DIDNT_AUTHORIZE_THIS_CHANGE.split("{supportEmail}");
-                                        return supportEmail ? (_jsxs(_Fragment, { children: [beforeSupportEmail, _jsx(Link, { href: `mailto:${supportEmail}`, className: cn("text-primary underline", classNames?.link), children: supportEmail }), afterSupportEmail] })) : (localization.IF_YOU_DIDNT_AUTHORIZE_THIS_CHANGE.replace("{supportEmail}", "")
-                                            .replace(/\s{2,}/g, " ")
-                                            .replace(" .", "."));
-                                    })() }), poweredBy && (_jsx(Text, { className: cn("mt-4 mb-0 text-center text-[11px] text-muted-foreground", classNames?.poweredBy), children: (() => {
-                                        const [beforeBetterAuth, afterBetterAuth] = localization.POWERED_BY_BETTER_AUTH.split("{betterAuth}");
-                                        return (_jsxs(_Fragment, { children: [beforeBetterAuth, _jsx(Link, { href: "https://better-auth.com", className: cn("text-primary underline", classNames?.link), children: "better-auth" }), afterBetterAuth] }));
-                                    })() }))] }) }) }) })] }));
+b.localization = y, b.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
 };
-PasswordChangedEmail.localization = passwordChangedEmailLocalization;
-PasswordChangedEmail.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: true
-};
-export default PasswordChangedEmail;
+//#endregion
+export { b as default };

package/dist/components/email/reset-password.d.ts

@@ -1,5 +1,5 @@
-import type { ReactNode } from "react";
-import { type EmailClassNames, type EmailColors } from "./email-styles";
+import { ReactNode } from 'react';
+import { EmailClassNames, EmailColors } from './email-styles';
 declare const resetPasswordEmailLocalization: {
     RESET_YOUR_PASSWORD: string;
     LOGO: string;

package/dist/components/email/reset-password.js

@@ -1,68 +1,140 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Body, Button, Container, Head, Heading, Hr, Html, Img, Link, Preview, pixelBasedPreset, Section, Tailwind, Text } from "@react-email/components";
-import { cn } from "../../lib/utils";
-import { EmailStyles } from "./email-styles";
-const resetPasswordEmailLocalization = {
-    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}"
+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/email/reset-password.tsx
+var y = {
+	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}"
+}, 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.RESET_YOUR_PASSWORD;
+	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.RESET_YOUR_PASSWORD
+							}),
+							/* @__PURE__ */ r(_, {
+								className: e("text-sm", E?.content),
+								children: (() => {
+									let e = j.WE_RECEIVED_REQUEST_TO_RESET_PASSWORD.replace("{appName}", S || "").replace(/\s{2,}/g, " ").replace(" .", "."), [t, a] = e.split("{email}");
+									return x ? /* @__PURE__ */ i(n, { children: [
+										t,
+										/* @__PURE__ */ r(p, {
+											href: `mailto:${x}`,
+											className: "text-primary font-medium",
+											children: x
+										}),
+										a
+									] }) : e.replace("{email}", "").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.RESET_PASSWORD
+								})
+							}),
+							/* @__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_PASSWORD_RESET
+							}),
+							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
+									] });
+								})()
+							})
+						]
+					})
+				})
+			})
+		})
+	] });
 };
-/**
- * Email template component that sends password reset links to users.
- *
- * This email includes:
- * - Password reset button and fallback URL
- * - Expiration time information
- * - Security notice for unauthorized requests
- * - Customizable branding and styling
- * - Support for light/dark mode themes
- *
- * @example
- * ```tsx
- * <ResetPasswordEmail
- *   url="https://example.com/auth/reset-password?token=abc123"
- *   email="user@example.com"
- *   appName="My App"
- *   expirationMinutes={60}
- *   logoURL="https://example.com/logo.png"
- *   darkMode={true}
- * />
- * ```
- */
-export const ResetPasswordEmail = ({ url, email, appName, expirationMinutes = 60, logoURL, colors, classNames, darkMode = true, poweredBy, head, ...props }) => {
-    const localization = {
-        ...ResetPasswordEmail.localization,
-        ...props.localization
-    };
-    const previewText = localization.RESET_YOUR_PASSWORD;
-    return (_jsxs(Html, { children: [_jsxs(Head, { children: [_jsx("meta", { content: "light dark", name: "color-scheme" }), _jsx("meta", { content: "light dark", name: "supported-color-schemes" }), _jsx(EmailStyles, { colors: colors, darkMode: darkMode }), head] }), _jsx(Preview, { children: previewText }), _jsx(Tailwind, { config: { presets: [pixelBasedPreset] }, children: _jsx(Body, { className: cn("bg-background font-sans", classNames?.body), children: _jsx(Container, { className: cn("mx-auto my-auto max-w-xl px-2 py-10", classNames?.container), children: _jsxs(Section, { className: cn("bg-card text-card-foreground rounded-none border border-border p-8", classNames?.card), children: [logoURL &&
-                                    (typeof logoURL === "string" ? (_jsx(Img, { src: logoURL, width: 48, height: 48, alt: appName || localization.LOGO, className: cn("mx-auto mb-8", classNames?.logo) })) : (_jsxs(_Fragment, { children: [_jsx(Img, { src: logoURL.light, width: 48, height: 48, alt: appName || localization.LOGO, className: cn("mx-auto mb-8 logo-light", classNames?.logo) }), _jsx(Img, { src: logoURL.dark, width: 48, height: 48, alt: appName || localization.LOGO, className: cn("hidden mx-auto mb-8 logo-dark", classNames?.logo) })] }))), _jsx(Heading, { className: cn("m-0 mb-5 text-2xl font-semibold", classNames?.title), children: localization.RESET_YOUR_PASSWORD }), _jsx(Text, { className: cn("text-sm", classNames?.content), children: (() => {
-                                        const textWithAppName = localization.WE_RECEIVED_REQUEST_TO_RESET_PASSWORD.replace("{appName}", appName || "")
-                                            .replace(/\s{2,}/g, " ")
-                                            .replace(" .", ".");
-                                        const [beforeEmail, afterEmail] = textWithAppName.split("{email}");
-                                        return email ? (_jsxs(_Fragment, { children: [beforeEmail, _jsx(Link, { href: `mailto:${email}`, className: "text-primary font-medium", children: email }), afterEmail] })) : (textWithAppName
-                                            .replace("{email}", "")
-                                            .replace(/\s{2,}/g, " ")
-                                            .replace(" .", "."));
-                                    })() }), _jsx(Section, { className: "my-6", children: _jsx(Button, { href: url, className: cn("inline-block whitespace-nowrap rounded-none text-sm font-medium py-2.5 px-6 bg-primary text-primary-foreground no-underline", classNames?.button), children: localization.RESET_PASSWORD }) }), _jsx(Text, { className: cn("m-0 mb-3 text-xs text-muted-foreground", classNames?.description), children: localization.OR_COPY_AND_PASTE_URL }), _jsx(Link, { className: cn("break-all text-xs text-primary", classNames?.link), href: url, children: url }), _jsx(Hr, { className: cn("my-6 w-full border border-solid border-border", classNames?.separator) }), expirationMinutes || appName ? (_jsxs(Text, { className: cn("m-0 mb-3 text-xs text-muted-foreground", classNames?.description), children: [expirationMinutes
-                                            ? localization.THIS_LINK_EXPIRES_IN_MINUTES.replace("{expirationMinutes}", expirationMinutes.toString())
-                                            : null, appName && (_jsxs(_Fragment, { children: [expirationMinutes ? " " : "", localization.EMAIL_SENT_BY.replace("{appName}", appName)] }))] })) : null, _jsx(Text, { className: cn("m-0 text-xs text-muted-foreground", classNames?.description), children: localization.IF_YOU_DIDNT_REQUEST_PASSWORD_RESET }), poweredBy && (_jsx(Text, { className: cn("m-0 mt-4 text-center text-[11px] text-muted-foreground", classNames?.poweredBy), children: (() => {
-                                        const [beforeBetterAuth, afterBetterAuth] = localization.POWERED_BY_BETTER_AUTH.split("{betterAuth}");
-                                        return (_jsxs(_Fragment, { children: [beforeBetterAuth, _jsx(Link, { href: "https://better-auth.com", className: cn("text-primary underline", classNames?.link), children: "better-auth" }), afterBetterAuth] }));
-                                    })() }))] }) }) }) })] }));
+b.localization = y, b.PreviewProps = {
+	url: "https://better-auth-ui.com/auth/reset-password?token=example-token",
+	email: "m@example.com",
+	appName: "Better Auth",
+	darkMode: !0
 };
-ResetPasswordEmail.localization = resetPasswordEmailLocalization;
-ResetPasswordEmail.PreviewProps = {
-    url: "https://better-auth-ui.com/auth/reset-password?token=example-token",
-    email: "m@example.com",
-    appName: "Better Auth",
-    darkMode: true
-};
-export default ResetPasswordEmail;
+//#endregion
+export { b as default };

package/dist/components/icons/apple.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentPropsWithRef } from "react";
+import { ComponentPropsWithRef } from 'react';
 /**
  * Renders an Apple SVG icon.
  *

package/dist/components/icons/apple.js

@@ -1,10 +1,17 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * Renders an Apple SVG icon.
- *
- * @param props - Props forwarded to the root `<svg>` element; they are spread onto the element and can override attributes such as `width`, `height`, `className`, and `aria-label`.
- * @returns The SVG element for the Apple icon.
- */
-export function Apple(props) {
-    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", role: "img", "aria-label": "Apple", ...props, children: _jsx("path", { fill: "currentColor", d: "M12.152 6.896c-.948 0-2.415-1.078-3.96-1.04c-2.04.027-3.91 1.183-4.961 3.014c-2.117 3.675-.546 9.103 1.519 12.09c1.013 1.454 2.208 3.09 3.792 3.039c1.52-.065 2.09-.987 3.935-.987c1.831 0 2.35.987 3.96.948c1.637-.026 2.676-1.48 3.676-2.948c1.156-1.688 1.636-3.325 1.662-3.415c-.039-.013-3.182-1.221-3.22-4.857c-.026-3.04 2.48-4.494 2.597-4.559c-1.429-2.09-3.623-2.324-4.39-2.376c-2-.156-3.675 1.09-4.61 1.09zM15.53 3.83c.843-1.012 1.4-2.427 1.245-3.83c-1.207.052-2.662.805-3.532 1.818c-.78.896-1.454 2.338-1.273 3.714c1.338.104 2.715-.688 3.559-1.701" }) }));
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/icons/apple.tsx
+function t(t) {
+	return /* @__PURE__ */ e("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: "0 0 24 24",
+		role: "img",
+		"aria-label": "Apple",
+		...t,
+		children: /* @__PURE__ */ e("path", {
+			fill: "currentColor",
+			d: "M12.152 6.896c-.948 0-2.415-1.078-3.96-1.04c-2.04.027-3.91 1.183-4.961 3.014c-2.117 3.675-.546 9.103 1.519 12.09c1.013 1.454 2.208 3.09 3.792 3.039c1.52-.065 2.09-.987 3.935-.987c1.831 0 2.35.987 3.96.948c1.637-.026 2.676-1.48 3.676-2.948c1.156-1.688 1.636-3.325 1.662-3.415c-.039-.013-3.182-1.221-3.22-4.857c-.026-3.04 2.48-4.494 2.597-4.559c-1.429-2.09-3.623-2.324-4.39-2.376c-2-.156-3.675 1.09-4.61 1.09zM15.53 3.83c.843-1.012 1.4-2.427 1.245-3.83c-1.207.052-2.662.805-3.532 1.818c-.78.896-1.454 2.338-1.273 3.714c1.338.104 2.715-.688 3.559-1.701"
+		})
+	});
 }
+//#endregion
+export { t as Apple };

package/dist/components/icons/atlassian.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentPropsWithRef } from "react";
+import { ComponentPropsWithRef } from 'react';
 /**
  * Render the Atlassian logo as an inline SVG element.
  *

package/dist/components/icons/atlassian.js

@@ -1,14 +1,39 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useId } from "react";
-/**
- * Render the Atlassian logo as an inline SVG element.
- *
- * The SVG includes a linear gradient and two path shapes, and sets role="img" with aria-label="Atlassian".
- *
- * @param props - Props forwarded to the root SVG element.
- * @returns An SVG element representing the Atlassian icon.
- */
-export function Atlassian(props) {
-    const gradientId = useId();
-    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 256", role: "img", "aria-label": "Atlassian", ...props, children: [_jsx("defs", { children: _jsxs("linearGradient", { id: gradientId, x1: "99.687%", x2: "39.836%", y1: "15.801%", y2: "97.438%", children: [_jsx("stop", { offset: "0%", stopColor: "#0052cc" }), _jsx("stop", { offset: "92.3%", stopColor: "#2684ff" })] }) }), _jsx("path", { fill: `url(#${gradientId})`, d: "M75.793 117.95c-3.82-4.08-9.77-3.85-12.367 1.342L.791 244.565a7.488 7.488 0 0 0 6.697 10.838h87.228a7.22 7.22 0 0 0 6.699-4.14c18.808-38.89 7.413-98.018-25.622-133.314" }), _jsx("path", { fill: "#2681ff", d: "M121.756 4.011c-35.033 55.505-32.721 116.979-9.646 163.13l42.06 84.121a7.49 7.49 0 0 0 6.697 4.14h87.227a7.488 7.488 0 0 0 6.697-10.838S137.445 9.837 134.493 3.964c-2.64-5.258-9.344-5.33-12.737.047" })] }));
+import { useId as e } from "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/icons/atlassian.tsx
+function r(r) {
+	let i = e();
+	return /* @__PURE__ */ n("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: "0 0 256 256",
+		role: "img",
+		"aria-label": "Atlassian",
+		...r,
+		children: [
+			/* @__PURE__ */ t("defs", { children: /* @__PURE__ */ n("linearGradient", {
+				id: i,
+				x1: "99.687%",
+				x2: "39.836%",
+				y1: "15.801%",
+				y2: "97.438%",
+				children: [/* @__PURE__ */ t("stop", {
+					offset: "0%",
+					stopColor: "#0052cc"
+				}), /* @__PURE__ */ t("stop", {
+					offset: "92.3%",
+					stopColor: "#2684ff"
+				})]
+			}) }),
+			/* @__PURE__ */ t("path", {
+				fill: `url(#${i})`,
+				d: "M75.793 117.95c-3.82-4.08-9.77-3.85-12.367 1.342L.791 244.565a7.488 7.488 0 0 0 6.697 10.838h87.228a7.22 7.22 0 0 0 6.699-4.14c18.808-38.89 7.413-98.018-25.622-133.314"
+			}),
+			/* @__PURE__ */ t("path", {
+				fill: "#2681ff",
+				d: "M121.756 4.011c-35.033 55.505-32.721 116.979-9.646 163.13l42.06 84.121a7.49 7.49 0 0 0 6.697 4.14h87.227a7.488 7.488 0 0 0 6.697-10.838S137.445 9.837 134.493 3.964c-2.64-5.258-9.344-5.33-12.737.047"
+			})
+		]
+	});
 }
+//#endregion
+export { r as Atlassian };

package/dist/components/icons/cognito.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentPropsWithRef } from "react";
+import { ComponentPropsWithRef } from 'react';
 /**
  * Renders the Cognito SVG icon as a React component.
  *

package/dist/components/icons/cognito.js

@@ -1,10 +1,20 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * Renders the Cognito SVG icon as a React component.
- *
- * @param props - Props passed through to the underlying `svg` element (accepts standard SVG attributes and ref).
- * @returns A React `svg` element displaying the Cognito icon
- */
-export function Cognito(props) {
-    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 48 48", role: "img", "aria-label": "Cognito", ...props, children: [_jsx("path", { fill: "currentColor", d: "M24 4L6 14v20l18 10 18-10V14L24 4zm0 4.62l13.6 7.86v15.04L24 39.38 10.4 31.52V16.48L24 8.62z" }), _jsx("path", { fill: "currentColor", d: "M22 14h4v20h-4zM14 22h20v4H14z" })] }));
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/components/icons/cognito.tsx
+function n(n) {
+	return /* @__PURE__ */ t("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: "0 0 48 48",
+		role: "img",
+		"aria-label": "Cognito",
+		...n,
+		children: [/* @__PURE__ */ e("path", {
+			fill: "currentColor",
+			d: "M24 4L6 14v20l18 10 18-10V14L24 4zm0 4.62l13.6 7.86v15.04L24 39.38 10.4 31.52V16.48L24 8.62z"
+		}), /* @__PURE__ */ e("path", {
+			fill: "currentColor",
+			d: "M22 14h4v20h-4zM14 22h20v4H14z"
+		})]
+	});
 }
+//#endregion
+export { n as Cognito };

package/dist/components/icons/discord.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentPropsWithRef } from "react";
+import { ComponentPropsWithRef } from 'react';
 /**
  * Renders the Discord logo as an SVG element.
  *

package/dist/components/icons/discord.js

@@ -1,10 +1,17 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * Renders the Discord logo as an SVG element.
- *
- * @param props - Props forwarded to the root `<svg>` element (e.g., `className`, `style`, `aria-*`, event handlers)
- * @returns The SVG element for the Discord icon
- */
-export function Discord(props) {
-    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 256 199", role: "img", "aria-label": "Discord", ...props, children: _jsx("path", { fill: "#5865f2", d: "M216.856 16.597A208.5 208.5 0 0 0 164.042 0c-2.275 4.113-4.933 9.645-6.766 14.046q-29.538-4.442-58.533 0c-1.832-4.4-4.55-9.933-6.846-14.046a207.8 207.8 0 0 0-52.855 16.638C5.618 67.147-3.443 116.4 1.087 164.956c22.169 16.555 43.653 26.612 64.775 33.193A161 161 0 0 0 79.735 175.3a136.4 136.4 0 0 1-21.846-10.632a109 109 0 0 0 5.356-4.237c42.122 19.702 87.89 19.702 129.51 0a132 132 0 0 0 5.355 4.237a136 136 0 0 1-21.886 10.653c4.006 8.02 8.638 15.67 13.873 22.848c21.142-6.58 42.646-16.637 64.815-33.213c5.316-56.288-9.08-105.09-38.056-148.36M85.474 135.095c-12.645 0-23.015-11.805-23.015-26.18s10.149-26.2 23.015-26.2s23.236 11.804 23.015 26.2c.02 14.375-10.148 26.18-23.015 26.18m85.051 0c-12.645 0-23.014-11.805-23.014-26.18s10.148-26.2 23.014-26.2c12.867 0 23.236 11.804 23.015 26.2c0 14.375-10.148 26.18-23.015 26.18" }) }));
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/icons/discord.tsx
+function t(t) {
+	return /* @__PURE__ */ e("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: "0 0 256 199",
+		role: "img",
+		"aria-label": "Discord",
+		...t,
+		children: /* @__PURE__ */ e("path", {
+			fill: "#5865f2",
+			d: "M216.856 16.597A208.5 208.5 0 0 0 164.042 0c-2.275 4.113-4.933 9.645-6.766 14.046q-29.538-4.442-58.533 0c-1.832-4.4-4.55-9.933-6.846-14.046a207.8 207.8 0 0 0-52.855 16.638C5.618 67.147-3.443 116.4 1.087 164.956c22.169 16.555 43.653 26.612 64.775 33.193A161 161 0 0 0 79.735 175.3a136.4 136.4 0 0 1-21.846-10.632a109 109 0 0 0 5.356-4.237c42.122 19.702 87.89 19.702 129.51 0a132 132 0 0 0 5.355 4.237a136 136 0 0 1-21.886 10.653c4.006 8.02 8.638 15.67 13.873 22.848c21.142-6.58 42.646-16.637 64.815-33.213c5.316-56.288-9.08-105.09-38.056-148.36M85.474 135.095c-12.645 0-23.015-11.805-23.015-26.18s10.149-26.2 23.015-26.2s23.236 11.804 23.015 26.2c.02 14.375-10.148 26.18-23.015 26.18m85.051 0c-12.645 0-23.014-11.805-23.014-26.18s10.148-26.2 23.014-26.2c12.867 0 23.236 11.804 23.015 26.2c0 14.375-10.148 26.18-23.015 26.18"
+		})
+	});
 }
+//#endregion
+export { t as Discord };

package/dist/components/icons/dropbox.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentPropsWithRef } from "react";
+import { ComponentPropsWithRef } from 'react';
 /**
  * Renders the Dropbox logo as an SVG element.
  *