@better-auth-ui/heroui 1.6.2 → 1.6.4

package/dist/components/auth/additional-field.d.ts

@@ -0,0 +1,4 @@
+import { AdditionalFieldProps } from '../../lib/auth/auth-plugin';
+export type { AdditionalFieldProps } from '../../lib/auth/auth-plugin';
+/** Renders a single additional user field via HeroUI v3 components. */
+export declare function AdditionalField({ name, field, isPending, variant }: AdditionalFieldProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/auth/additional-field.js

@@ -0,0 +1,270 @@
+import { resolveInputType as e } from "@better-auth-ui/core";
+import { useAuth as t } from "@better-auth-ui/react";
+import { Check as n, Copy as r } from "@gravity-ui/icons";
+import { Button as i, Calendar as a, Checkbox as o, ComboBox as s, DateField as c, DatePicker as l, FieldError as u, Input as d, InputGroup as f, Label as p, ListBox as m, NumberField as h, Select as g, Slider as _, Switch as v, TextArea as y, TextField as b, TimeField as x, toast as S } from "@heroui/react";
+import { fromDate as C, getLocalTimeZone as w, parseDate as T, parseDateTime as E, toCalendarDate as D, toCalendarDateTime as O } from "@internationalized/date";
+import { useRef as k, useState as A } from "react";
+import { Fragment as j, jsx as M, jsxs as N } from "react/jsx-runtime";
+//#region src/components/auth/additional-field.tsx
+function P(e) {
+	if (e instanceof Date) return D(C(e, w()));
+	if (typeof e == "string") try {
+		return T(e.slice(0, 10));
+	} catch {
+		return;
+	}
+}
+function F(e) {
+	if (e instanceof Date) return O(C(e, w()));
+	if (typeof e == "string") try {
+		return E(e.replace(/(Z|[+-]\d{2}:?\d{2})$/, ""));
+	} catch {
+		return;
+	}
+}
+function I({ getValue: e, isDisabled: a }) {
+	let { localization: o } = t(), [s, c] = A(!1);
+	async function l() {
+		let t = e();
+		if (t) try {
+			await navigator.clipboard.writeText(t), c(!0), setTimeout(() => c(!1), 1500);
+		} catch (e) {
+			S.danger(e instanceof Error ? e.message : String(e));
+		}
+	}
+	return /* @__PURE__ */ M(i, {
+		isIconOnly: !0,
+		"aria-label": o.settings.copyToClipboard,
+		size: "sm",
+		variant: "ghost",
+		isDisabled: a,
+		onPress: l,
+		children: M(s ? n : r, { className: "size-4" })
+	});
+}
+function L({ name: n, field: r, isPending: i, variant: S }) {
+	let { localization: C } = t(), w = e(r), T = S === "transparent" ? "primary" : "secondary", E = k(null);
+	if (r.render) return /* @__PURE__ */ M(j, { children: r.render({
+		name: n,
+		field: r,
+		isPending: i,
+		variant: S
+	}) });
+	if (w === "hidden") return /* @__PURE__ */ M("input", {
+		type: "hidden",
+		name: n,
+		value: r.defaultValue == null ? "" : r.defaultValue instanceof Date ? r.defaultValue.toISOString() : String(r.defaultValue)
+	});
+	if (w === "textarea") return /* @__PURE__ */ N(b, {
+		name: n,
+		defaultValue: r.defaultValue == null ? void 0 : String(r.defaultValue),
+		isDisabled: i,
+		isReadOnly: r.readOnly,
+		children: [
+			/* @__PURE__ */ M(p, { children: r.label }),
+			/* @__PURE__ */ M(y, {
+				placeholder: r.placeholder,
+				required: r.required,
+				variant: T
+			}),
+			/* @__PURE__ */ M(u, {})
+		]
+	});
+	if (w === "number") {
+		let e = r.formatOptions?.maximumFractionDigits;
+		return /* @__PURE__ */ N(h, {
+			name: n,
+			defaultValue: typeof r.defaultValue == "number" ? r.defaultValue : r.defaultValue != null && r.defaultValue !== "" ? Number(r.defaultValue) : void 0,
+			minValue: r.min,
+			maxValue: r.max,
+			step: r.step ?? (e ? 1 / 10 ** e : 1),
+			formatOptions: r.formatOptions,
+			isDisabled: i,
+			isReadOnly: r.readOnly,
+			variant: T,
+			children: [
+				/* @__PURE__ */ M(p, { children: r.label }),
+				/* @__PURE__ */ N(h.Group, { children: [
+					/* @__PURE__ */ M(h.DecrementButton, {}),
+					/* @__PURE__ */ M(h.Input, {
+						placeholder: r.placeholder,
+						required: r.required
+					}),
+					/* @__PURE__ */ M(h.IncrementButton, {})
+				] }),
+				/* @__PURE__ */ M(u, {})
+			]
+		});
+	}
+	if (w === "slider") {
+		let e = r.formatOptions?.maximumFractionDigits;
+		return /* @__PURE__ */ N(_, {
+			defaultValue: typeof r.defaultValue == "number" ? r.defaultValue : r.defaultValue == null ? void 0 : Number(r.defaultValue),
+			minValue: r.min ?? 0,
+			maxValue: r.max ?? 100,
+			step: r.step ?? (e ? 1 / 10 ** e : 1),
+			formatOptions: r.formatOptions,
+			isDisabled: i || r.readOnly,
+			className: "flex flex-col gap-2",
+			children: [/* @__PURE__ */ N("div", {
+				className: "flex items-center justify-between gap-2",
+				children: [/* @__PURE__ */ M(p, { children: r.label }), /* @__PURE__ */ M(_.Output, { className: "text-sm text-muted" })]
+			}), /* @__PURE__ */ N(_.Track, { children: [/* @__PURE__ */ M(_.Fill, {}), /* @__PURE__ */ M(_.Thumb, { name: n })] })]
+		});
+	}
+	if (w === "switch") return /* @__PURE__ */ N(v, {
+		name: n,
+		defaultSelected: r.defaultValue === !0 || r.defaultValue === "true",
+		isDisabled: i,
+		isReadOnly: r.readOnly,
+		children: [/* @__PURE__ */ M(v.Control, { children: /* @__PURE__ */ M(v.Thumb, {}) }), /* @__PURE__ */ M(p, { children: r.label })]
+	});
+	if (w === "checkbox") return /* @__PURE__ */ N(o, {
+		name: n,
+		defaultSelected: r.defaultValue === !0 || r.defaultValue === "true",
+		isDisabled: i,
+		isReadOnly: r.readOnly,
+		isRequired: r.required,
+		variant: T,
+		children: [/* @__PURE__ */ M(o.Control, { children: /* @__PURE__ */ M(o.Indicator, {}) }), /* @__PURE__ */ M(o.Content, { children: /* @__PURE__ */ M(p, { children: r.label }) })]
+	});
+	if (w === "select") return /* @__PURE__ */ N(g, {
+		className: "[&[data-required=true]>.label]:after:content-none",
+		name: n,
+		defaultValue: r.defaultValue == null ? void 0 : String(r.defaultValue),
+		placeholder: r.placeholder,
+		isDisabled: i || r.readOnly,
+		isRequired: r.required,
+		variant: T,
+		fullWidth: !0,
+		children: [
+			/* @__PURE__ */ M(p, { children: r.label }),
+			/* @__PURE__ */ N(g.Trigger, { children: [/* @__PURE__ */ M(g.Value, {}), /* @__PURE__ */ M(g.Indicator, {})] }),
+			/* @__PURE__ */ M(g.Popover, { children: /* @__PURE__ */ M(m, { children: r.options?.map((e) => /* @__PURE__ */ N(m.Item, {
+				id: e.value,
+				textValue: typeof e.label == "string" ? e.label : e.value,
+				children: [e.label, /* @__PURE__ */ M(m.ItemIndicator, {})]
+			}, e.value)) }) }),
+			/* @__PURE__ */ M(u, {})
+		]
+	});
+	if (w === "combobox") return /* @__PURE__ */ N(s, {
+		className: "[&[data-required=true]>.label]:after:content-none",
+		name: n,
+		defaultSelectedKey: r.defaultValue == null ? void 0 : String(r.defaultValue),
+		isDisabled: i,
+		isReadOnly: r.readOnly,
+		isRequired: r.required,
+		variant: T,
+		fullWidth: !0,
+		children: [
+			/* @__PURE__ */ M(p, { children: r.label }),
+			/* @__PURE__ */ N(s.InputGroup, { children: [/* @__PURE__ */ M(d, { placeholder: r.placeholder }), /* @__PURE__ */ M(s.Trigger, {})] }),
+			/* @__PURE__ */ M(s.Popover, { children: /* @__PURE__ */ M(m, { children: r.options?.map((e) => /* @__PURE__ */ N(m.Item, {
+				id: e.value,
+				textValue: typeof e.label == "string" ? e.label : e.value,
+				children: [e.label, /* @__PURE__ */ M(m.ItemIndicator, {})]
+			}, e.value)) }) }),
+			/* @__PURE__ */ M(u, {})
+		]
+	});
+	if (w === "date" || w === "datetime") {
+		let e = w === "datetime";
+		return /* @__PURE__ */ M(l, {
+			className: "w-full [&[data-required=true]>.label]:after:content-none",
+			name: n,
+			defaultValue: e ? F(r.defaultValue) : P(r.defaultValue),
+			granularity: e ? "minute" : "day",
+			isDisabled: i,
+			isReadOnly: r.readOnly,
+			isRequired: r.required,
+			children: ({ state: t }) => /* @__PURE__ */ N(j, { children: [
+				/* @__PURE__ */ M(p, { children: r.label }),
+				/* @__PURE__ */ N(c.Group, {
+					variant: T,
+					fullWidth: !0,
+					children: [/* @__PURE__ */ M(c.Input, { children: (e) => /* @__PURE__ */ M(c.Segment, { segment: e }) }), /* @__PURE__ */ M(c.Suffix, { children: /* @__PURE__ */ M(l.Trigger, { children: /* @__PURE__ */ M(l.TriggerIndicator, {}) }) })]
+				}),
+				/* @__PURE__ */ M(u, {}),
+				/* @__PURE__ */ N(l.Popover, {
+					className: "flex flex-col gap-3",
+					children: [/* @__PURE__ */ N(a, {
+						"aria-label": typeof r.label == "string" ? r.label : n,
+						children: [
+							/* @__PURE__ */ N(a.Header, { children: [
+								/* @__PURE__ */ N(a.YearPickerTrigger, { children: [/* @__PURE__ */ M(a.YearPickerTriggerHeading, {}), /* @__PURE__ */ M(a.YearPickerTriggerIndicator, {})] }),
+								/* @__PURE__ */ M(a.NavButton, { slot: "previous" }),
+								/* @__PURE__ */ M(a.NavButton, { slot: "next" })
+							] }),
+							/* @__PURE__ */ N(a.Grid, { children: [/* @__PURE__ */ M(a.GridHeader, { children: (e) => /* @__PURE__ */ M(a.HeaderCell, { children: e }) }), /* @__PURE__ */ M(a.GridBody, { children: (e) => /* @__PURE__ */ M(a.Cell, { date: e }) })] }),
+							/* @__PURE__ */ M(a.YearPickerGrid, { children: /* @__PURE__ */ M(a.YearPickerGridBody, { children: ({ year: e }) => /* @__PURE__ */ M(a.YearPickerCell, { year: e }) }) })
+						]
+					}), e && /* @__PURE__ */ N("div", {
+						className: "flex items-center justify-between",
+						children: [/* @__PURE__ */ M(p, { children: C.settings.time }), /* @__PURE__ */ M(x, {
+							"aria-label": C.settings.time,
+							granularity: "minute",
+							value: t.timeValue,
+							onChange: (e) => t.setTimeValue(e),
+							children: /* @__PURE__ */ M(x.Group, {
+								variant: "secondary",
+								children: /* @__PURE__ */ M(x.Input, { children: (e) => /* @__PURE__ */ M(x.Segment, { segment: e }) })
+							})
+						})]
+					})]
+				})
+			] })
+		});
+	}
+	let D = r.prefix != null, O = r.suffix != null || r.copyable, A = r.type === "number", L = r.formatOptions?.maximumFractionDigits, R = A ? "number" : void 0, z = A ? L ? "decimal" : "numeric" : void 0, B = L ? 1 / 10 ** L : void 0;
+	return D || O ? /* @__PURE__ */ N(b, {
+		name: n,
+		defaultValue: r.defaultValue == null ? void 0 : String(r.defaultValue),
+		isDisabled: i,
+		isReadOnly: r.readOnly,
+		children: [
+			/* @__PURE__ */ M(p, { children: r.label }),
+			/* @__PURE__ */ N(f, {
+				variant: T,
+				children: [
+					D && /* @__PURE__ */ M(f.Prefix, { children: r.prefix }),
+					/* @__PURE__ */ M(f.Input, {
+						ref: E,
+						placeholder: r.placeholder,
+						required: r.required,
+						type: R,
+						inputMode: z,
+						step: B
+					}),
+					r.copyable ? /* @__PURE__ */ M(f.Suffix, {
+						className: "px-0",
+						children: /* @__PURE__ */ M(I, {
+							getValue: () => E.current?.value,
+							isDisabled: i
+						})
+					}) : r.suffix != null && /* @__PURE__ */ M(f.Suffix, { children: r.suffix })
+				]
+			}),
+			/* @__PURE__ */ M(u, {})
+		]
+	}) : /* @__PURE__ */ N(b, {
+		name: n,
+		defaultValue: r.defaultValue == null ? void 0 : String(r.defaultValue),
+		isDisabled: i,
+		isReadOnly: r.readOnly,
+		children: [
+			/* @__PURE__ */ M(p, { children: r.label }),
+			/* @__PURE__ */ M(d, {
+				placeholder: r.placeholder,
+				required: r.required,
+				variant: T,
+				type: R,
+				inputMode: z,
+				step: B
+			}),
+			/* @__PURE__ */ M(u, {})
+		]
+	});
+}
+//#endregion
+export { L as AdditionalField };

package/dist/components/auth/auth-provider.d.ts

@@ -1,9 +1,7 @@
-import { AuthProviderProps as AuthProviderPropsPrimitive } from '@better-auth-ui/react';
-export type AuthProviderProps = Omit<AuthProviderPropsPrimitive, "Link">;
+import { AuthClient, AuthProviderProps as AuthProviderPropsPrimitive } from '@better-auth-ui/react';
+export type AuthProviderProps<TAuthClient = AuthClient> = AuthProviderPropsPrimitive<TAuthClient>;
 /**
- * Provides an authentication context by rendering an auth provider with the sonner toast handler injected, forwarding remaining configuration and rendering `children` inside it.
- *
- * @param children - React nodes to render inside the authentication provider
- * @returns A React element that renders an authentication provider configured with the provided props and toast handler
+ * Heroui-flavored `AuthProvider`. Wraps the primitive provider with a
+ * heroui `RouterProvider` and the heroui `ErrorToaster`.
  */
 export declare function AuthProvider({ children, navigate, ...config }: AuthProviderProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,16 +1,17 @@
-import { AuthProvider as e } from "@better-auth-ui/react";
-import { RouterProvider as t } from "@heroui/react";
-import { jsx as n } from "react/jsx-runtime";
+import { ErrorToaster as e } from "./error-toaster.js";
+import { AuthProvider as t } from "@better-auth-ui/react";
+import { RouterProvider as n } from "@heroui/react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/components/auth/auth-provider.tsx
-function r({ children: r, navigate: i, ...a }) {
-	return /* @__PURE__ */ n(e, {
-		navigate: i,
-		...a,
-		children: /* @__PURE__ */ n(t, {
-			navigate: (e) => i({ to: e }),
-			children: r
+function a({ children: a, navigate: o, ...s }) {
+	return /* @__PURE__ */ r(t, {
+		navigate: o,
+		...s,
+		children: /* @__PURE__ */ i(n, {
+			navigate: (e) => o({ to: e }),
+			children: [a, /* @__PURE__ */ r(e, {})]
 		})
 	});
 }
 //#endregion
-export { r as AuthProvider };
+export { a as AuthProvider };

package/dist/components/auth/auth.d.ts

@@ -20,4 +20,4 @@ export type AuthProps = {
  * @param view - Explicit auth view to render (e.g., "signIn", "signUp")
  * @returns The React element for the resolved authentication view
  */
-export declare function Auth({ path, socialLayout, socialPosition, view, ...props }: AuthProps & CardProps): import("react/jsx-runtime").JSX.Element;
+export declare function Auth({ path, socialLayout, socialPosition, view, ...props }: AuthProps & Omit<CardProps, "children">): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/auth/auth.js

@@ -1,37 +1,63 @@
 import { ForgotPassword as e } from "./forgot-password.js";
-import { MagicLink as t } from "./magic-link.js";
-import { ResetPassword as n } from "./reset-password.js";
-import { SignIn as r } from "./sign-in.js";
-import { SignOut as i } from "./sign-out.js";
-import { SignUp as a } from "./sign-up.js";
-import { useAuth as o } from "@better-auth-ui/react";
+import { ResetPassword as t } from "./reset-password.js";
+import { SignIn as n } from "./sign-in.js";
+import { SignOut as r } from "./sign-out.js";
+import { SignUp as i } from "./sign-up.js";
+import { useAuth as a } from "@better-auth-ui/react";
+import { useEffect as o } from "react";
 import { jsx as s } from "react/jsx-runtime";
 //#region src/components/auth/auth.tsx
-function c({ path: c, socialLayout: l, socialPosition: u, view: d, ...f }) {
-	let { viewPaths: p } = o();
-	if (!d && !c) throw Error("[Better Auth UI] Either `view` or `path` must be provided");
-	let m = Object.fromEntries(Object.entries(p.auth).map(([e, t]) => [t, e]));
-	switch (d || (c ? m[c] : void 0)) {
-		case "signIn": return /* @__PURE__ */ s(r, {
-			socialLayout: l,
-			socialPosition: u,
-			...f
+var c = [
+	"signUp",
+	"forgotPassword",
+	"resetPassword"
+], l = {
+	signIn: n,
+	signOut: r,
+	signUp: i,
+	forgotPassword: e,
+	resetPassword: t
+};
+function u({ path: e, socialLayout: t, socialPosition: n, view: r, ...i }) {
+	let { basePaths: u, emailAndPassword: d, plugins: f, viewPaths: p, navigate: m } = a();
+	if (!r && !e) throw Error("[Better Auth UI] Either `view` or `path` must be provided");
+	let h = r || Object.keys(p.auth).find((t) => p.auth[t] === e), g = !d?.enabled && h && c.includes(h);
+	if (o(() => {
+		g && m({
+			to: `${u.auth}/${p.auth.signIn}`,
+			replace: !0
 		});
-		case "signUp": return /* @__PURE__ */ s(a, {
-			socialLayout: l,
-			socialPosition: u,
-			...f
+	}, [
+		g,
+		m,
+		u.auth,
+		p.auth.signIn
+	]), g) return null;
+	for (let a of f) {
+		let o = a.viewPaths?.auth, c = r ?? h ?? (o && Object.keys(o).find((t) => o[t] === e));
+		if (!c) continue;
+		let l = a.views?.auth?.[c];
+		if (l) return /* @__PURE__ */ s(l, {
+			socialLayout: t,
+			socialPosition: n,
+			...i
 		});
-		case "magicLink": return /* @__PURE__ */ s(t, {
-			socialLayout: l,
-			socialPosition: u,
-			...f
+	}
+	if (h === "signIn" && !d?.enabled) {
+		let e = f.find((e) => e.fallbackViews?.auth?.signIn)?.fallbackViews?.auth?.signIn;
+		if (e) return /* @__PURE__ */ s(e, {
+			socialLayout: t,
+			socialPosition: n,
+			...i
 		});
-		case "forgotPassword": return /* @__PURE__ */ s(e, { ...f });
-		case "resetPassword": return /* @__PURE__ */ s(n, { ...f });
-		case "signOut": return /* @__PURE__ */ s(i, { ...f });
-		default: throw Error(`[Better Auth UI] Valid views are: ${Object.keys(p.auth).join(", ")}`);
 	}
+	let _ = h ? l[h] : void 0;
+	if (!_) throw Error(`[Better Auth UI] Unknown view "${h}". Valid views are: ${Object.keys(l).join(", ")}`);
+	return /* @__PURE__ */ s(_, {
+		socialLayout: t,
+		socialPosition: n,
+		...i
+	});
 }
 //#endregion
-export { c as Auth };
+export { u as Auth };

package/dist/components/{settings/security → auth/delete-user}/danger-zone.d.ts

@@ -1,11 +1,10 @@
 import { CardProps } from '@heroui/react';
 import { ComponentProps } from 'react';
-export type DangerZoneProps = {
-    className?: string;
+export type DangerZoneProps = Omit<ComponentProps<"div">, "children"> & {
     variant?: CardProps["variant"];
 };
 /**
  * Renders the danger zone heading and {@link DeleteUser}.
- * Gate with `deleteUser.enabled` at the call site (e.g. {@link SecuritySettings}).
+ * Registered as a `securityCard` by `deleteUserPlugin()`; gate by registering the plugin.
  */
-export declare function DangerZone({ className, variant, ...props }: DangerZoneProps & ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export declare function DangerZone({ className, variant, ...props }: DangerZoneProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/{settings/security → auth/delete-user}/danger-zone.js

@@ -2,7 +2,7 @@ import { DeleteUser as e } from "./delete-user.js";
 import { useAuth as t } from "@better-auth-ui/react";
 import { cn as n } from "@heroui/react";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
-//#region src/components/settings/security/danger-zone.tsx
+//#region src/components/auth/delete-user/danger-zone.tsx
 function a({ className: a, variant: o, ...s }) {
 	let { localization: c } = t();
 	return /* @__PURE__ */ i("div", {

package/dist/components/{settings/security → auth/delete-user}/delete-user.d.ts

@@ -6,4 +6,4 @@ export type DeleteUserProps = {
 /**
  * Danger-zone card to delete the authenticated account, with a confirmation dialog and toasts.
  */
-export declare function DeleteUser({ className, variant, ...props }: DeleteUserProps & CardProps): import("react/jsx-runtime").JSX.Element;
+export declare function DeleteUser({ className, variant, ...props }: DeleteUserProps & Omit<CardProps, "children">): import("react/jsx-runtime").JSX.Element;

package/dist/components/auth/delete-user/delete-user.js

@@ -0,0 +1,95 @@
+import { deleteUserPlugin as e } from "../../../lib/auth/delete-user-plugin.js";
+import { authQueryKeys as t } from "@better-auth-ui/core";
+import { useAuth as n, useAuthPlugin as r, useDeleteUser as i, useListAccounts as a } from "@better-auth-ui/react";
+import { TriangleExclamation as o } from "@gravity-ui/icons";
+import { AlertDialog as s, Button as c, Card as l, FieldError as u, Form as d, Input as f, Label as p, Spinner as m, TextField as h, cn as g, toast as _ } from "@heroui/react";
+import { useState as v } from "react";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import { useQueryClient as x } from "@tanstack/react-query";
+//#region src/components/auth/delete-user/delete-user.tsx
+function S({ className: S, variant: C, ...w }) {
+	let { authClient: T, basePaths: E, localization: D, navigate: O, viewPaths: k } = n(), { localization: A, sendDeleteAccountVerification: j } = r(e), { data: M } = a(T), N = x(), [P, F] = v(!1), [I, L] = v(""), R = M?.some((e) => e.providerId === "credential"), z = !j && R, { mutate: B, isPending: V } = i(T), H = (e) => {
+		F(e), L("");
+	}, U = async (e) => {
+		e.preventDefault(), B({ ...z ? { password: I } : {} }, { onSuccess: () => {
+			F(!1), L(""), j ? _.success(A.deleteUserVerificationSent) : (_.success(A.deleteUserSuccess), N.removeQueries({ queryKey: t.all }), O({
+				to: `${E.auth}/${k.auth.signIn}`,
+				replace: !0
+			}));
+		} });
+	};
+	return /* @__PURE__ */ y(l, {
+		className: g("border border-danger", S),
+		variant: C,
+		...w,
+		children: /* @__PURE__ */ b(l.Content, {
+			className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
+			children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+				className: "text-sm font-medium leading-tight",
+				children: A.deleteUser
+			}), /* @__PURE__ */ y("p", {
+				className: "text-muted text-xs mt-0.5",
+				children: A.deleteUserDescription
+			})] }), /* @__PURE__ */ b(s, { children: [/* @__PURE__ */ y(c, {
+				isDisabled: !M,
+				size: "sm",
+				variant: "danger",
+				onPress: () => F(!0),
+				children: A.deleteUser
+			}), /* @__PURE__ */ y(s.Backdrop, {
+				isOpen: P,
+				onOpenChange: H,
+				children: /* @__PURE__ */ y(s.Container, { children: /* @__PURE__ */ y(s.Dialog, { children: /* @__PURE__ */ b(d, {
+					onSubmit: U,
+					children: [
+						/* @__PURE__ */ y(s.CloseTrigger, {}),
+						/* @__PURE__ */ b(s.Header, { children: [/* @__PURE__ */ y(s.Icon, {
+							status: "danger",
+							children: /* @__PURE__ */ y(o, {})
+						}), /* @__PURE__ */ y(s.Heading, { children: A.deleteUser })] }),
+						/* @__PURE__ */ b(s.Body, {
+							className: "overflow-visible",
+							children: [/* @__PURE__ */ y("p", {
+								className: "text-muted text-sm",
+								children: A.deleteUserDescription
+							}), z && /* @__PURE__ */ b(h, {
+								className: "mt-4",
+								name: "password",
+								type: "password",
+								isDisabled: V,
+								value: I,
+								onChange: L,
+								children: [
+									/* @__PURE__ */ y(p, { children: D.auth.password }),
+									/* @__PURE__ */ y(f, {
+										autoComplete: "current-password",
+										placeholder: D.auth.passwordPlaceholder,
+										required: !0,
+										variant: "secondary"
+									}),
+									/* @__PURE__ */ y(u, {})
+								]
+							})]
+						}),
+						/* @__PURE__ */ b(s.Footer, { children: [/* @__PURE__ */ y(c, {
+							slot: "close",
+							variant: "tertiary",
+							isDisabled: V,
+							children: D.settings.cancel
+						}), /* @__PURE__ */ b(c, {
+							type: "submit",
+							variant: "danger",
+							isPending: V,
+							children: [V && /* @__PURE__ */ y(m, {
+								color: "current",
+								size: "sm"
+							}), A.deleteUser]
+						})] })
+					]
+				}) }) })
+			})] })]
+		})
+	});
+}
+//#endregion
+export { S as DeleteUser };

package/dist/components/{email → auth/email}/email-changed-email.d.ts

@@ -1,3 +1,3 @@
-import { EmailChangedEmailProps } from '@better-auth-ui/react';
-export type { EmailChangedEmailProps } from '@better-auth-ui/react';
+import { EmailChangedEmailProps } from '@better-auth-ui/react/email';
+export type { EmailChangedEmailProps } from '@better-auth-ui/react/email';
 export declare function EmailChangedEmail({ colors, classNames, ...props }: EmailChangedEmailProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/{email → auth/email}/email-changed-email.js

@@ -1,9 +1,9 @@
-import { EmailChangedEmail as e } from "@better-auth-ui/react";
-import { cn as t } from "@heroui/react";
-import { jsx as n } from "react/jsx-runtime";
-//#region src/components/email/email-changed-email.tsx
+import { cn as e } from "@heroui/react";
+import { jsx as t } from "react/jsx-runtime";
+import { EmailChangedEmail as n } from "@better-auth-ui/react/email";
+//#region src/components/auth/email/email-changed-email.tsx
 function r({ colors: r, classNames: i, ...a }) {
-	return /* @__PURE__ */ n(e, {
+	return /* @__PURE__ */ t(n, {
 		colors: {
 			light: {
 				background: "#F5F5F5",
@@ -20,8 +20,8 @@ function r({ colors: r, classNames: i, ...a }) {
 		},
 		classNames: {
 			...i,
-			card: t("border-none rounded-3xl", i?.card),
-			button: t("rounded-full", i?.button)
+			card: e("border-none rounded-3xl", i?.card),
+			button: e("rounded-full", i?.button)
 		},
 		...a
 	});

package/dist/components/{email → auth/email}/email-verification-email.d.ts

@@ -1,3 +1,3 @@
-import { EmailVerificationEmailProps } from '@better-auth-ui/react';
-export type { EmailVerificationEmailProps } from '@better-auth-ui/react';
+import { EmailVerificationEmailProps } from '@better-auth-ui/react/email';
+export type { EmailVerificationEmailProps } from '@better-auth-ui/react/email';
 export declare function EmailVerificationEmail({ colors, classNames, ...props }: EmailVerificationEmailProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/{email → auth/email}/email-verification-email.js

@@ -1,9 +1,9 @@
-import { EmailVerificationEmail as e } from "@better-auth-ui/react";
-import { cn as t } from "@heroui/react";
-import { jsx as n } from "react/jsx-runtime";
-//#region src/components/email/email-verification-email.tsx
+import { cn as e } from "@heroui/react";
+import { jsx as t } from "react/jsx-runtime";
+import { EmailVerificationEmail as n } from "@better-auth-ui/react/email";
+//#region src/components/auth/email/email-verification-email.tsx
 function r({ colors: r, classNames: i, ...a }) {
-	return /* @__PURE__ */ n(e, {
+	return /* @__PURE__ */ t(n, {
 		colors: {
 			light: {
 				background: "#F5F5F5",
@@ -20,8 +20,8 @@ function r({ colors: r, classNames: i, ...a }) {
 		},
 		classNames: {
 			...i,
-			card: t("border-none rounded-3xl", i?.card),
-			button: t("rounded-full", i?.button)
+			card: e("border-none rounded-3xl", i?.card),
+			button: e("rounded-full", i?.button)
 		},
 		...a
 	});

package/dist/components/auth/email/magic-link-email.d.ts

@@ -0,0 +1,3 @@
+import { MagicLinkEmailProps } from '@better-auth-ui/react/email';
+export type { MagicLinkEmailProps } from '@better-auth-ui/react/email';
+export declare function MagicLinkEmail({ colors, classNames, ...props }: MagicLinkEmailProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/{email → auth/email}/magic-link-email.js

@@ -1,9 +1,9 @@
-import { MagicLinkEmail as e } from "@better-auth-ui/react";
-import { cn as t } from "@heroui/react";
-import { jsx as n } from "react/jsx-runtime";
-//#region src/components/email/magic-link-email.tsx
+import { cn as e } from "@heroui/react";
+import { jsx as t } from "react/jsx-runtime";
+import { MagicLinkEmail as n } from "@better-auth-ui/react/email";
+//#region src/components/auth/email/magic-link-email.tsx
 function r({ colors: r, classNames: i, ...a }) {
-	return /* @__PURE__ */ n(e, {
+	return /* @__PURE__ */ t(n, {
 		colors: {
 			light: {
 				background: "#F5F5F5",
@@ -20,8 +20,8 @@ function r({ colors: r, classNames: i, ...a }) {
 		},
 		classNames: {
 			...i,
-			card: t("border-none rounded-3xl", i?.card),
-			button: t("rounded-full", i?.button)
+			card: e("border-none rounded-3xl", i?.card),
+			button: e("rounded-full", i?.button)
 		},
 		...a
 	});

package/dist/components/auth/email/new-device-email.d.ts

@@ -0,0 +1,3 @@
+import { NewDeviceEmailProps } from '@better-auth-ui/react/email';
+export type { NewDeviceEmailProps } from '@better-auth-ui/react/email';
+export declare function NewDeviceEmail({ colors, classNames, ...props }: NewDeviceEmailProps): import("react/jsx-runtime").JSX.Element;