@better-auth-ui/heroui 1.6.28 → 1.6.29

package/dist/user-view-D9ial2fQ.js

@@ -0,0 +1,150 @@
+import { authMutationKeys as e, getEmailProviderLink as t, getProviderName as n } from "@better-auth-ui/core";
+import { providerIcons as r, useAuth as i, useLastLoginMethod as a, useSession as o, useSignInSocial as s } from "@better-auth-ui/react";
+import { ArrowUpRightFromSquare as c, Person as l } from "@gravity-ui/icons";
+import { Avatar as u, Button as d, Chip as f, Link as p, Separator as m, Skeleton as h, Spinner as g, cn as _ } from "@heroui/react";
+import { useMemo as v } from "react";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import { buttonVariants as x } from "@heroui/styles";
+import { useIsMutating as S } from "@tanstack/react-query";
+//#region src/components/auth/open-email-button.tsx
+function C({ email: e, className: n }) {
+	let { localization: r } = i(), a = t(e);
+	return a ? /* @__PURE__ */ b(p, {
+		href: a.loginUrl,
+		target: "_blank",
+		rel: "noopener noreferrer",
+		className: _(x({ variant: "primary" }), "w-full gap-2", n),
+		children: [r.auth.openEmailProvider.replace("{{provider}}", a.companyProvider), /* @__PURE__ */ y(c, { className: "size-3" })]
+	}) : null;
+}
+//#endregion
+//#region src/components/auth/field-separator.tsx
+function w({ children: e }) {
+	return /* @__PURE__ */ b("div", {
+		className: "flex items-center gap-4",
+		children: [
+			/* @__PURE__ */ y(m, { className: "flex-1" }),
+			/* @__PURE__ */ y("p", {
+				className: "text-xs text-muted shrink-0",
+				children: e
+			}),
+			/* @__PURE__ */ y(m, { className: "flex-1" })
+		]
+	});
+}
+//#endregion
+//#region src/components/auth/last-login-method/last-used-badge.tsx
+function T({ method: e, compact: t, floating: n }) {
+	let { method: r, localization: i } = a();
+	return !r || !(Array.isArray(e) ? e : [e]).includes(r) ? null : /* @__PURE__ */ y(f, {
+		className: _(n && "pointer-events-none absolute top-0 right-0 z-10 translate-x-1/4 -translate-y-1/2 shadow-sm"),
+		color: n ? "accent" : "default",
+		size: "sm",
+		variant: n ? "primary" : "secondary",
+		children: t || n ? i.lastUsedShort : i.lastUsed
+	});
+}
+//#endregion
+//#region src/components/auth/provider-button.tsx
+function E({ provider: t, display: a = "full", view: o = "signIn", variant: c = "tertiary", className: l, ...u }) {
+	let { authClient: f, baseURL: p, localization: m, redirectTo: h } = i(), v = `${p}${h}`, { mutate: x, isPending: C } = s(f), w = r[t];
+	return /* @__PURE__ */ b(d, {
+		variant: c,
+		isPending: S({ mutationKey: e.signIn.all }) + S({ mutationKey: e.signUp.all }) > 0,
+		onPress: () => x({
+			provider: t,
+			callbackURL: v
+		}),
+		className: _("relative overflow-visible", l),
+		...u,
+		children: [
+			C ? /* @__PURE__ */ y(g, {
+				color: "current",
+				size: "sm"
+			}) : /* @__PURE__ */ y(w, {}),
+			a === "full" ? m.auth.continueWith.replace("{{provider}}", n(t)) : a === "name" ? n(t) : null,
+			a === "icon" && /* @__PURE__ */ y("span", {
+				className: "sr-only",
+				children: n(t)
+			}),
+			o !== "signUp" && /* @__PURE__ */ y(T, {
+				method: t,
+				floating: !0
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/auth/provider-buttons.tsx
+function D({ socialLayout: e = "auto", view: t = "signIn" }) {
+	let { socialProviders: n } = i(), r = v(() => e === "auto" ? n?.length && n.length >= 4 ? "horizontal" : "vertical" : e, [e, n?.length]);
+	return /* @__PURE__ */ y("div", {
+		className: _("gap-3", r === "grid" && "grid grid-cols-2", r === "vertical" && "flex flex-col", r === "horizontal" && "flex flex-wrap"),
+		children: n?.map((e) => /* @__PURE__ */ y(E, {
+			provider: e,
+			view: t,
+			display: r === "vertical" ? "full" : r === "grid" ? "name" : "icon",
+			className: _("w-full", r === "horizontal" && "flex-1")
+		}, e))
+	});
+}
+//#endregion
+//#region src/components/auth/user/user-avatar.tsx
+function O({ className: e, fallback: t, isPending: n, user: r, size: a = "sm", style: s, ...c }) {
+	let { authClient: d } = i(), { data: f, isPending: p } = o(d, { enabled: !r && !n });
+	if ((n || p) && !r) return /* @__PURE__ */ y(h, {
+		className: _("rounded-full", a === "sm" ? "size-8" : a === "md" ? "size-10" : "size-12", e),
+		style: s
+	});
+	let m = r ?? f?.user, g = (m?.username || m?.name || m?.email)?.slice(0, 2).toUpperCase();
+	return /* @__PURE__ */ b(u, {
+		size: a,
+		className: _("rounded-full", e),
+		style: s,
+		...c,
+		children: [/* @__PURE__ */ y(u.Image, {
+			alt: m?.displayUsername || m?.name || m?.email,
+			src: m?.image ?? void 0
+		}), /* @__PURE__ */ y(u.Fallback, {
+			className: _(a === "lg" ? "text-xl" : a === "md" ? "text-base" : "text-sm"),
+			delayMs: m?.image ? 600 : void 0,
+			children: t || g || /* @__PURE__ */ y(l, { className: "size-4" })
+		})]
+	});
+}
+//#endregion
+//#region src/components/auth/user/user-view.tsx
+function k({ className: e, isPending: t, size: n = "md", hideSubtitle: r = !1, user: a, ...s }) {
+	let { authClient: c } = i(), { data: l, isPending: u } = o(c, { enabled: !a && !t }), d = a ?? l?.user;
+	return (t || u) && !a ? /* @__PURE__ */ b("div", {
+		className: _("flex items-center gap-2 min-w-0", e),
+		...s,
+		children: [/* @__PURE__ */ y(O, {
+			isPending: !0,
+			className: n === "sm" ? "size-5 [&>span]:text-xs" : void 0,
+			size: n === "lg" ? "md" : "sm"
+		}), /* @__PURE__ */ b("div", {
+			className: "flex flex-col gap-1 min-w-0",
+			children: [/* @__PURE__ */ y(h, { className: "h-3.5 w-24 rounded-lg" }), r ? null : /* @__PURE__ */ y(h, { className: "h-3 w-32 rounded-lg" })]
+		})]
+	}) : /* @__PURE__ */ b("div", {
+		className: _("flex items-center gap-2 min-w-0", e),
+		...s,
+		children: [/* @__PURE__ */ y(O, {
+			className: n === "sm" ? "size-5 [&>span]:text-xs" : void 0,
+			user: d,
+			size: n === "lg" ? "md" : "sm"
+		}), /* @__PURE__ */ b("div", {
+			className: "flex flex-col min-w-0",
+			children: [/* @__PURE__ */ y("p", {
+				className: "text-foreground text-sm font-medium leading-tight truncate",
+				children: d?.displayUsername || d?.name || d?.email
+			}), !r && (d?.displayUsername || d?.name) ? /* @__PURE__ */ y("p", {
+				className: "text-muted text-xs leading-tight truncate overflow-x-hidden",
+				children: d?.email
+			}) : null]
+		})]
+	});
+}
+//#endregion
+export { T as a, E as i, O as n, w as o, D as r, C as s, k as t };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@better-auth-ui/heroui",
-  "version": "1.6.28",
+  "version": "1.6.29",
   "type": "module",
   "scripts": {
     "build": "vite build",

package/src/components/auth/last-login-method/last-used-badge.tsx

@@ -0,0 +1,40 @@
+import { useLastLoginMethod } from "@better-auth-ui/react"
+import { Chip, cn } from "@heroui/react"
+
+export type LastUsedBadgeProps = {
+  /** Login method IDs that should display the indicator. */
+  method: string | string[]
+  /** Use the shorter label in constrained layouts. */
+  compact?: boolean
+  /** Float the compact indicator over the top-right edge of its container. */
+  floating?: boolean
+}
+
+/**
+ * Displays an indicator when one of the supplied method IDs matches Better
+ * Auth's stored last login method.
+ */
+export function LastUsedBadge({
+  method,
+  compact,
+  floating
+}: LastUsedBadgeProps) {
+  const { method: lastLoginMethod, localization } = useLastLoginMethod()
+  const methods = Array.isArray(method) ? method : [method]
+
+  if (!lastLoginMethod || !methods.includes(lastLoginMethod)) return null
+
+  return (
+    <Chip
+      className={cn(
+        floating &&
+          "pointer-events-none absolute top-0 right-0 z-10 translate-x-1/4 -translate-y-1/2 shadow-sm"
+      )}
+      color={floating ? "accent" : "default"}
+      size="sm"
+      variant={floating ? "primary" : "secondary"}
+    >
+      {compact || floating ? localization.lastUsedShort : localization.lastUsed}
+    </Chip>
+  )
+}

package/src/components/auth/magic-link/magic-link.tsx

@@ -104,7 +104,7 @@ export function MagicLink({
         {socialPosition === "top" && (
           <>
             {!!socialProviders?.length && (
-              <ProviderButtons socialLayout={socialLayout} />
+              <ProviderButtons socialLayout={socialLayout} view="magicLink" />
             )}
 
             {showSeparator && (
@@ -158,7 +158,7 @@ export function MagicLink({
             )}
 
             {!!socialProviders?.length && (
-              <ProviderButtons socialLayout={socialLayout} />
+              <ProviderButtons socialLayout={socialLayout} view="magicLink" />
             )}
           </>
         )}

package/src/components/auth/provider-button.tsx

@@ -1,12 +1,18 @@
-import { authMutationKeys, getProviderName } from "@better-auth-ui/core"
+import {
+  type AuthView,
+  authMutationKeys,
+  getProviderName
+} from "@better-auth-ui/core"
 import { providerIcons, useAuth, useSignInSocial } from "@better-auth-ui/react"
-import { Button, type ButtonProps, Spinner } from "@heroui/react"
+import { Button, type ButtonProps, cn, Spinner } from "@heroui/react"
 import { useIsMutating } from "@tanstack/react-query"
 import type { SocialProvider } from "better-auth/social-providers"
+import { LastUsedBadge } from "./last-login-method/last-used-badge"
 
 export type ProviderButtonProps = {
   provider: SocialProvider
   display?: "full" | "name" | "icon"
+  view?: AuthView
 } & Omit<ButtonProps, "children" | "onPress" | "isPending" | "isDisabled">
 
 /**
@@ -18,7 +24,9 @@ export type ProviderButtonProps = {
 export function ProviderButton({
   provider,
   display = "full",
+  view = "signIn",
   variant = "tertiary",
+  className,
   ...props
 }: ProviderButtonProps) {
   const { authClient, baseURL, localization, redirectTo } = useAuth()
@@ -43,8 +51,8 @@ export function ProviderButton({
       variant={variant}
       isPending={isPending}
       onPress={() => signInSocial({ provider, callbackURL })}
+      className={cn("relative overflow-visible", className)}
       {...props}
-      aria-label={getProviderName(provider)}
     >
       {signInSocialPending ? (
         <Spinner color="current" size="sm" />
@@ -60,6 +68,12 @@ export function ProviderButton({
         : display === "name"
           ? getProviderName(provider)
           : null}
+
+      {display === "icon" && (
+        <span className="sr-only">{getProviderName(provider)}</span>
+      )}
+
+      {view !== "signUp" && <LastUsedBadge method={provider} floating />}
     </Button>
   )
 }

package/src/components/auth/provider-buttons.tsx

@@ -1,9 +1,11 @@
+import type { AuthView } from "@better-auth-ui/core"
 import { useAuth } from "@better-auth-ui/react"
 import { cn } from "@heroui/react"
 import { useMemo } from "react"
 import { ProviderButton } from "./provider-button"
 export type ProviderButtonsProps = {
   socialLayout?: SocialLayout
+  view?: AuthView
 }
 
 export type SocialLayout = "auto" | "horizontal" | "vertical" | "grid"
@@ -16,7 +18,8 @@ export type SocialLayout = "auto" | "horizontal" | "vertical" | "grid"
  * @returns The JSX element that renders the configured social provider buttons.
  */
 export function ProviderButtons({
-  socialLayout = "auto"
+  socialLayout = "auto",
+  view = "signIn"
 }: ProviderButtonsProps) {
   const { socialProviders } = useAuth()
 
@@ -45,6 +48,7 @@ export function ProviderButtons({
         <ProviderButton
           key={provider}
           provider={provider}
+          view={view}
           display={
             resolvedSocialLayout === "vertical"
               ? "full"

package/src/components/auth/sign-in.tsx

@@ -19,6 +19,7 @@ import { useIsMutating } from "@tanstack/react-query"
 import { type SyntheticEvent, useState } from "react"
 
 import { FieldSeparator } from "./field-separator"
+import { LastUsedBadge } from "./last-login-method/last-used-badge"
 import { ProviderButtons, type SocialLayout } from "./provider-buttons"
 
 export interface SignInProps {
@@ -118,7 +119,7 @@ export function SignIn({
         {socialPosition === "top" && (
           <>
             {!!socialProviders?.length && (
-              <ProviderButtons socialLayout={socialLayout} />
+              <ProviderButtons socialLayout={socialLayout} view="signIn" />
             )}
 
             {showSeparator && (
@@ -206,10 +207,16 @@ export function SignIn({
             {Captcha && <div className="flex justify-center">{Captcha}</div>}
 
             <div className="flex flex-col gap-3">
-              <Button type="submit" className="w-full" isPending={isPending}>
+              <Button
+                type="submit"
+                className="relative w-full overflow-visible"
+                isPending={isPending}
+              >
                 {signInEmailPending && <Spinner color="current" size="sm" />}
 
                 {localization.auth.signIn}
+
+                <LastUsedBadge method="email" floating />
               </Button>
 
               {plugins.flatMap((plugin) =>
@@ -231,7 +238,7 @@ export function SignIn({
             )}
 
             {!!socialProviders?.length && (
-              <ProviderButtons socialLayout={socialLayout} />
+              <ProviderButtons socialLayout={socialLayout} view="signIn" />
             )}
           </>
         )}

package/src/components/auth/sign-up.tsx

@@ -168,7 +168,7 @@ export function SignUp({
         {socialPosition === "top" && (
           <>
             {!!socialProviders?.length && (
-              <ProviderButtons socialLayout={socialLayout} />
+              <ProviderButtons socialLayout={socialLayout} view="signUp" />
             )}
 
             {showSeparator && (
@@ -396,7 +396,7 @@ export function SignUp({
             )}
 
             {!!socialProviders?.length && (
-              <ProviderButtons socialLayout={socialLayout} />
+              <ProviderButtons socialLayout={socialLayout} view="signUp" />
             )}
           </>
         )}

package/src/components/auth/username/sign-in-username.tsx

@@ -26,6 +26,7 @@ import { useIsMutating } from "@tanstack/react-query"
 import { type SyntheticEvent, useState } from "react"
 import { usernamePlugin } from "../../../lib/auth/username-plugin"
 import { FieldSeparator } from "../field-separator"
+import { LastUsedBadge } from "../last-login-method/last-used-badge"
 import { ProviderButtons, type SocialLayout } from "../provider-buttons"
 
 export interface SignInUsernameProps {
@@ -163,7 +164,7 @@ export function SignInUsername({
         {socialPosition === "top" && (
           <>
             {!!socialProviders?.length && (
-              <ProviderButtons socialLayout={socialLayout} />
+              <ProviderButtons socialLayout={socialLayout} view="signIn" />
             )}
 
             {showSeparator && (
@@ -251,12 +252,14 @@ export function SignInUsername({
             <div className="flex flex-col gap-3">
               <Button
                 type="submit"
-                className="w-full"
+                className="relative w-full overflow-visible"
                 isPending={isSignInPending || isPending}
               >
                 {isSignInPending && <Spinner color="current" size="sm" />}
 
                 {localization.auth.signIn}
+
+                <LastUsedBadge method={["email", "username"]} floating />
               </Button>
 
               {plugins.flatMap((plugin) =>
@@ -278,7 +281,7 @@ export function SignInUsername({
             )}
 
             {!!socialProviders?.length && (
-              <ProviderButtons socialLayout={socialLayout} />
+              <ProviderButtons socialLayout={socialLayout} view="signIn" />
             )}
           </>
         )}

package/src/lib/auth/last-login-method-plugin.ts

@@ -0,0 +1,12 @@
+import { createAuthPlugin } from "@better-auth-ui/core"
+import {
+  lastLoginMethodPlugin as coreLastLoginMethodPlugin,
+  type LastLoginMethodPluginOptions
+} from "@better-auth-ui/core/plugins"
+
+export const lastLoginMethodPlugin = createAuthPlugin(
+  coreLastLoginMethodPlugin.id,
+  (options: LastLoginMethodPluginOptions = {}) => ({
+    ...coreLastLoginMethodPlugin(options)
+  })
+)

package/src/plugins.ts

@@ -4,6 +4,7 @@ export * from "./components/auth/api-key/api-keys"
 export * from "./components/auth/api-key/organization-api-keys"
 export * from "./components/auth/delete-user/danger-zone"
 export * from "./components/auth/delete-user/delete-account"
+export * from "./components/auth/last-login-method/last-used-badge"
 // Plugin-contributed components that may be used standalone
 export * from "./components/auth/magic-link/magic-link"
 export * from "./components/auth/magic-link/magic-link-sent"
@@ -42,6 +43,7 @@ export * from "./components/auth/username/username-field"
 export * from "./lib/auth/api-key-plugin"
 export * from "./lib/auth/auth-plugin"
 export * from "./lib/auth/delete-user-plugin"
+export * from "./lib/auth/last-login-method-plugin"
 export * from "./lib/auth/magic-link-plugin"
 export * from "./lib/auth/multi-session-plugin"
 export * from "./lib/auth/organization-plugin"

package/dist/user-view-CxSDufx_.js

@@ -1,126 +0,0 @@
-import { authMutationKeys as e, getEmailProviderLink as t, getProviderName as n } from "@better-auth-ui/core";
-import { providerIcons as r, useAuth as i, useSession as a, useSignInSocial as o } from "@better-auth-ui/react";
-import { ArrowUpRightFromSquare as s, Person as c } from "@gravity-ui/icons";
-import { Avatar as l, Button as u, Link as d, Separator as f, Skeleton as p, Spinner as m, cn as h } from "@heroui/react";
-import { useMemo as g } from "react";
-import { jsx as _, jsxs as v } from "react/jsx-runtime";
-import { buttonVariants as y } from "@heroui/styles";
-import { useIsMutating as b } from "@tanstack/react-query";
-//#region src/components/auth/open-email-button.tsx
-function x({ email: e, className: n }) {
-	let { localization: r } = i(), a = t(e);
-	return a ? /* @__PURE__ */ v(d, {
-		href: a.loginUrl,
-		target: "_blank",
-		rel: "noopener noreferrer",
-		className: h(y({ variant: "primary" }), "w-full gap-2", n),
-		children: [r.auth.openEmailProvider.replace("{{provider}}", a.companyProvider), /* @__PURE__ */ _(s, { className: "size-3" })]
-	}) : null;
-}
-//#endregion
-//#region src/components/auth/field-separator.tsx
-function S({ children: e }) {
-	return /* @__PURE__ */ v("div", {
-		className: "flex items-center gap-4",
-		children: [
-			/* @__PURE__ */ _(f, { className: "flex-1" }),
-			/* @__PURE__ */ _("p", {
-				className: "text-xs text-muted shrink-0",
-				children: e
-			}),
-			/* @__PURE__ */ _(f, { className: "flex-1" })
-		]
-	});
-}
-//#endregion
-//#region src/components/auth/provider-button.tsx
-function C({ provider: t, display: a = "full", variant: s = "tertiary", ...c }) {
-	let { authClient: l, baseURL: d, localization: f, redirectTo: p } = i(), h = `${d}${p}`, { mutate: g, isPending: y } = o(l), x = r[t];
-	return /* @__PURE__ */ v(u, {
-		variant: s,
-		isPending: b({ mutationKey: e.signIn.all }) + b({ mutationKey: e.signUp.all }) > 0,
-		onPress: () => g({
-			provider: t,
-			callbackURL: h
-		}),
-		...c,
-		"aria-label": n(t),
-		children: [y ? /* @__PURE__ */ _(m, {
-			color: "current",
-			size: "sm"
-		}) : /* @__PURE__ */ _(x, {}), a === "full" ? f.auth.continueWith.replace("{{provider}}", n(t)) : a === "name" ? n(t) : null]
-	});
-}
-//#endregion
-//#region src/components/auth/provider-buttons.tsx
-function w({ socialLayout: e = "auto" }) {
-	let { socialProviders: t } = i(), n = g(() => e === "auto" ? t?.length && t.length >= 4 ? "horizontal" : "vertical" : e, [e, t?.length]);
-	return /* @__PURE__ */ _("div", {
-		className: h("gap-3", n === "grid" && "grid grid-cols-2", n === "vertical" && "flex flex-col", n === "horizontal" && "flex flex-wrap"),
-		children: t?.map((e) => /* @__PURE__ */ _(C, {
-			provider: e,
-			display: n === "vertical" ? "full" : n === "grid" ? "name" : "icon",
-			className: h("w-full", n === "horizontal" && "flex-1")
-		}, e))
-	});
-}
-//#endregion
-//#region src/components/auth/user/user-avatar.tsx
-function T({ className: e, fallback: t, isPending: n, user: r, size: o = "sm", style: s, ...u }) {
-	let { authClient: d } = i(), { data: f, isPending: m } = a(d, { enabled: !r && !n });
-	if ((n || m) && !r) return /* @__PURE__ */ _(p, {
-		className: h("rounded-full", o === "sm" ? "size-8" : o === "md" ? "size-10" : "size-12", e),
-		style: s
-	});
-	let g = r ?? f?.user, y = (g?.username || g?.name || g?.email)?.slice(0, 2).toUpperCase();
-	return /* @__PURE__ */ v(l, {
-		size: o,
-		className: h("rounded-full", e),
-		style: s,
-		...u,
-		children: [/* @__PURE__ */ _(l.Image, {
-			alt: g?.displayUsername || g?.name || g?.email,
-			src: g?.image ?? void 0
-		}), /* @__PURE__ */ _(l.Fallback, {
-			className: h(o === "lg" ? "text-xl" : o === "md" ? "text-base" : "text-sm"),
-			delayMs: g?.image ? 600 : void 0,
-			children: t || y || /* @__PURE__ */ _(c, { className: "size-4" })
-		})]
-	});
-}
-//#endregion
-//#region src/components/auth/user/user-view.tsx
-function E({ className: e, isPending: t, size: n = "md", hideSubtitle: r = !1, user: o, ...s }) {
-	let { authClient: c } = i(), { data: l, isPending: u } = a(c, { enabled: !o && !t }), d = o ?? l?.user;
-	return (t || u) && !o ? /* @__PURE__ */ v("div", {
-		className: h("flex items-center gap-2 min-w-0", e),
-		...s,
-		children: [/* @__PURE__ */ _(T, {
-			isPending: !0,
-			className: n === "sm" ? "size-5 [&>span]:text-xs" : void 0,
-			size: n === "lg" ? "md" : "sm"
-		}), /* @__PURE__ */ v("div", {
-			className: "flex flex-col gap-1 min-w-0",
-			children: [/* @__PURE__ */ _(p, { className: "h-3.5 w-24 rounded-lg" }), r ? null : /* @__PURE__ */ _(p, { className: "h-3 w-32 rounded-lg" })]
-		})]
-	}) : /* @__PURE__ */ v("div", {
-		className: h("flex items-center gap-2 min-w-0", e),
-		...s,
-		children: [/* @__PURE__ */ _(T, {
-			className: n === "sm" ? "size-5 [&>span]:text-xs" : void 0,
-			user: d,
-			size: n === "lg" ? "md" : "sm"
-		}), /* @__PURE__ */ v("div", {
-			className: "flex flex-col min-w-0",
-			children: [/* @__PURE__ */ _("p", {
-				className: "text-foreground text-sm font-medium leading-tight truncate",
-				children: d?.displayUsername || d?.name || d?.email
-			}), !r && (d?.displayUsername || d?.name) ? /* @__PURE__ */ _("p", {
-				className: "text-muted text-xs leading-tight truncate overflow-x-hidden",
-				children: d?.email
-			}) : null]
-		})]
-	});
-}
-//#endregion
-export { S as a, C as i, T as n, x as o, w as r, E as t };