@better-auth-ui/heroui 1.6.2 → 1.6.3

package/dist/components/settings/account/manage-account.js

@@ -5,10 +5,7 @@ import { jsx as l, jsxs as u } from "react/jsx-runtime";
 import { ArrowRightArrowLeft as d, ArrowRightFromSquare as f, Ellipsis as p } from "@gravity-ui/icons";
 //#region src/components/settings/account/manage-account.tsx
 function m({ deviceSession: m, isPending: h }) {
-	let { localization: g } = t(), { data: _ } = i(), { mutate: v, isPending: y } = r({ onError: (e) => c.danger(e.error?.message || e.message) }), { mutate: b, isPending: x } = n({
-		onError: (e) => c.danger(e.error?.message || e.message),
-		onSuccess: () => c.success(g.settings.revokeSessionSuccess)
-	}), S = m?.session.userId === _?.id, C = y || x;
+	let { localization: g } = t(), { data: _ } = i(), { mutate: v, isPending: y } = r(), { mutate: b, isPending: x } = n({ onSuccess: () => c.success(g.settings.revokeSessionSuccess) }), S = m?.session.userId === _?.id, C = y || x;
 	return /* @__PURE__ */ u("div", {
 		className: "flex items-center justify-between gap-3",
 		children: [

package/dist/components/settings/account/manage-accounts.d.ts

@@ -11,4 +11,4 @@ export type ManageAccountsProps = {
  *
  * @returns A JSX element containing the accounts management card
  */
-export declare function ManageAccounts({ className, variant, ...props }: ManageAccountsProps & CardProps): import("react/jsx-runtime").JSX.Element;
+export declare function ManageAccounts({ className, variant, ...props }: ManageAccountsProps & Omit<CardProps, "children">): import("react/jsx-runtime").JSX.Element;

package/dist/components/settings/account/manage-accounts.js

@@ -1,28 +1,28 @@
 import { ManageAccount as e } from "./manage-account.js";
 import { useAuth as t, useListDeviceSessions as n, useSession as r } from "@better-auth-ui/react";
-import { Card as i, cn as a, toast as o } from "@heroui/react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Card as i, cn as a } from "@heroui/react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/components/settings/account/manage-accounts.tsx
-function l({ className: l, variant: u, ...d }) {
-	let { localization: f } = t(), { data: p } = r(), { data: m, isPending: h } = n({ throwOnError: (e) => (e.error && o.danger(e.error.message), !1) }), g = m?.filter((e) => e.session.id !== p?.session.id), _ = [{
+function c({ className: c, variant: l, ...u }) {
+	let { localization: d } = t(), { data: f } = r(), { data: p, isPending: m } = n(), h = p?.filter((e) => e.session.id !== f?.session.id), g = [{
 		key: "current",
-		deviceSession: h ? null : p,
-		isPending: h
-	}, ...g?.map((e) => ({
+		deviceSession: m ? null : f,
+		isPending: m
+	}, ...h?.map((e) => ({
 		key: e.session.id,
 		deviceSession: e,
 		isPending: !1
 	})) ?? []];
-	return /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("h2", {
+	return /* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("h2", {
 		className: a("text-sm font-semibold mb-3"),
-		children: f.settings.manageAccounts
-	}), /* @__PURE__ */ s(i, {
-		className: a(l),
-		variant: u,
-		...d,
-		children: /* @__PURE__ */ s(i.Content, {
+		children: d.settings.manageAccounts
+	}), /* @__PURE__ */ o(i, {
+		className: a(c),
+		variant: l,
+		...u,
+		children: /* @__PURE__ */ o(i.Content, {
 			className: "gap-0",
-			children: _.map((t, n) => /* @__PURE__ */ c("div", { children: [n > 0 && /* @__PURE__ */ s("div", { className: "border-b border-dashed -mx-4 md:-mx-6 my-4" }), /* @__PURE__ */ s(e, {
+			children: g.map((t, n) => /* @__PURE__ */ s("div", { children: [n > 0 && /* @__PURE__ */ o("div", { className: "border-b border-dashed -mx-4 md:-mx-6 my-4" }), /* @__PURE__ */ o(e, {
 				deviceSession: t.deviceSession,
 				isPending: t.isPending
 			})] }, t.key))
@@ -30,4 +30,4 @@ function l({ className: l, variant: u, ...d }) {
 	})] });
 }
 //#endregion
-export { l as ManageAccounts };
+export { c as ManageAccounts };

package/dist/components/settings/account/user-profile.d.ts

@@ -8,4 +8,4 @@ export type UserProfileProps = {
  *
  * @returns A JSX element containing the user profile card with avatar upload and editable form fields
  */
-export declare function UserProfile({ className, variant, ...props }: UserProfileProps & CardProps): import("react/jsx-runtime").JSX.Element;
+export declare function UserProfile({ className, variant, ...props }: UserProfileProps & Omit<CardProps, "children">): import("react/jsx-runtime").JSX.Element;

package/dist/components/settings/account/user-profile.js

@@ -21,10 +21,7 @@ function T({ className: T, variant: E, ...D }) {
 	function z(e) {
 		N(e), L(), k?.isUsernameAvailable && R.maybeExecute(e);
 	}
-	let { mutate: B, isPending: V } = i({
-		onError: (e) => _.danger(e.error?.message || e.message),
-		onSuccess: () => _.success(O.settings.profileUpdatedSuccess)
-	});
+	let { mutate: B, isPending: V } = i({ onSuccess: () => _.success(O.settings.profileUpdatedSuccess) });
 	function H(e) {
 		e.preventDefault(), B({
 			name: new FormData(e.currentTarget).get("name"),

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

@@ -18,10 +18,7 @@ function m(e) {
 	return n.format(0, "second");
 }
 function h({ activeSession: h }) {
-	let { basePaths: g, localization: _, viewPaths: v, navigate: y } = e(), { data: b } = n({ refetchOnMount: !1 }), { mutate: x, isPending: S } = t({
-		onError: (e) => o.danger(e.error?.message || e.message),
-		onSuccess: () => o.success(_.settings.revokeSessionSuccess)
-	}), C = h.token === b?.session.token, w = p.parse(h.userAgent || "");
+	let { basePaths: g, localization: _, viewPaths: v, navigate: y } = e(), { data: b } = n({ refetchOnMount: !1 }), { mutate: x, isPending: S } = t({ onSuccess: () => o.success(_.settings.revokeSessionSuccess) }), C = h.token === b?.session.token, w = p.parse(h.userAgent || "");
 	return /* @__PURE__ */ c("div", {
 		className: "flex items-center gap-3",
 		children: [

package/dist/components/settings/security/active-sessions.d.ts

@@ -11,4 +11,4 @@ export type ActiveSessionsProps = {
  *
  * @returns A JSX element containing the sessions card
  */
-export declare function ActiveSessions({ className, variant, ...props }: ActiveSessionsProps & CardProps): import("react/jsx-runtime").JSX.Element;
+export declare function ActiveSessions({ className, variant, ...props }: ActiveSessionsProps & Omit<CardProps, "children">): import("react/jsx-runtime").JSX.Element;

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

@@ -1,34 +1,34 @@
 import { ActiveSession as e } from "./active-session.js";
 import { useAuth as t, useListSessions as n, useSession as r } from "@better-auth-ui/react";
-import { Card as i, Skeleton as a, cn as o, toast as s } from "@heroui/react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Card as i, Skeleton as a, cn as o } from "@heroui/react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/components/settings/security/active-sessions.tsx
-function u({ className: a, variant: u, ...f }) {
-	let { localization: p } = t(), { data: m } = r(), { data: h, isPending: g } = n({ throwOnError: (e) => (e.error && s.danger(e.error.message), !1) }), _ = h?.toSorted((e) => e.id === m?.session.id ? -1 : 1);
-	return /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("h2", {
+function l({ className: a, variant: l, ...d }) {
+	let { localization: f } = t(), { data: p } = r(), { data: m, isPending: h } = n(), g = m?.toSorted((e) => e.id === p?.session.id ? -1 : 1);
+	return /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("h2", {
 		className: o("text-sm font-semibold mb-3"),
-		children: p.settings.activeSessions
-	}), /* @__PURE__ */ c(i, {
+		children: f.settings.activeSessions
+	}), /* @__PURE__ */ s(i, {
 		className: o(a),
-		variant: u,
-		...f,
-		children: /* @__PURE__ */ c(i.Content, {
+		variant: l,
+		...d,
+		children: /* @__PURE__ */ s(i.Content, {
 			className: "gap-0",
-			children: g ? /* @__PURE__ */ c(d, {}) : _?.map((t, n) => /* @__PURE__ */ l("div", { children: [n > 0 && /* @__PURE__ */ c("div", { className: "border-b border-dashed -mx-4 md:-mx-6 my-4" }), /* @__PURE__ */ c(e, { activeSession: t })] }, t.id))
+			children: h ? /* @__PURE__ */ s(u, {}) : g?.map((t, n) => /* @__PURE__ */ c("div", { children: [n > 0 && /* @__PURE__ */ s("div", { className: "border-b border-dashed -mx-4 md:-mx-6 my-4" }), /* @__PURE__ */ s(e, { activeSession: t })] }, t.id))
 		})
 	})] });
 }
-function d() {
-	return /* @__PURE__ */ c("div", {
+function u() {
+	return /* @__PURE__ */ s("div", {
 		className: "flex items-center justify-between",
-		children: /* @__PURE__ */ l("div", {
+		children: /* @__PURE__ */ c("div", {
 			className: "flex items-center gap-3",
-			children: [/* @__PURE__ */ c(a, { className: "size-10 rounded-xl" }), /* @__PURE__ */ l("div", {
+			children: [/* @__PURE__ */ s(a, { className: "size-10 rounded-xl" }), /* @__PURE__ */ c("div", {
 				className: "flex flex-col gap-1",
-				children: [/* @__PURE__ */ c(a, { className: "h-4 w-32 rounded-lg" }), /* @__PURE__ */ c(a, { className: "h-3 w-24 rounded-lg" })]
+				children: [/* @__PURE__ */ s(a, { className: "h-4 w-32 rounded-lg" }), /* @__PURE__ */ s(a, { className: "h-3 w-24 rounded-lg" })]
 			})]
 		})
 	});
 }
 //#endregion
-export { u as ActiveSessions };
+export { l as ActiveSessions };

package/dist/components/settings/security/change-password.d.ts

@@ -12,4 +12,4 @@ export type ChangePasswordProps = {
  *
  * @returns A JSX element containing the change-password or set-password card
  */
-export declare function ChangePassword({ className, variant, ...props }: ChangePasswordProps & CardProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChangePassword({ className, variant, ...props }: ChangePasswordProps & Omit<CardProps, "children">): import("react/jsx-runtime").JSX.Element;

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

@@ -20,10 +20,7 @@ function C({ className: t, variant: r, ...a }) {
 	});
 }
 function w({ className: t, variant: n, ...s }) {
-	let { localization: c } = e(), { data: l } = i(), { mutate: u, isPending: d } = r({
-		onError: (e) => _.danger(e.error?.message || e.message),
-		onSuccess: () => _.success(c.auth.passwordResetEmailSent)
-	}), f = () => {
+	let { localization: c } = e(), { data: l } = i(), { mutate: u, isPending: d } = r({ onSuccess: () => _.success(c.auth.passwordResetEmailSent) }), f = () => {
 		l?.user.email && u({ email: l.user.email });
 	};
 	return /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("h2", {

package/dist/components/settings/security/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/settings/security/delete-user.js

@@ -8,17 +8,12 @@ function v({ className: v, variant: y, ...b }) {
 	let { basePaths: x, deleteUser: S, localization: C, navigate: w, viewPaths: T } = e(), { data: E } = n(), [D, O] = g(!1), [k, A] = g(""), j = E?.some((e) => e.providerId === "credential"), M = !S?.sendDeleteAccountVerification && j, { mutate: N, isPending: P } = t(), F = (e) => {
 		O(e), A("");
 	}, I = async (e) => {
-		e.preventDefault(), N({ ...M ? { password: k } : {} }, {
-			onSuccess: () => {
-				O(!1), A(""), S?.sendDeleteAccountVerification ? p.success(C.settings.deleteUserVerificationSent) : (p.success(C.settings.deleteUserSuccess), w({
-					to: `${x.auth}/${T.auth.signIn}`,
-					replace: !0
-				}));
-			},
-			onError: (e) => {
-				p.danger(e.error?.message || e.message);
-			}
-		});
+		e.preventDefault(), N({ ...M ? { password: k } : {} }, { onSuccess: () => {
+			O(!1), A(""), S?.sendDeleteAccountVerification ? p.success(C.settings.deleteUserVerificationSent) : (p.success(C.settings.deleteUserSuccess), w({
+				to: `${x.auth}/${T.auth.signIn}`,
+				replace: !0
+			}));
+		} });
 	};
 	return /* @__PURE__ */ m(a, {
 		className: f("border border-danger", v),

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

@@ -5,13 +5,7 @@ import { Link as f, LinkSlash as p, PlugConnection as m } from "@gravity-ui/icon
 import { getProviderName as h } from "@better-auth-ui/core";
 //#region src/components/settings/security/linked-account.tsx
 function g({ account: g, provider: _ }) {
-	let { baseURL: v, localization: y } = n(), { data: b, isPending: x } = t(g?.accountId, {
-		enabled: !!g,
-		throwOnError: (e) => (e.error && l.danger(e.error.message), !1)
-	}), { mutate: S, isPending: C } = r({ onError: (e) => l.danger(e.error?.message || e.message) }), { mutate: w, isPending: T } = i({
-		onError: (e) => l.danger(e.error?.message || e.message),
-		onSuccess: () => l.success(y.settings.accountUnlinked)
-	}), E = e[_], D = h(_), O = b?.data?.login || b?.data?.username || b?.user?.email || b?.user?.name || g?.accountId;
+	let { baseURL: v, localization: y } = n(), { data: b, isPending: x } = t({ query: { accountId: g?.accountId } }), { mutate: S, isPending: C } = r(), { mutate: w, isPending: T } = i({ onSuccess: () => l.success(y.settings.accountUnlinked) }), E = e[_], D = h(_), O = b?.data?.login || b?.data?.username || b?.user?.email || b?.user?.name || g?.accountId;
 	return /* @__PURE__ */ d("div", {
 		className: "flex items-center gap-3",
 		children: [

package/dist/components/settings/security/linked-accounts.d.ts

@@ -12,4 +12,4 @@ export type LinkedAccountsProps = {
  *
  * @returns A JSX element containing the linked accounts card
  */
-export declare function LinkedAccounts({ className, variant, ...props }: LinkedAccountsProps & CardProps): import("react/jsx-runtime").JSX.Element;
+export declare function LinkedAccounts({ className, variant, ...props }: LinkedAccountsProps & Omit<CardProps, "children">): import("react/jsx-runtime").JSX.Element;

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

@@ -1,45 +1,45 @@
 import { LinkedAccount as e } from "./linked-account.js";
 import { useAuth as t, useListAccounts as n } from "@better-auth-ui/react";
-import { Card as r, Skeleton as i, cn as a, toast as o } from "@heroui/react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Card as r, Skeleton as i, cn as a } from "@heroui/react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/components/settings/security/linked-accounts.tsx
-function l({ className: i, variant: l, ...d }) {
-	let { localization: f, socialProviders: p } = t(), { data: m, isPending: h } = n({ throwOnError: (e) => (e.error && o.danger(e.error.message), !1) }), g = [...(m?.filter((e) => e.providerId !== "credential"))?.map((e) => ({
+function c({ className: i, variant: c, ...u }) {
+	let { localization: d, socialProviders: f } = t(), { data: p, isPending: m } = n(), h = [...(p?.filter((e) => e.providerId !== "credential"))?.map((e) => ({
 		key: e.id,
 		account: e,
 		provider: e.providerId
-	})) ?? [], ...p?.map((e) => ({
+	})) ?? [], ...f?.map((e) => ({
 		key: e,
 		account: void 0,
 		provider: e
 	})) ?? []];
-	return /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("h2", {
+	return /* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("h2", {
 		className: a("text-sm font-semibold mb-3"),
-		children: f.settings.linkedAccounts
-	}), /* @__PURE__ */ s(r, {
+		children: d.settings.linkedAccounts
+	}), /* @__PURE__ */ o(r, {
 		className: a(i),
-		variant: l,
-		...d,
-		children: /* @__PURE__ */ s(r.Content, {
+		variant: c,
+		...u,
+		children: /* @__PURE__ */ o(r.Content, {
 			className: "gap-0",
-			children: h ? p?.map((e, t) => /* @__PURE__ */ c("div", { children: [t > 0 && /* @__PURE__ */ s("div", { className: "border-b border-dashed -mx-4 md:-mx-6 my-4" }), /* @__PURE__ */ s(u, {})] }, e)) : g.map((t, n) => /* @__PURE__ */ c("div", { children: [n > 0 && /* @__PURE__ */ s("div", { className: "border-b border-dashed -mx-4 md:-mx-6 my-4" }), /* @__PURE__ */ s(e, {
+			children: m ? f?.map((e, t) => /* @__PURE__ */ s("div", { children: [t > 0 && /* @__PURE__ */ o("div", { className: "border-b border-dashed -mx-4 md:-mx-6 my-4" }), /* @__PURE__ */ o(l, {})] }, e)) : h.map((t, n) => /* @__PURE__ */ s("div", { children: [n > 0 && /* @__PURE__ */ o("div", { className: "border-b border-dashed -mx-4 md:-mx-6 my-4" }), /* @__PURE__ */ o(e, {
 				account: t.account,
 				provider: t.provider
 			})] }, t.key))
 		})
 	})] });
 }
-function u() {
-	return /* @__PURE__ */ s("div", {
+function l() {
+	return /* @__PURE__ */ o("div", {
 		className: "flex items-center justify-between",
-		children: /* @__PURE__ */ c("div", {
+		children: /* @__PURE__ */ s("div", {
 			className: "flex items-center gap-3",
-			children: [/* @__PURE__ */ s(i, { className: "size-10 rounded-xl" }), /* @__PURE__ */ c("div", {
+			children: [/* @__PURE__ */ o(i, { className: "size-10 rounded-xl" }), /* @__PURE__ */ s("div", {
 				className: "flex flex-col gap-1",
-				children: [/* @__PURE__ */ s(i, { className: "h-4 w-20 rounded-lg" }), /* @__PURE__ */ s(i, { className: "h-3 w-32 rounded-lg" })]
+				children: [/* @__PURE__ */ o(i, { className: "h-4 w-20 rounded-lg" }), /* @__PURE__ */ o(i, { className: "h-3 w-32 rounded-lg" })]
 			})]
 		})
 	});
 }
 //#endregion
-export { l as LinkedAccounts };
+export { c as LinkedAccounts };

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

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

package/dist/components/settings/security/passkeys.d.ts

@@ -3,4 +3,4 @@ export type PasskeysProps = {
     className?: string;
     variant?: CardProps["variant"];
 };
-export declare function Passkeys({ className, variant, ...props }: PasskeysProps & CardProps): import("react/jsx-runtime").JSX.Element;
+export declare function Passkeys({ className, variant, ...props }: PasskeysProps & Omit<CardProps, "children">): import("react/jsx-runtime").JSX.Element;

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

@@ -1,53 +1,53 @@
 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, toast as l } from "@heroui/react";
-import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+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 p({ className: o, variant: p, ...h }) {
-	let { localization: g } = n(), { data: _, isPending: v } = r({ throwOnError: (e) => (e.error && l.danger(e.error.message), !1) }), { mutate: y, isPending: b } = t({ onError: (e) => l.danger(e.error?.message || e.message) });
-	return /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("h2", {
+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: g.settings.passkeys
-	}), /* @__PURE__ */ d(a, {
+		children: h.settings.passkeys
+	}), /* @__PURE__ */ u(a, {
 		className: c(o),
-		variant: p,
-		...h,
-		children: /* @__PURE__ */ f(a.Content, {
+		variant: f,
+		...m,
+		children: /* @__PURE__ */ d(a.Content, {
 			className: "gap-0",
-			children: [/* @__PURE__ */ f("div", {
+			children: [/* @__PURE__ */ d("div", {
 				className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-				children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("p", {
+				children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
 					className: "text-sm font-medium leading-tight",
-					children: g.settings.passkeysDescription
-				}), /* @__PURE__ */ d("p", {
+					children: h.settings.passkeysDescription
+				}), /* @__PURE__ */ u("p", {
 					className: "text-muted text-xs mt-0.5",
-					children: g.settings.passkeysInstructions
-				})] }), /* @__PURE__ */ f(i, {
+					children: h.settings.passkeysInstructions
+				})] }), /* @__PURE__ */ d(i, {
 					className: "shrink-0",
 					size: "sm",
-					isPending: b,
-					isDisabled: v,
-					onPress: () => y(),
-					children: [b && /* @__PURE__ */ d(s, {
+					isPending: y,
+					isDisabled: _,
+					onPress: () => v(),
+					children: [y && /* @__PURE__ */ u(s, {
 						color: "current",
 						size: "sm"
-					}), g.settings.addPasskey]
+					}), h.settings.addPasskey]
 				})]
-			}), v ? /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("div", { className: "border-b border-dashed -mx-4 md:-mx-6 my-4" }), /* @__PURE__ */ d(m, {})] }) : _?.map((t) => /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("div", { className: "border-b border-dashed -mx-4 md:-mx-6 my-4" }), /* @__PURE__ */ d(e, { passkey: t })] }, t.id))]
+			}), _ ? /* @__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 m() {
-	return /* @__PURE__ */ d("div", {
+function p() {
+	return /* @__PURE__ */ u("div", {
 		className: "flex items-center justify-between",
-		children: /* @__PURE__ */ f("div", {
+		children: /* @__PURE__ */ d("div", {
 			className: "flex items-center gap-3",
-			children: [/* @__PURE__ */ d(o, { className: "size-10 rounded-xl" }), /* @__PURE__ */ f("div", {
+			children: [/* @__PURE__ */ u(o, { className: "size-10 rounded-xl" }), /* @__PURE__ */ d("div", {
 				className: "flex flex-col gap-1",
-				children: [/* @__PURE__ */ d(o, { className: "h-4 w-24 rounded-lg" }), /* @__PURE__ */ d(o, { className: "h-3 w-20 rounded-lg" })]
+				children: [/* @__PURE__ */ u(o, { className: "h-4 w-24 rounded-lg" }), /* @__PURE__ */ u(o, { className: "h-3 w-20 rounded-lg" })]
 			})]
 		})
 	});
 }
 //#endregion
-export { p as Passkeys };
+export { f as Passkeys };

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

@@ -1,15 +1,15 @@
 import { UserView as e } from "./user-view.js";
 import { useSetActiveSession as t } from "@better-auth-ui/react";
-import { Dropdown as n, Spinner as r, toast as i } from "@heroui/react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+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 s({ deviceSession: s }) {
-	let { mutate: c, isPending: l } = t({ onError: (e) => i.danger(e.error?.message || e.message) });
-	return /* @__PURE__ */ o(n.Item, {
+function o({ deviceSession: o }) {
+	let { mutate: s, isPending: c } = t();
+	return /* @__PURE__ */ a(n.Item, {
 		className: "px-2",
-		isDisabled: l,
-		onPress: () => c({ sessionToken: s.session.token }),
-		children: [/* @__PURE__ */ a(e, { user: s.user }), l && /* @__PURE__ */ a(r, {
+		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"
@@ -17,4 +17,4 @@ function s({ deviceSession: s }) {
 	});
 }
 //#endregion
-export { s as SwitchAccountItem };
+export { o as SwitchAccountItem };

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

@@ -1,28 +1,28 @@
 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, toast as c } from "@heroui/react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { Check as d, CirclePlus as f } from "@gravity-ui/icons";
+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 p() {
-	let { basePaths: p, viewPaths: m, localization: h } = n(), { data: g } = i(), { data: _, isPending: v } = r({ throwOnError: (e) => (e.error && c.danger(e.error.message), !1) });
-	return /* @__PURE__ */ l(a.Popover, {
+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__ */ u(a.Menu, { children: [
-			/* @__PURE__ */ u(a.Item, {
+		children: /* @__PURE__ */ l(a.Menu, { children: [
+			/* @__PURE__ */ l(a.Item, {
 				className: "px-2",
-				children: [/* @__PURE__ */ l(e, { isPending: v }), !v && /* @__PURE__ */ l(d, { className: "ml-auto" })]
+				children: [/* @__PURE__ */ c(e, { isPending: _ }), !_ && /* @__PURE__ */ c(u, { className: "ml-auto" })]
 			}),
-			_?.filter((e) => e.session.id !== g?.session?.id).map((e) => /* @__PURE__ */ l(t, { deviceSession: e }, e.session.id)),
-			/* @__PURE__ */ l(s, {}),
-			/* @__PURE__ */ u(a.Item, {
-				textValue: h.auth.addAccount,
-				href: `${p.auth}/${m.auth.signIn}`,
-				children: [/* @__PURE__ */ l(f, { className: "text-muted" }), /* @__PURE__ */ l(o, { children: h.auth.addAccount })]
+			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 { p as SwitchAccountMenu };
+export { f as SwitchAccountMenu };

package/dist/index.d.ts

@@ -4,6 +4,7 @@ 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/sign-in';