@better-auth-ui/heroui 1.6.3 → 1.6.5

package/dist/components/settings/security/passkey.js

@@ -1,43 +0,0 @@
-import { useAuth as e, useDeletePasskey as t } from "@better-auth-ui/react";
-import { Button as n, Spinner as r } from "@heroui/react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { Fingerprint as o, Xmark as s } from "@gravity-ui/icons";
-//#region src/components/settings/security/passkey.tsx
-function c({ passkey: c }) {
-	let { localization: l } = e(), { mutate: u, isPending: d } = t();
-	return /* @__PURE__ */ a("div", {
-		className: "flex items-center gap-3",
-		children: [
-			/* @__PURE__ */ i("div", {
-				className: "flex size-10 shrink-0 items-center justify-center rounded-xl bg-surface-secondary",
-				children: /* @__PURE__ */ i(o, { className: "size-4.5" })
-			}),
-			/* @__PURE__ */ a("div", {
-				className: "flex flex-col min-w-0",
-				children: [/* @__PURE__ */ i("span", {
-					className: "text-sm font-medium leading-tight",
-					children: c.name || l.auth.passkey
-				}), /* @__PURE__ */ i("span", {
-					className: "text-xs text-muted",
-					children: new Date(c.createdAt).toLocaleString(void 0, {
-						dateStyle: "medium",
-						timeStyle: "short"
-					})
-				})]
-			}),
-			/* @__PURE__ */ a(n, {
-				className: "ml-auto shrink-0",
-				variant: "outline",
-				size: "sm",
-				isPending: d,
-				onPress: () => u({ id: c.id }),
-				children: [d ? /* @__PURE__ */ i(r, {
-					color: "current",
-					size: "sm"
-				}) : /* @__PURE__ */ i(s, {}), l.settings.delete]
-			})
-		]
-	});
-}
-//#endregion
-export { c as Passkey };

package/dist/components/settings/security/passkeys.js

@@ -1,53 +0,0 @@
-import { Passkey as e } from "./passkey.js";
-import { useAddPasskey as t, useAuth as n, useListUserPasskeys as r } from "@better-auth-ui/react";
-import { Button as i, Card as a, Skeleton as o, Spinner as s, cn as c } from "@heroui/react";
-import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
-//#region src/components/settings/security/passkeys.tsx
-function f({ className: o, variant: f, ...m }) {
-	let { localization: h } = n(), { data: g, isPending: _ } = r(), { mutate: v, isPending: y } = t();
-	return /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("h2", {
-		className: c("text-sm font-semibold mb-3"),
-		children: h.settings.passkeys
-	}), /* @__PURE__ */ u(a, {
-		className: c(o),
-		variant: f,
-		...m,
-		children: /* @__PURE__ */ d(a.Content, {
-			className: "gap-0",
-			children: [/* @__PURE__ */ d("div", {
-				className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-				children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
-					className: "text-sm font-medium leading-tight",
-					children: h.settings.passkeysDescription
-				}), /* @__PURE__ */ u("p", {
-					className: "text-muted text-xs mt-0.5",
-					children: h.settings.passkeysInstructions
-				})] }), /* @__PURE__ */ d(i, {
-					className: "shrink-0",
-					size: "sm",
-					isPending: y,
-					isDisabled: _,
-					onPress: () => v(),
-					children: [y && /* @__PURE__ */ u(s, {
-						color: "current",
-						size: "sm"
-					}), h.settings.addPasskey]
-				})]
-			}), _ ? /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("div", { className: "border-b border-dashed -mx-4 md:-mx-6 my-4" }), /* @__PURE__ */ u(p, {})] }) : g?.map((t) => /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("div", { className: "border-b border-dashed -mx-4 md:-mx-6 my-4" }), /* @__PURE__ */ u(e, { passkey: t })] }, t.id))]
-		})
-	})] });
-}
-function p() {
-	return /* @__PURE__ */ u("div", {
-		className: "flex items-center justify-between",
-		children: /* @__PURE__ */ d("div", {
-			className: "flex items-center gap-3",
-			children: [/* @__PURE__ */ u(o, { className: "size-10 rounded-xl" }), /* @__PURE__ */ d("div", {
-				className: "flex flex-col gap-1",
-				children: [/* @__PURE__ */ u(o, { className: "h-4 w-24 rounded-lg" }), /* @__PURE__ */ u(o, { className: "h-3 w-20 rounded-lg" })]
-			})]
-		})
-	});
-}
-//#endregion
-export { f as Passkeys };

package/dist/components/settings/security/security-settings.js

@@ -1,25 +0,0 @@
-import { ActiveSessions as e } from "./active-sessions.js";
-import { ChangePassword as t } from "./change-password.js";
-import { DangerZone as n } from "./danger-zone.js";
-import { LinkedAccounts as r } from "./linked-accounts.js";
-import { Passkeys as i } from "./passkeys.js";
-import { useAuth as a } from "@better-auth-ui/react";
-import { cn as o } from "@heroui/react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-//#region src/components/settings/security/security-settings.tsx
-function l({ className: l, variant: u, ...d }) {
-	let { deleteUser: f, emailAndPassword: p, passkey: m, socialProviders: h } = a();
-	return /* @__PURE__ */ c("div", {
-		className: o("flex w-full flex-col gap-4 md:gap-6", l),
-		...d,
-		children: [
-			p?.enabled && /* @__PURE__ */ s(t, { variant: u }),
-			!!h?.length && /* @__PURE__ */ s(r, { variant: u }),
-			m && /* @__PURE__ */ s(i, { variant: u }),
-			/* @__PURE__ */ s(e, { variant: u }),
-			f?.enabled && /* @__PURE__ */ s(n, { variant: u })
-		]
-	});
-}
-//#endregion
-export { l as SecuritySettings };

package/dist/components/settings/settings.js

@@ -1,45 +0,0 @@
-import { AccountSettings as e } from "./account/account-settings.js";
-import { SecuritySettings as t } from "./security/security-settings.js";
-import { useAuth as n, useAuthenticate as r } from "@better-auth-ui/react";
-import { Tabs as i, cn as a } from "@heroui/react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { useMemo as c } from "react";
-//#region src/components/settings/settings.tsx
-function l({ className: l, hideNav: u, path: d, variant: f, view: p, ...m }) {
-	let { basePaths: h, localization: g, viewPaths: _ } = n();
-	if (r(), !p && !d) throw Error("[Better Auth UI] Either `view` or `path` must be provided");
-	let v = c(() => Object.fromEntries(Object.entries(_.settings).map(([e, t]) => [t, e])), [_.settings]), y = p || (d ? v[d] : void 0);
-	return /* @__PURE__ */ s(i, {
-		className: a(l),
-		orientation: "horizontal",
-		selectedKey: y,
-		...m,
-		children: [
-			/* @__PURE__ */ o(i.ListContainer, { children: /* @__PURE__ */ s(i.List, {
-				"aria-label": g.settings.settings,
-				className: "overflow-auto w-fit",
-				children: [/* @__PURE__ */ s(i.Tab, {
-					id: "account",
-					href: `${h.settings}/${_.settings.account}`,
-					children: [g.settings.account, /* @__PURE__ */ o(i.Indicator, {})]
-				}), /* @__PURE__ */ s(i.Tab, {
-					id: "security",
-					href: `${h.settings}/${_.settings.security}`,
-					children: [g.settings.security, /* @__PURE__ */ o(i.Indicator, {})]
-				})]
-			}) }),
-			/* @__PURE__ */ o(i.Panel, {
-				id: "account",
-				className: "px-0",
-				children: /* @__PURE__ */ o(e, { variant: f })
-			}),
-			/* @__PURE__ */ o(i.Panel, {
-				id: "security",
-				className: "px-0",
-				children: /* @__PURE__ */ o(t, { variant: f })
-			})
-		]
-	});
-}
-//#endregion
-export { l as Settings };

package/dist/components/user/switch-account-item.js

@@ -1,20 +0,0 @@
-import { UserView as e } from "./user-view.js";
-import { useSetActiveSession as t } from "@better-auth-ui/react";
-import { Dropdown as n, Spinner as r } from "@heroui/react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-//#region src/components/user/switch-account-item.tsx
-function o({ deviceSession: o }) {
-	let { mutate: s, isPending: c } = t();
-	return /* @__PURE__ */ a(n.Item, {
-		className: "px-2",
-		isDisabled: c,
-		onPress: () => s({ sessionToken: o.session.token }),
-		children: [/* @__PURE__ */ i(e, { user: o.user }), c && /* @__PURE__ */ i(r, {
-			color: "current",
-			size: "sm",
-			className: "ml-auto"
-		})]
-	});
-}
-//#endregion
-export { o as SwitchAccountItem };

package/dist/components/user/switch-account-menu.js

@@ -1,28 +0,0 @@
-import { UserView as e } from "./user-view.js";
-import { SwitchAccountItem as t } from "./switch-account-item.js";
-import { useAuth as n, useListDeviceSessions as r, useSession as i } from "@better-auth-ui/react";
-import { Dropdown as a, Label as o, Separator as s } from "@heroui/react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { Check as u, CirclePlus as d } from "@gravity-ui/icons";
-//#region src/components/user/switch-account-menu.tsx
-function f() {
-	let { basePaths: f, viewPaths: p, localization: m } = n(), { data: h } = i(), { data: g, isPending: _ } = r();
-	return /* @__PURE__ */ c(a.Popover, {
-		className: "min-w-40 md:min-w-56 max-w-[48svw]",
-		children: /* @__PURE__ */ l(a.Menu, { children: [
-			/* @__PURE__ */ l(a.Item, {
-				className: "px-2",
-				children: [/* @__PURE__ */ c(e, { isPending: _ }), !_ && /* @__PURE__ */ c(u, { className: "ml-auto" })]
-			}),
-			g?.filter((e) => e.session.id !== h?.session?.id).map((e) => /* @__PURE__ */ c(t, { deviceSession: e }, e.session.id)),
-			/* @__PURE__ */ c(s, {}),
-			/* @__PURE__ */ l(a.Item, {
-				textValue: m.auth.addAccount,
-				href: `${f.auth}/${p.auth.signIn}`,
-				children: [/* @__PURE__ */ c(d, { className: "text-muted" }), /* @__PURE__ */ c(o, { children: m.auth.addAccount })]
-			})
-		] })
-	});
-}
-//#endregion
-export { f as SwitchAccountMenu };

package/dist/components/user/user-avatar.js

@@ -1,29 +0,0 @@
-import { useSession as e } from "@better-auth-ui/react";
-import { Avatar as t, Skeleton as n, cn as r } from "@heroui/react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { Person as o } from "@gravity-ui/icons";
-//#region src/components/user/user-avatar.tsx
-function s({ className: s, fallback: c, isPending: l, user: u, size: d = "sm", style: f, ...p }) {
-	let { data: m, isPending: h } = e({ enabled: !u && !l });
-	if ((l || h) && !u) return /* @__PURE__ */ i(n, {
-		className: r("rounded-full", d === "sm" ? "size-8" : d === "md" ? "size-10" : "size-12", s),
-		style: f
-	});
-	let g = u ?? m?.user, _ = (g?.username || g?.name || g?.email)?.slice(0, 2).toUpperCase();
-	return /* @__PURE__ */ a(t, {
-		size: d,
-		className: r("rounded-full", s),
-		style: f,
-		...p,
-		children: [/* @__PURE__ */ i(t.Image, {
-			alt: g?.displayUsername || g?.name || g?.email,
-			src: g?.image ?? void 0
-		}), /* @__PURE__ */ i(t.Fallback, {
-			className: r(d === "lg" ? "text-xl" : d === "md" ? "text-base" : "text-sm"),
-			delayMs: g?.image ? 600 : void 0,
-			children: c || _ || /* @__PURE__ */ i(o, { className: "size-4" })
-		})]
-	});
-}
-//#endregion
-export { s as UserAvatar };

package/dist/components/user/user-button.js

@@ -1,91 +0,0 @@
-import { UserAvatar as e } from "./user-avatar.js";
-import { UserView as t } from "./user-view.js";
-import { SwitchAccountMenu as n } from "./switch-account-menu.js";
-import { useAuth as r, useSession as i } from "@better-auth-ui/react";
-import { Button as a, Dropdown as o, Label as s, Separator as c, Tabs as l, cn as u } from "@heroui/react";
-import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
-import { ArrowRightFromSquare as m, ArrowRightToSquare as h, ChevronsExpandVertical as g, Display as _, Gear as v, Moon as y, PersonPlus as b, Persons as x, Sun as S } from "@gravity-ui/icons";
-//#region src/components/user/user-button.tsx
-function C({ className: C, placement: w = "bottom", size: T = "default", variant: E = "ghost", themeToggle: D = !0 }) {
-	let { basePaths: O, viewPaths: k, localization: A, multiSession: j, appearance: { theme: M, setTheme: N, themes: P } } = r(), { data: F, isPending: I } = i();
-	return /* @__PURE__ */ p(o, { children: [T === "icon" ? /* @__PURE__ */ f(o.Trigger, {
-		className: u("rounded-full", C),
-		children: /* @__PURE__ */ f(e, {})
-	}) : /* @__PURE__ */ p(a, {
-		variant: E,
-		className: u("h-auto font-normal justify-start px-3 py-2 text-left", C),
-		children: [F || I ? /* @__PURE__ */ f(t, { isPending: I }) : /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(e, {}), /* @__PURE__ */ f("p", {
-			className: "text-sm font-medium",
-			children: A.auth.account
-		})] }), /* @__PURE__ */ f(g, { className: "ml-auto size-3.5" })]
-	}), /* @__PURE__ */ p(o.Popover, {
-		placement: w,
-		className: "min-w-40 md:min-w-56 max-w-[48svw]",
-		children: [F && /* @__PURE__ */ f("div", {
-			className: "px-3 pt-3 pb-1",
-			children: /* @__PURE__ */ f(t, {})
-		}), /* @__PURE__ */ f(o.Menu, { children: F ? /* @__PURE__ */ p(d, { children: [
-			/* @__PURE__ */ p(o.Item, {
-				textValue: A.settings.settings,
-				href: `${O.settings}/${k.settings.account}`,
-				children: [/* @__PURE__ */ f(v, { className: "text-muted" }), /* @__PURE__ */ f(s, { children: A.settings.settings })]
-			}),
-			j && /* @__PURE__ */ p(o.SubmenuTrigger, { children: [/* @__PURE__ */ p(o.Item, {
-				textValue: A.auth.switchAccount,
-				children: [
-					/* @__PURE__ */ f(x, { className: "text-muted" }),
-					/* @__PURE__ */ f(s, { children: A.auth.switchAccount }),
-					/* @__PURE__ */ f(o.SubmenuIndicator, {})
-				]
-			}), /* @__PURE__ */ f(o.Popover, {
-				className: "min-w-40 md:min-w-56 max-w-[48svw]",
-				children: /* @__PURE__ */ f(n, {})
-			})] }),
-			D && M && N && !!P?.length && /* @__PURE__ */ p(o.Item, {
-				className: "py-1 pe-2",
-				children: [/* @__PURE__ */ f(s, { children: A.settings.theme }), /* @__PURE__ */ f(l, {
-					className: "ml-auto",
-					selectedKey: M,
-					onSelectionChange: (e) => N(e),
-					children: /* @__PURE__ */ f(l.ListContainer, { children: /* @__PURE__ */ p(l.List, {
-						"aria-label": A.settings.theme,
-						className: "*:h-5 *:w-5 *:p-0",
-						children: [
-							P.includes("system") && /* @__PURE__ */ p(l.Tab, {
-								id: "system",
-								"aria-label": A.settings.system,
-								children: [/* @__PURE__ */ f(_, { className: "size-3" }), /* @__PURE__ */ f(l.Indicator, {})]
-							}),
-							P.includes("light") && /* @__PURE__ */ p(l.Tab, {
-								id: "light",
-								"aria-label": A.settings.light,
-								children: [/* @__PURE__ */ f(S, { className: "size-3" }), /* @__PURE__ */ f(l.Indicator, {})]
-							}),
-							P.includes("dark") && /* @__PURE__ */ p(l.Tab, {
-								id: "dark",
-								"aria-label": A.settings.dark,
-								children: [/* @__PURE__ */ f(y, { className: "size-3" }), /* @__PURE__ */ f(l.Indicator, {})]
-							})
-						]
-					}) })
-				})]
-			}),
-			/* @__PURE__ */ f(c, {}),
-			/* @__PURE__ */ p(o.Item, {
-				textValue: A.auth.signOut,
-				href: `${O.auth}/${k.auth.signOut}`,
-				children: [/* @__PURE__ */ f(m, { className: "text-muted" }), /* @__PURE__ */ f(s, { children: A.auth.signOut })]
-			})
-		] }) : /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ p(o.Item, {
-			textValue: A.auth.signIn,
-			href: `${O.auth}/${k.auth.signIn}`,
-			children: [/* @__PURE__ */ f(h, { className: "text-muted" }), /* @__PURE__ */ f(s, { children: A.auth.signIn })]
-		}), /* @__PURE__ */ p(o.Item, {
-			textValue: A.auth.signUp,
-			href: `${O.auth}/${k.auth.signUp}`,
-			children: [/* @__PURE__ */ f(b, { className: "text-muted" }), /* @__PURE__ */ f(s, { children: A.auth.signUp })]
-		})] }) })]
-	})] });
-}
-//#endregion
-export { C as UserButton };

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

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

package/dist/core.d.ts

@@ -1 +0,0 @@
-export * from '@better-auth-ui/react/core';

package/dist/core.js

@@ -1 +0,0 @@
-export * from "@better-auth-ui/react/core";

package/dist/react-exports.d.ts

@@ -1 +0,0 @@
-export * from '@better-auth-ui/react';

package/dist/react-exports.js

@@ -1 +0,0 @@
-export * from "@better-auth-ui/react";

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

@@ -1,43 +0,0 @@
-import type { AuthView } from "@better-auth-ui/core"
-import { useAuth } from "@better-auth-ui/react"
-import { Envelope, Lock } from "@gravity-ui/icons"
-import { cn, Link } from "@heroui/react"
-import { buttonVariants } from "@heroui/styles"
-
-export type MagicLinkButtonProps = {
-  isPending: boolean
-  view?: AuthView
-}
-
-/**
- * Renders a full-width tertiary link-style button that navigates to either the magic-link or sign-in route.
- *
- * @param isPending - If true, applies disabled styling and prevents interaction
- * @param view - Current auth view; when `"magicLink"`, the button targets the sign-in/password variant
- * @returns The rendered Link element with the appropriate href, icon, and label
- */
-export function MagicLinkButton({ isPending, view }: MagicLinkButtonProps) {
-  const { basePaths, viewPaths, localization } = useAuth()
-
-  const isMagicLinkView = view === "magicLink"
-
-  return (
-    <Link
-      href={`${basePaths.auth}/${isMagicLinkView ? viewPaths.auth.signIn : viewPaths.auth.magicLink}`}
-      className={cn(
-        buttonVariants({ variant: "tertiary" }),
-        "w-full gap-2",
-        isPending && "status-disabled pointer-events-none"
-      )}
-    >
-      {isMagicLinkView ? <Lock /> : <Envelope />}
-
-      {localization.auth.continueWith.replace(
-        "{{provider}}",
-        isMagicLinkView
-          ? localization.auth.password
-          : localization.auth.magicLink
-      )}
-    </Link>
-  )
-}

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

@@ -1,35 +0,0 @@
-import { useAuth, useSignInPasskey } from "@better-auth-ui/react"
-import { Fingerprint } from "@gravity-ui/icons"
-import { Button, Spinner } from "@heroui/react"
-
-export type PasskeyButtonProps = {
-  isPending: boolean
-}
-
-export function PasskeyButton({ isPending }: PasskeyButtonProps) {
-  const { localization, redirectTo, navigate } = useAuth()
-
-  const { mutate: signInPasskey, isPending: passkeyPending } = useSignInPasskey(
-    {
-      onSuccess: () => navigate({ to: redirectTo })
-    }
-  )
-
-  const isDisabled = isPending || passkeyPending
-
-  return (
-    <Button
-      className="w-full"
-      variant="tertiary"
-      isDisabled={isDisabled}
-      isPending={passkeyPending}
-      onPress={() => signInPasskey()}
-    >
-      {passkeyPending ? <Spinner color="current" size="sm" /> : <Fingerprint />}
-      {localization.auth.continueWith.replace(
-        "{{provider}}",
-        localization.auth.passkey
-      )}
-    </Button>
-  )
-}