@better-auth-ui/heroui 1.6.2 → 1.6.4

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

@@ -0,0 +1,37 @@
+import { UserAvatar as e } from "./user-avatar.js";
+import { useAuth as t, useSession as n } from "@better-auth-ui/react";
+import { Skeleton as r, cn as i } from "@heroui/react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/auth/user/user-view.tsx
+function s({ className: s, isPending: c, size: l = "sm", user: u, ...d }) {
+	let { authClient: f } = t(), { data: p, isPending: m } = n(f, { enabled: !u && !c }), h = u ?? p?.user;
+	return (c || m) && !u ? /* @__PURE__ */ o("div", {
+		className: i("flex items-center gap-2 min-w-0", s),
+		...d,
+		children: [/* @__PURE__ */ a(e, {
+			isPending: !0,
+			size: l
+		}), /* @__PURE__ */ o("div", {
+			className: "flex flex-col gap-1 min-w-0",
+			children: [/* @__PURE__ */ a(r, { className: "h-3.5 w-24 rounded-lg" }), /* @__PURE__ */ a(r, { className: "h-3 w-32 rounded-lg" })]
+		})]
+	}) : /* @__PURE__ */ o("div", {
+		className: i("flex items-center gap-2 min-w-0", s),
+		...d,
+		children: [/* @__PURE__ */ a(e, {
+			user: h,
+			size: l
+		}), /* @__PURE__ */ o("div", {
+			className: "min-w-0",
+			children: [/* @__PURE__ */ a("p", {
+				className: "text-sm font-medium truncate leading-tight",
+				children: h?.displayUsername || h?.name || h?.email
+			}), (h?.displayUsername || h?.name) && /* @__PURE__ */ a("p", {
+				className: "text-muted text-xs mb-0.5 truncate overflow-x-hidden",
+				children: h?.email
+			})]
+		})]
+	});
+}
+//#endregion
+export { s as UserView };

package/dist/components/auth/username/sign-in-username.d.ts

@@ -0,0 +1,14 @@
+import { CardProps } from '@heroui/react';
+import { SocialLayout } from '../provider-buttons';
+export interface SignInUsernameProps {
+    className?: string;
+    socialLayout?: SocialLayout;
+    socialPosition?: "top" | "bottom";
+    variant?: CardProps["variant"];
+}
+/**
+ * Render the username-based sign-in UI.
+ *
+ * @returns The sign-in JSX element containing username/password fields, optional magic-link button, and social provider buttons.
+ */
+export declare function SignInUsername({ className, socialLayout, socialPosition, variant, ...props }: SignInUsernameProps & Omit<CardProps, "children">): import("react/jsx-runtime").JSX.Element;

package/dist/components/auth/username/sign-in-username.js

@@ -0,0 +1,142 @@
+import { FieldSeparator as e } from "../field-separator.js";
+import { ProviderButtons as t } from "../provider-buttons.js";
+import { usernamePlugin as n } from "../../../lib/auth/username-plugin.js";
+import { authMutationKeys as r } from "@better-auth-ui/core";
+import { useAuth as i, useAuthPlugin as a, useSendVerificationEmail as o, useSignInEmail as s, useSignInUsername as c } from "@better-auth-ui/react";
+import { Button as l, Card as u, Checkbox as d, Description as f, FieldError as p, Form as m, Input as h, Label as g, Link as _, Spinner as v, TextField as y, cn as b, toast as x } from "@heroui/react";
+import { useState as S } from "react";
+import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
+import { useIsMutating as E } from "@tanstack/react-query";
+//#region src/components/auth/username/sign-in-username.tsx
+function D({ className: D, socialLayout: O, socialPosition: k = "bottom", variant: A, ...j }) {
+	let { authClient: M, basePaths: N, baseURL: P, emailAndPassword: F, localization: I, plugins: L, redirectTo: R, socialProviders: z, viewPaths: B, navigate: V } = i(), { localization: H } = a(n), [U, W] = S(""), { mutate: G } = o(M, { onSuccess: () => x.success(I.auth.verificationEmailSent) });
+	function K(e) {
+		return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e);
+	}
+	let { mutate: q } = s(M, {
+		onError: (e, { email: t }) => {
+			W(""), e.error?.code === "EMAIL_NOT_VERIFIED" ? x.danger(e.error?.message || e.message, { actionProps: {
+				children: I.auth.resend,
+				onClick: () => G({
+					email: t,
+					callbackURL: `${P}${R}`
+				})
+			} }) : x.danger(e.error?.message || e.message);
+		},
+		onSuccess: () => V({ to: R })
+	}), { mutate: J, isPending: Y } = c(M, {
+		onError: (e) => {
+			W(""), x.danger(e.error?.message || e.message);
+		},
+		onSuccess: () => V({ to: R })
+	}), X = (e) => {
+		e.preventDefault();
+		let t = new FormData(e.currentTarget), n = t.get("email"), r = t.get("rememberMe") === "on";
+		K(n) ? q({
+			email: n,
+			password: U,
+			...F?.rememberMe ? { rememberMe: r } : {}
+		}) : J({
+			username: n,
+			password: U,
+			...F?.rememberMe ? { rememberMe: r } : {}
+		});
+	}, Z = E({ mutationKey: r.signIn.all }) + E({ mutationKey: r.signUp.all }) > 0, Q = F?.enabled && !!z?.length;
+	return /* @__PURE__ */ T(u, {
+		className: b("w-full max-w-sm gap-4 md:p-6", D),
+		variant: A,
+		...j,
+		children: [
+			/* @__PURE__ */ w(u.Header, { children: /* @__PURE__ */ w(u.Title, {
+				className: "text-xl font-semibold mb-1",
+				children: I.auth.signIn
+			}) }),
+			/* @__PURE__ */ T(u.Content, {
+				className: "gap-4",
+				children: [
+					k === "top" && /* @__PURE__ */ T(C, { children: [!!z?.length && /* @__PURE__ */ w(t, { socialLayout: O }), Q && /* @__PURE__ */ w(e, { children: I.auth.or })] }),
+					F?.enabled && /* @__PURE__ */ T(m, {
+						onSubmit: X,
+						className: "flex flex-col gap-4",
+						children: [
+							/* @__PURE__ */ T(y, {
+								name: "email",
+								type: "text",
+								autoComplete: "username email",
+								isDisabled: Z,
+								children: [
+									/* @__PURE__ */ w(g, { children: H.username }),
+									/* @__PURE__ */ w(h, {
+										placeholder: H.usernameOrEmailPlaceholder,
+										variant: A === "transparent" ? "primary" : "secondary",
+										required: !0
+									}),
+									/* @__PURE__ */ w(p, {})
+								]
+							}),
+							/* @__PURE__ */ T(y, {
+								minLength: F?.minPasswordLength,
+								maxLength: F?.maxPasswordLength,
+								name: "password",
+								type: "password",
+								autoComplete: "current-password",
+								isDisabled: Z,
+								value: U,
+								onChange: W,
+								children: [
+									/* @__PURE__ */ w(g, { children: I.auth.password }),
+									/* @__PURE__ */ w(h, {
+										placeholder: I.auth.passwordPlaceholder,
+										variant: A === "transparent" ? "primary" : "secondary",
+										required: !0
+									}),
+									/* @__PURE__ */ w(p, {})
+								]
+							}),
+							F?.rememberMe && /* @__PURE__ */ T(d, {
+								name: "rememberMe",
+								isDisabled: Z,
+								variant: A === "transparent" ? "primary" : "secondary",
+								children: [/* @__PURE__ */ w(d.Control, { children: /* @__PURE__ */ w(d.Indicator, {}) }), /* @__PURE__ */ w(d.Content, { children: /* @__PURE__ */ w(g, { children: I.auth.rememberMe }) })]
+							}),
+							/* @__PURE__ */ T("div", {
+								className: "flex flex-col gap-3",
+								children: [/* @__PURE__ */ T(l, {
+									type: "submit",
+									className: "w-full",
+									isPending: Y || Z,
+									children: [Y && /* @__PURE__ */ w(v, {
+										color: "current",
+										size: "sm"
+									}), I.auth.signIn]
+								}), L.flatMap((e) => e.authButtons?.map((t, n) => /* @__PURE__ */ w(t, { view: "signIn" }, `${e.id}-${n.toString()}`)))]
+							})
+						]
+					}),
+					k === "bottom" && /* @__PURE__ */ T(C, { children: [Q && /* @__PURE__ */ w(e, { children: I.auth.or }), !!z?.length && /* @__PURE__ */ w(t, { socialLayout: O })] })
+				]
+			}),
+			/* @__PURE__ */ T(u.Footer, {
+				className: "flex-col gap-3",
+				children: [F?.forgotPassword && /* @__PURE__ */ w(_, {
+					href: `${N.auth}/${B.auth.forgotPassword}`,
+					className: "no-underline hover:underline",
+					children: I.auth.forgotPasswordLink
+				}), F?.enabled && /* @__PURE__ */ T(f, {
+					className: "text-sm",
+					children: [
+						I.auth.needToCreateAnAccount,
+						" ",
+						/* @__PURE__ */ w(_, {
+							href: `${N.auth}/${B.auth.signUp}`,
+							className: "text-accent no-underline hover:underline decoration-accent-hover",
+							children: I.auth.signUp
+						})
+					]
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { D as SignInUsername };

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

@@ -0,0 +1,8 @@
+import { AdditionalFieldProps } from '../additional-field';
+/**
+ * Renderer for the `username` additional field. Owns availability checking,
+ * length limits, and visual indicators. `FieldError` automatically surfaces
+ * native validation messages. Availability feedback is shown via the icon and
+ * aria-label without affecting the field's invalid state.
+ */
+export declare function UsernameField({ name, field, isPending, variant }: AdditionalFieldProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,51 @@
+import { usernamePlugin as e } from "../../../lib/auth/username-plugin.js";
+import { useAuth as t, useAuthPlugin as n, useIsUsernameAvailable as r } from "@better-auth-ui/react";
+import { Check as i, Xmark as a } from "@gravity-ui/icons";
+import { FieldError as o, InputGroup as s, Label as c, Spinner as l, TextField as u } from "@heroui/react";
+import { useState as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { useDebouncer as m } from "@tanstack/react-pacer";
+//#region src/components/auth/username/username-field.tsx
+function h({ name: h, field: g, isPending: _, variant: v }) {
+	let { authClient: y } = t(), { localization: b, minUsernameLength: x, maxUsernameLength: S, isUsernameAvailable: C } = n(e), w = String(g.defaultValue ?? ""), [T, E] = d(w), { mutate: D, data: O, error: k, reset: A } = r(y, { onError: () => {} }), j = m((e) => {
+		let t = e.trim();
+		if (!t || t === w) {
+			A();
+			return;
+		}
+		D({ username: t });
+	}, { wait: 500 });
+	function M(e) {
+		E(e), A(), C && j.maybeExecute(e);
+	}
+	let N = !!C && !!T.trim() && T.trim() !== w;
+	return /* @__PURE__ */ p(u, {
+		name: h,
+		type: "text",
+		autoComplete: "username",
+		minLength: x,
+		maxLength: S,
+		isDisabled: _,
+		isRequired: g.required,
+		isReadOnly: g.readOnly,
+		value: T,
+		onChange: M,
+		children: [
+			/* @__PURE__ */ f(c, { children: g.label }),
+			/* @__PURE__ */ p(s, {
+				variant: v === "transparent" ? "primary" : "secondary",
+				children: [/* @__PURE__ */ f(s.Input, { placeholder: g.placeholder }), N && /* @__PURE__ */ f(s.Suffix, {
+					"aria-label": O?.available ? b.usernameAvailable : O?.available === !1 ? b.usernameTaken : void 0,
+					className: "px-2",
+					children: O?.available ? /* @__PURE__ */ f(i, { className: "text-success" }) : k || O?.available === !1 ? /* @__PURE__ */ f(a, { className: "text-danger" }) : /* @__PURE__ */ f(l, {
+						size: "sm",
+						color: "current"
+					})
+				})]
+			}),
+			/* @__PURE__ */ f(o, {})
+		]
+	});
+}
+//#endregion
+export { h as UsernameField };

package/dist/email.d.ts

@@ -0,0 +1,7 @@
+export * from './components/auth/email/email-changed-email';
+export * from './components/auth/email/email-verification-email';
+export * from './components/auth/email/magic-link-email';
+export * from './components/auth/email/new-device-email';
+export * from './components/auth/email/otp-email';
+export * from './components/auth/email/password-changed-email';
+export * from './components/auth/email/reset-password-email';

package/dist/email.js

@@ -0,0 +1,9 @@
+"use client";
+import { EmailChangedEmail as e } from "./components/auth/email/email-changed-email.js";
+import { EmailVerificationEmail as t } from "./components/auth/email/email-verification-email.js";
+import { MagicLinkEmail as n } from "./components/auth/email/magic-link-email.js";
+import { NewDeviceEmail as r } from "./components/auth/email/new-device-email.js";
+import { OtpEmail as i } from "./components/auth/email/otp-email.js";
+import { PasswordChangedEmail as a } from "./components/auth/email/password-changed-email.js";
+import { ResetPasswordEmail as o } from "./components/auth/email/reset-password-email.js";
+export { e as EmailChangedEmail, t as EmailVerificationEmail, n as MagicLinkEmail, r as NewDeviceEmail, i as OtpEmail, a as PasswordChangedEmail, o as ResetPasswordEmail };

package/dist/index.d.ts

@@ -1,35 +1,21 @@
+export * from './components/auth/additional-field';
 export * from './components/auth/auth';
 export * from './components/auth/auth-provider';
 export * from './components/auth/forgot-password';
-export * from './components/auth/magic-link';
-export * from './components/auth/magic-link-button';
-export * from './components/auth/passkey-button';
+export * from './components/auth/provider-button';
 export * from './components/auth/provider-buttons';
 export * from './components/auth/reset-password';
+export * from './components/auth/settings/account/account-settings';
+export * from './components/auth/settings/account/change-email';
+export * from './components/auth/settings/account/user-profile';
+export * from './components/auth/settings/security/active-sessions';
+export * from './components/auth/settings/security/change-password';
+export * from './components/auth/settings/security/linked-accounts';
+export * from './components/auth/settings/security/security-settings';
+export * from './components/auth/settings/settings';
 export * from './components/auth/sign-in';
 export * from './components/auth/sign-out';
 export * from './components/auth/sign-up';
-export * from './components/email/email-changed-email';
-export * from './components/email/email-verification-email';
-export * from './components/email/magic-link-email';
-export * from './components/email/new-device-email';
-export * from './components/email/otp-email';
-export * from './components/email/password-changed-email';
-export * from './components/email/reset-password-email';
-export * from './components/settings/account/account-settings';
-export * from './components/settings/account/appearance';
-export * from './components/settings/account/change-email';
-export * from './components/settings/account/manage-account';
-export * from './components/settings/account/manage-accounts';
-export * from './components/settings/account/user-profile';
-export * from './components/settings/security/active-sessions';
-export * from './components/settings/security/change-password';
-export * from './components/settings/security/danger-zone';
-export * from './components/settings/security/delete-user';
-export * from './components/settings/security/linked-accounts';
-export * from './components/settings/security/passkeys';
-export * from './components/settings/security/security-settings';
-export * from './components/settings/settings';
-export * from './components/user/user-avatar';
-export * from './components/user/user-button';
-export * from './components/user/user-view';
+export * from './components/auth/user/user-avatar';
+export * from './components/auth/user/user-button';
+export * from './components/auth/user/user-view';

package/dist/index.js

@@ -1,37 +1,23 @@
 "use client";
-import { ForgotPassword as e } from "./components/auth/forgot-password.js";
-import { MagicLinkButton as t } from "./components/auth/magic-link-button.js";
-import { PasskeyButton as n } from "./components/auth/passkey-button.js";
-import { ProviderButtons as r } from "./components/auth/provider-buttons.js";
-import { MagicLink as i } from "./components/auth/magic-link.js";
-import { ResetPassword as a } from "./components/auth/reset-password.js";
-import { SignIn as o } from "./components/auth/sign-in.js";
-import { SignOut as s } from "./components/auth/sign-out.js";
-import { SignUp as c } from "./components/auth/sign-up.js";
-import { Auth as l } from "./components/auth/auth.js";
-import { AuthProvider as u } from "./components/auth/auth-provider.js";
-import { EmailChangedEmail as d } from "./components/email/email-changed-email.js";
-import { EmailVerificationEmail as f } from "./components/email/email-verification-email.js";
-import { MagicLinkEmail as p } from "./components/email/magic-link-email.js";
-import { NewDeviceEmail as m } from "./components/email/new-device-email.js";
-import { OtpEmail as h } from "./components/email/otp-email.js";
-import { PasswordChangedEmail as g } from "./components/email/password-changed-email.js";
-import { ResetPasswordEmail as _ } from "./components/email/reset-password-email.js";
-import { Appearance as v } from "./components/settings/account/appearance.js";
-import { ChangeEmail as y } from "./components/settings/account/change-email.js";
-import { UserAvatar as b } from "./components/user/user-avatar.js";
-import { UserView as x } from "./components/user/user-view.js";
-import { ManageAccount as S } from "./components/settings/account/manage-account.js";
-import { ManageAccounts as C } from "./components/settings/account/manage-accounts.js";
-import { UserProfile as w } from "./components/settings/account/user-profile.js";
-import { AccountSettings as T } from "./components/settings/account/account-settings.js";
-import { ActiveSessions as E } from "./components/settings/security/active-sessions.js";
-import { ChangePassword as D } from "./components/settings/security/change-password.js";
-import { DeleteUser as O } from "./components/settings/security/delete-user.js";
-import { DangerZone as k } from "./components/settings/security/danger-zone.js";
-import { LinkedAccounts as A } from "./components/settings/security/linked-accounts.js";
-import { Passkeys as j } from "./components/settings/security/passkeys.js";
-import { SecuritySettings as M } from "./components/settings/security/security-settings.js";
-import { Settings as N } from "./components/settings/settings.js";
-import { UserButton as P } from "./components/user/user-button.js";
-export { T as AccountSettings, E as ActiveSessions, v as Appearance, l as Auth, u as AuthProvider, y as ChangeEmail, D as ChangePassword, k as DangerZone, O as DeleteUser, d as EmailChangedEmail, f as EmailVerificationEmail, e as ForgotPassword, A as LinkedAccounts, i as MagicLink, t as MagicLinkButton, p as MagicLinkEmail, S as ManageAccount, C as ManageAccounts, m as NewDeviceEmail, h as OtpEmail, n as PasskeyButton, j as Passkeys, g as PasswordChangedEmail, r as ProviderButtons, a as ResetPassword, _ as ResetPasswordEmail, M as SecuritySettings, N as Settings, o as SignIn, s as SignOut, c as SignUp, b as UserAvatar, P as UserButton, w as UserProfile, x as UserView };
+import { AdditionalField as e } from "./components/auth/additional-field.js";
+import { ForgotPassword as t } from "./components/auth/forgot-password.js";
+import { ResetPassword as n } from "./components/auth/reset-password.js";
+import { ProviderButton as r } from "./components/auth/provider-button.js";
+import { ProviderButtons as i } from "./components/auth/provider-buttons.js";
+import { SignIn as a } from "./components/auth/sign-in.js";
+import { SignOut as o } from "./components/auth/sign-out.js";
+import { SignUp as s } from "./components/auth/sign-up.js";
+import { Auth as c } from "./components/auth/auth.js";
+import { AuthProvider as l } from "./components/auth/auth-provider.js";
+import { ChangeEmail as u } from "./components/auth/settings/account/change-email.js";
+import { UserAvatar as d } from "./components/auth/user/user-avatar.js";
+import { UserProfile as f } from "./components/auth/settings/account/user-profile.js";
+import { AccountSettings as p } from "./components/auth/settings/account/account-settings.js";
+import { ActiveSessions as m } from "./components/auth/settings/security/active-sessions.js";
+import { ChangePassword as h } from "./components/auth/settings/security/change-password.js";
+import { LinkedAccounts as g } from "./components/auth/settings/security/linked-accounts.js";
+import { SecuritySettings as _ } from "./components/auth/settings/security/security-settings.js";
+import { Settings as v } from "./components/auth/settings/settings.js";
+import { UserView as y } from "./components/auth/user/user-view.js";
+import { UserButton as b } from "./components/auth/user/user-button.js";
+export { p as AccountSettings, m as ActiveSessions, e as AdditionalField, c as Auth, l as AuthProvider, u as ChangeEmail, h as ChangePassword, t as ForgotPassword, g as LinkedAccounts, r as ProviderButton, i as ProviderButtons, n as ResetPassword, _ as SecuritySettings, v as Settings, a as SignIn, o as SignOut, s as SignUp, d as UserAvatar, b as UserButton, f as UserProfile, y as UserView };

package/dist/lib/auth/auth-plugin.d.ts

@@ -0,0 +1,44 @@
+import { AdditionalField as AdditionalFieldConfig } from '@better-auth-ui/core';
+import { AccountCardProps, AuthPlugin as AuthPluginPrimitive, AuthPluginComponents as BaseAuthPluginComponents, SecurityCardProps, UserMenuItemProps } from '@better-auth-ui/react';
+import { CardProps } from '@heroui/react';
+import { ComponentType, ReactNode } from 'react';
+import { SocialLayout } from '../../components/auth/provider-buttons';
+/** Props for the heroui `<AdditionalField>` component and `field.render` callbacks. */
+export type AdditionalFieldProps = {
+    name: string;
+    field: AdditionalFieldConfig;
+    isPending?: boolean;
+    variant?: CardProps["variant"];
+};
+declare module "@better-auth-ui/core" {
+    interface AuthPluginRegister {
+        heroui: AuthPlugin;
+    }
+    interface AdditionalFieldRegister {
+        label: ReactNode;
+        renderProps: AdditionalFieldProps;
+        renderResult: ReactNode;
+    }
+}
+/** Heroui slot component shapes — inherits from the framework-agnostic defaults and narrows slots that receive a heroui variant from the host. */
+export type AuthPluginComponents = Omit<BaseAuthPluginComponents, "securityCards" | "accountCards"> & {
+    /** Rendered as cards inside security settings */
+    securityCards?: ComponentType<SecurityCardProps & {
+        variant?: CardProps["variant"];
+    }>[];
+    /** Rendered as cards inside account settings */
+    accountCards?: ComponentType<AccountCardProps & {
+        variant?: CardProps["variant"];
+    }>[];
+    /** Rendered as items inside the `UserButton` dropdown (e.g. account switcher). */
+    userMenuItems?: ComponentType<UserMenuItemProps>[];
+};
+/** Props the heroui `<Auth>` router spreads onto plugin-contributed auth views. */
+export type AuthViewProps = Omit<CardProps, "children"> & {
+    socialLayout?: SocialLayout;
+    socialPosition?: "top" | "bottom";
+};
+/** Props the heroui `<Settings>` router spreads onto plugin-contributed settings views. */
+export type SettingsViewProps = Omit<CardProps, "children">;
+/** Heroui plugin type. Plugin authors import this from `@better-auth-ui/heroui`. */
+export type AuthPlugin = AuthPluginPrimitive<AuthPluginComponents, AuthViewProps, SettingsViewProps>;

package/dist/lib/auth/delete-user-plugin.d.ts

@@ -0,0 +1,17 @@
+import { DeleteUserPluginOptions } from '@better-auth-ui/core/plugins';
+import { DangerZone } from '../../components/auth/delete-user/danger-zone';
+export declare const deleteUserPlugin: ((options?: DeleteUserPluginOptions | undefined) => Omit<{
+    securityCards: (typeof DangerZone)[];
+    localization: {
+        deleteUser: string;
+        deleteUserDescription: string;
+        deleteUserVerificationSent: string;
+        deleteUserSuccess: string;
+    };
+    sendDeleteAccountVerification: boolean;
+    id: "deleteUser";
+}, "id"> & {
+    id: "deleteUser";
+}) & {
+    id: "deleteUser";
+};

package/dist/lib/auth/delete-user-plugin.js

@@ -0,0 +1,10 @@
+import { DangerZone as e } from "../../components/auth/delete-user/danger-zone.js";
+import { createAuthPlugin as t } from "@better-auth-ui/core";
+import { deleteUserPlugin as n } from "@better-auth-ui/core/plugins";
+//#region src/lib/auth/delete-user-plugin.ts
+var r = t(n.id, (t = {}) => ({
+	...n(t),
+	securityCards: [e]
+}));
+//#endregion
+export { r as deleteUserPlugin };

package/dist/lib/auth/magic-link-plugin.d.ts

@@ -0,0 +1,31 @@
+import { MagicLinkPluginOptions } from '@better-auth-ui/core/plugins';
+import { MagicLink } from '../../components/auth/magic-link/magic-link';
+import { MagicLinkButton } from '../../components/auth/magic-link/magic-link-button';
+export declare const magicLinkPlugin: ((options?: MagicLinkPluginOptions | undefined) => Omit<{
+    authButtons: (typeof MagicLinkButton)[];
+    views: {
+        auth: {
+            magicLink: typeof MagicLink;
+        };
+    };
+    fallbackViews: {
+        auth: {
+            signIn: typeof MagicLink;
+        };
+    };
+    localization: {
+        magicLink: string;
+        sendMagicLink: string;
+        magicLinkSent: string;
+    };
+    viewPaths: {
+        auth: {
+            magicLink: string;
+        };
+    };
+    id: "magicLink";
+}, "id"> & {
+    id: "magicLink";
+}) & {
+    id: "magicLink";
+};

package/dist/lib/auth/magic-link-plugin.js

@@ -0,0 +1,13 @@
+import { MagicLinkButton as e } from "../../components/auth/magic-link/magic-link-button.js";
+import { MagicLink as t } from "../../components/auth/magic-link/magic-link.js";
+import { createAuthPlugin as n } from "@better-auth-ui/core";
+import { magicLinkPlugin as r } from "@better-auth-ui/core/plugins";
+//#region src/lib/auth/magic-link-plugin.ts
+var i = n(r.id, (n = {}) => ({
+	...r(n),
+	authButtons: [e],
+	views: { auth: { magicLink: t } },
+	fallbackViews: { auth: { signIn: t } }
+}));
+//#endregion
+export { i as magicLinkPlugin };

package/dist/lib/auth/multi-session-plugin.d.ts

@@ -0,0 +1,18 @@
+import { MultiSessionPluginOptions } from '@better-auth-ui/core/plugins';
+import { ManageAccounts } from '../../components/auth/multi-session/manage-accounts';
+import { SwitchAccountSubmenu } from '../../components/auth/multi-session/switch-account-submenu';
+export declare const multiSessionPlugin: ((options?: MultiSessionPluginOptions | undefined) => Omit<{
+    accountCards: (typeof ManageAccounts)[];
+    userMenuItems: (typeof SwitchAccountSubmenu)[];
+    localization: {
+        switchAccount: string;
+        addAccount: string;
+        manageAccounts: string;
+        manageAccountsDescription: string;
+    };
+    id: "multiSession";
+}, "id"> & {
+    id: "multiSession";
+}) & {
+    id: "multiSession";
+};

package/dist/lib/auth/multi-session-plugin.js

@@ -0,0 +1,12 @@
+import { ManageAccounts as e } from "../../components/auth/multi-session/manage-accounts.js";
+import { SwitchAccountSubmenu as t } from "../../components/auth/multi-session/switch-account-submenu.js";
+import { createAuthPlugin as n } from "@better-auth-ui/core";
+import { multiSessionPlugin as r } from "@better-auth-ui/core/plugins";
+//#region src/lib/auth/multi-session-plugin.ts
+var i = n(r.id, (n = {}) => ({
+	...r(n),
+	accountCards: [e],
+	userMenuItems: [t]
+}));
+//#endregion
+export { i as multiSessionPlugin };

package/dist/lib/auth/passkey-plugin.d.ts

@@ -0,0 +1,20 @@
+import { PasskeyPluginOptions } from '@better-auth-ui/core/plugins';
+import { PasskeyButton } from '../../components/auth/passkey/passkey-button';
+import { Passkeys } from '../../components/auth/passkey/passkeys';
+export declare const passkeyPlugin: ((options?: PasskeyPluginOptions | undefined) => Omit<{
+    authButtons: (typeof PasskeyButton)[];
+    securityCards: (typeof Passkeys)[];
+    localization: {
+        passkey: string;
+        addPasskey: string;
+        deletePasskey: string;
+        passkeys: string;
+        passkeysDescription: string;
+        passkeysInstructions: string;
+    };
+    id: "passkey";
+}, "id"> & {
+    id: "passkey";
+}) & {
+    id: "passkey";
+};

package/dist/lib/auth/passkey-plugin.js

@@ -0,0 +1,12 @@
+import { PasskeyButton as e } from "../../components/auth/passkey/passkey-button.js";
+import { Passkeys as t } from "../../components/auth/passkey/passkeys.js";
+import { createAuthPlugin as n } from "@better-auth-ui/core";
+import { passkeyPlugin as r } from "@better-auth-ui/core/plugins";
+//#region src/lib/auth/passkey-plugin.ts
+var i = n(r.id, (n = {}) => ({
+	...r(n),
+	authButtons: [e],
+	securityCards: [t]
+}));
+//#endregion
+export { i as passkeyPlugin };