@better-auth-ui/heroui 1.6.5 → 1.6.7

package/dist/components/auth/api-key/api-key-skeleton.d.ts

@@ -0,0 +1 @@
+export declare function ApiKeySkeleton(): import("react/jsx-runtime").JSX.Element;

package/dist/components/auth/api-key/api-key-skeleton.js

@@ -0,0 +1,21 @@
+import { Skeleton as e } from "@heroui/react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/auth/api-key/api-key-skeleton.tsx
+function r() {
+	return /* @__PURE__ */ t("div", {
+		className: "flex items-center justify-between",
+		children: /* @__PURE__ */ n("div", {
+			className: "flex items-center gap-3",
+			children: [/* @__PURE__ */ t(e, { className: "size-10 rounded-xl" }), /* @__PURE__ */ n("div", {
+				className: "flex flex-col gap-1",
+				children: [
+					/* @__PURE__ */ t(e, { className: "h-4 w-28 rounded-lg" }),
+					/* @__PURE__ */ t(e, { className: "h-3 w-36 rounded-lg" }),
+					/* @__PURE__ */ t(e, { className: "h-3 w-32 rounded-lg" })
+				]
+			})]
+		})
+	});
+}
+//#endregion
+export { r as ApiKeySkeleton };

package/dist/components/auth/api-key/api-key.d.ts

@@ -0,0 +1,5 @@
+import { ListedApiKey } from '@better-auth-ui/react';
+export type ApiKeyProps = {
+    apiKey: ListedApiKey;
+};
+export declare function ApiKey({ apiKey }: ApiKeyProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/auth/api-key/api-key.js

@@ -0,0 +1,55 @@
+import { apiKeyPlugin as e } from "../../../lib/auth/api-key-plugin.js";
+import { DeleteApiKeyDialog as t } from "./delete-api-key-dialog.js";
+import { useAuth as n, useAuthPlugin as r } from "@better-auth-ui/react";
+import { Key as i, Xmark as a } from "@gravity-ui/icons";
+import { Button as o } from "@heroui/react";
+import { useState as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/auth/api-key/api-key.tsx
+function u({ apiKey: u }) {
+	let { localization: d } = n(), { localization: f } = r(e), [p, m] = s(!1), h = `${u.start}${"*".repeat(16)}`;
+	return /* @__PURE__ */ l("div", {
+		className: "flex items-center gap-3",
+		children: [
+			/* @__PURE__ */ c("div", {
+				className: "flex size-10 shrink-0 items-center justify-center rounded-xl bg-surface-secondary",
+				children: /* @__PURE__ */ c(i, { className: "size-4.5" })
+			}),
+			/* @__PURE__ */ l("div", {
+				className: "flex flex-col min-w-0",
+				children: [
+					/* @__PURE__ */ c("span", {
+						className: "text-sm font-medium leading-tight truncate",
+						children: u.name || f.apiKey
+					}),
+					/* @__PURE__ */ c("span", {
+						className: "text-xs text-muted font-mono truncate",
+						children: h
+					}),
+					/* @__PURE__ */ c("span", {
+						className: "text-xs text-muted",
+						children: new Date(u.createdAt).toLocaleString(void 0, {
+							dateStyle: "medium",
+							timeStyle: "short"
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ l(o, {
+				className: "ml-auto shrink-0",
+				variant: "outline",
+				size: "sm",
+				onPress: () => m(!0),
+				"aria-label": f.deleteApiKey,
+				children: [/* @__PURE__ */ c(a, {}), d.settings.delete]
+			}),
+			/* @__PURE__ */ c(t, {
+				isOpen: p,
+				onOpenChange: m,
+				apiKey: u
+			})
+		]
+	});
+}
+//#endregion
+export { u as ApiKey };

package/dist/components/auth/api-key/api-keys-empty.d.ts

@@ -0,0 +1,4 @@
+export type ApiKeysEmptyProps = {
+    onCreatePress: () => void;
+};
+export declare function ApiKeysEmpty({ onCreatePress }: ApiKeysEmptyProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/auth/api-key/api-keys-empty.js

@@ -0,0 +1,35 @@
+import { apiKeyPlugin as e } from "../../../lib/auth/api-key-plugin.js";
+import { useAuthPlugin as t } from "@better-auth-ui/react";
+import { Key as n } from "@gravity-ui/icons";
+import { Button as r } from "@heroui/react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/auth/api-key/api-keys-empty.tsx
+function o({ onCreatePress: o }) {
+	let { localization: s } = t(e);
+	return /* @__PURE__ */ a("div", {
+		className: "flex flex-col items-center justify-center gap-4",
+		children: [
+			/* @__PURE__ */ i("div", {
+				className: "flex size-10 items-center justify-center rounded-xl bg-surface-secondary",
+				children: /* @__PURE__ */ i(n, { className: "size-4.5" })
+			}),
+			/* @__PURE__ */ a("div", {
+				className: "flex flex-col items-center justify-center gap-1 text-center",
+				children: [/* @__PURE__ */ i("p", {
+					className: "text-sm font-semibold",
+					children: s.noApiKeys
+				}), /* @__PURE__ */ i("p", {
+					className: "text-muted text-xs",
+					children: s.apiKeysDescription
+				})]
+			}),
+			/* @__PURE__ */ i(r, {
+				size: "sm",
+				onPress: o,
+				children: s.createApiKey
+			})
+		]
+	});
+}
+//#endregion
+export { o as ApiKeysEmpty };

package/dist/components/auth/api-key/api-keys.d.ts

@@ -0,0 +1,6 @@
+import { CardProps } from '@heroui/react';
+export type ApiKeysProps = {
+    className?: string;
+    variant?: CardProps["variant"];
+};
+export declare function ApiKeys({ className, variant }: ApiKeysProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/auth/api-key/api-keys.js

@@ -0,0 +1,41 @@
+import { apiKeyPlugin as e } from "../../../lib/auth/api-key-plugin.js";
+import { ApiKey as t } from "./api-key.js";
+import { ApiKeySkeleton as n } from "./api-key-skeleton.js";
+import { ApiKeysEmpty as r } from "./api-keys-empty.js";
+import { CreateApiKeyDialog as i } from "./create-api-key-dialog.js";
+import { useAuth as a, useAuthPlugin as o, useListApiKeys as s } from "@better-auth-ui/react";
+import { Button as c, Card as l, cn as u } from "@heroui/react";
+import { useState as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region src/components/auth/api-key/api-keys.tsx
+function m({ className: m, variant: h }) {
+	let { authClient: g } = a(), { localization: _ } = o(e), { data: v, isPending: y } = s(g), [b, x] = d(!1);
+	return /* @__PURE__ */ p("div", {
+		className: u("flex flex-col gap-3", m),
+		children: [
+			/* @__PURE__ */ p("div", {
+				className: "flex items-end justify-between gap-3",
+				children: [/* @__PURE__ */ f("h2", {
+					className: "text-sm font-semibold truncate",
+					children: _.apiKeys
+				}), /* @__PURE__ */ f(c, {
+					className: "shrink-0",
+					size: "sm",
+					isDisabled: y,
+					onPress: () => x(!0),
+					children: _.createApiKey
+				})]
+			}),
+			/* @__PURE__ */ f(l, {
+				variant: h,
+				children: /* @__PURE__ */ f(l.Content, { children: y ? /* @__PURE__ */ f(n, {}) : v?.apiKeys.length ? v?.apiKeys.map((e, n) => /* @__PURE__ */ p("div", { children: [n > 0 && /* @__PURE__ */ f("div", { className: "border-b border-dashed -mx-4 my-4" }), /* @__PURE__ */ f(t, { apiKey: e })] }, e.id)) : /* @__PURE__ */ f(r, { onCreatePress: () => x(!0) }) })
+			}),
+			/* @__PURE__ */ f(i, {
+				isOpen: b,
+				onOpenChange: x
+			})
+		]
+	});
+}
+//#endregion
+export { m as ApiKeys };

package/dist/components/auth/api-key/create-api-key-dialog.d.ts

@@ -0,0 +1,5 @@
+export type CreateApiKeyDialogProps = {
+    isOpen: boolean;
+    onOpenChange: (open: boolean) => void;
+};
+export declare function CreateApiKeyDialog({ isOpen, onOpenChange }: CreateApiKeyDialogProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/auth/api-key/create-api-key-dialog.js

@@ -0,0 +1,74 @@
+import { apiKeyPlugin as e } from "../../../lib/auth/api-key-plugin.js";
+import { NewApiKeyDialog as t } from "./new-api-key-dialog.js";
+import { useAuth as n, useAuthPlugin as r, useCreateApiKey as i } from "@better-auth-ui/react";
+import { Key as a } from "@gravity-ui/icons";
+import { AlertDialog as o, Button as s, FieldError as c, Form as l, Input as u, Label as d, Spinner as f, TextField as p } from "@heroui/react";
+import { useState as m } from "react";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+//#region src/components/auth/api-key/create-api-key-dialog.tsx
+function v({ isOpen: v, onOpenChange: y }) {
+	let { authClient: b, localization: x } = n(), { localization: S } = r(e), { mutate: C, isPending: w } = i(b), [T, E] = m(!1), [D, O] = m(null), [k, A] = m(null), j = (e) => {
+		e || (O(null), A(null)), y(e);
+	};
+	return /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(o.Backdrop, {
+		isOpen: v,
+		onOpenChange: j,
+		children: /* @__PURE__ */ g(o.Container, { children: /* @__PURE__ */ g(o.Dialog, { children: /* @__PURE__ */ _(l, {
+			onSubmit: (e) => {
+				e.preventDefault();
+				let t = new FormData(e.target).get("name");
+				C(t ? { name: t.trim() } : void 0, { onSuccess: (e) => {
+					j(!1), O(t), A(e.key), E(!0);
+				} });
+			},
+			children: [
+				/* @__PURE__ */ g(o.CloseTrigger, {}),
+				/* @__PURE__ */ _(o.Header, { children: [/* @__PURE__ */ g(o.Icon, {
+					status: "default",
+					children: /* @__PURE__ */ g(a, {})
+				}), /* @__PURE__ */ g(o.Heading, { children: S.createApiKey })] }),
+				/* @__PURE__ */ _(o.Body, {
+					className: "overflow-visible",
+					children: [/* @__PURE__ */ g("p", {
+						className: "text-muted text-sm",
+						children: S.apiKeysDescription
+					}), /* @__PURE__ */ _(p, {
+						className: "mt-4",
+						id: "name",
+						name: "name",
+						isDisabled: w,
+						children: [
+							/* @__PURE__ */ g(d, { children: S.name }),
+							/* @__PURE__ */ g(u, {
+								autoFocus: !0,
+								placeholder: x.settings.optional,
+								variant: "secondary"
+							}),
+							/* @__PURE__ */ g(c, {})
+						]
+					})]
+				}),
+				/* @__PURE__ */ _(o.Footer, { children: [/* @__PURE__ */ g(s, {
+					slot: "close",
+					variant: "tertiary",
+					isDisabled: w,
+					children: x.settings.cancel
+				}), /* @__PURE__ */ _(s, {
+					type: "submit",
+					isPending: w,
+					children: [w && /* @__PURE__ */ g(f, {
+						color: "current",
+						size: "sm"
+					}), S.createApiKey]
+				})] })
+			]
+		}) }) })
+	}), /* @__PURE__ */ g(t, {
+		isOpen: T,
+		onOpenChange: E,
+		secretKey: k,
+		name: D
+	})] });
+}
+//#endregion
+export { v as CreateApiKeyDialog };

package/dist/components/auth/api-key/delete-api-key-dialog.d.ts

@@ -0,0 +1,7 @@
+import { ListedApiKey } from '@better-auth-ui/react';
+export type DeleteApiKeyDialogProps = {
+    isOpen: boolean;
+    onOpenChange: (open: boolean) => void;
+    apiKey: ListedApiKey;
+};
+export declare function DeleteApiKeyDialog({ isOpen, onOpenChange, apiKey }: DeleteApiKeyDialogProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/auth/api-key/delete-api-key-dialog.js

@@ -0,0 +1,51 @@
+import { apiKeyPlugin as e } from "../../../lib/auth/api-key-plugin.js";
+import { useAuth as t, useAuthPlugin as n, useDeleteApiKey as r } from "@better-auth-ui/react";
+import { Key as i } from "@gravity-ui/icons";
+import { AlertDialog as a, Button as o, Input as s, Label as c, Spinner as l, TextField as u } from "@heroui/react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/components/auth/api-key/delete-api-key-dialog.tsx
+function p({ isOpen: p, onOpenChange: m, apiKey: h }) {
+	let { authClient: g, localization: _ } = t(), { localization: v } = n(e), y = `${h.start}${"*".repeat(16)}`, { mutate: b, isPending: x } = r(g, { onSuccess: () => m(!1) });
+	return /* @__PURE__ */ d(a.Backdrop, {
+		isOpen: p,
+		onOpenChange: m,
+		children: /* @__PURE__ */ d(a.Container, { children: /* @__PURE__ */ f(a.Dialog, { children: [
+			/* @__PURE__ */ d(a.CloseTrigger, {}),
+			/* @__PURE__ */ f(a.Header, { children: [/* @__PURE__ */ d(a.Icon, {
+				status: "danger",
+				children: /* @__PURE__ */ d(i, {})
+			}), /* @__PURE__ */ d(a.Heading, { children: v.deleteApiKey })] }),
+			/* @__PURE__ */ f(a.Body, {
+				className: "flex flex-col gap-4 overflow-visible",
+				children: [/* @__PURE__ */ d("p", {
+					className: "text-muted text-sm",
+					children: v.deleteApiKeyWarning
+				}), /* @__PURE__ */ f(u, {
+					value: y,
+					className: "font-mono text-xs",
+					variant: "secondary",
+					children: [/* @__PURE__ */ d(c, { children: h.name || v.apiKey }), /* @__PURE__ */ d(s, {
+						readOnly: !0,
+						className: "font-mono text-xs"
+					})]
+				})]
+			}),
+			/* @__PURE__ */ f(a.Footer, { children: [/* @__PURE__ */ d(o, {
+				slot: "close",
+				variant: "tertiary",
+				isDisabled: x,
+				children: _.settings.cancel
+			}), /* @__PURE__ */ f(o, {
+				variant: "danger",
+				onPress: () => b({ keyId: h.id }),
+				isPending: x,
+				children: [x && /* @__PURE__ */ d(l, {
+					color: "current",
+					size: "sm"
+				}), v.deleteApiKey]
+			})] })
+		] }) })
+	});
+}
+//#endregion
+export { p as DeleteApiKeyDialog };

package/dist/components/auth/api-key/new-api-key-dialog.d.ts

@@ -0,0 +1,7 @@
+export type NewApiKeyDialogProps = {
+    isOpen: boolean;
+    onOpenChange: (open: boolean) => void;
+    name: string | null;
+    secretKey: string | null;
+};
+export declare function NewApiKeyDialog({ isOpen, onOpenChange, name, secretKey }: NewApiKeyDialogProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/auth/api-key/new-api-key-dialog.js

@@ -0,0 +1,60 @@
+import { apiKeyPlugin as e } from "../../../lib/auth/api-key-plugin.js";
+import { useAuth as t, useAuthPlugin as n } from "@better-auth-ui/react";
+import { Check as r, Copy as i, Key as a } from "@gravity-ui/icons";
+import { AlertDialog as o, Button as s, InputGroup as c, Label as l, TextField as u, toast as d } from "@heroui/react";
+import { useState as f } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/components/auth/api-key/new-api-key-dialog.tsx
+function h({ isOpen: h, onOpenChange: g, name: _, secretKey: v }) {
+	let { localization: y } = t(), { localization: b } = n(e), [x, S] = f(!1);
+	return /* @__PURE__ */ p(o.Backdrop, {
+		isOpen: h,
+		onOpenChange: g,
+		children: /* @__PURE__ */ p(o.Container, { children: /* @__PURE__ */ m(o.Dialog, { children: [
+			/* @__PURE__ */ p(o.CloseTrigger, {}),
+			/* @__PURE__ */ m(o.Header, { children: [/* @__PURE__ */ p(o.Icon, {
+				status: "warning",
+				children: /* @__PURE__ */ p(a, {})
+			}), /* @__PURE__ */ p(o.Heading, { children: b.newApiKey })] }),
+			/* @__PURE__ */ m(o.Body, {
+				className: "flex flex-col gap-4 overflow-visible",
+				children: [/* @__PURE__ */ p("p", {
+					className: "text-muted text-sm",
+					children: b.newApiKeyWarning
+				}), /* @__PURE__ */ m(u, {
+					value: v ?? "",
+					className: "font-mono text-xs",
+					children: [/* @__PURE__ */ p(l, { children: _ || b.apiKey }), /* @__PURE__ */ m(c, {
+						variant: "secondary",
+						children: [/* @__PURE__ */ p(c.Input, {
+							readOnly: !0,
+							className: "font-mono text-xs"
+						}), /* @__PURE__ */ p(c.Suffix, {
+							className: "px-0",
+							children: /* @__PURE__ */ p(s, {
+								isIconOnly: !0,
+								"aria-label": y.settings.copyToClipboard,
+								size: "sm",
+								variant: "ghost",
+								onPress: async () => {
+									if (v) try {
+										await navigator.clipboard.writeText(v), S(!0), setTimeout(() => S(!1), 1500);
+									} catch (e) {
+										d.danger(e instanceof Error ? e.message : String(e));
+									}
+								},
+								children: p(x ? r : i, {})
+							})
+						})]
+					})]
+				})]
+			}),
+			/* @__PURE__ */ p(o.Footer, { children: /* @__PURE__ */ p(s, {
+				slot: "close",
+				children: b.dismissNewKey
+			}) })
+		] }) })
+	});
+}
+//#endregion
+export { h as NewApiKeyDialog };

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

@@ -9,7 +9,7 @@ function a({ className: a, variant: o, ...s }) {
 		className: n("flex w-full flex-col", a),
 		...s,
 		children: [/* @__PURE__ */ r("h2", {
-			className: n("text-sm font-semibold mb-3"),
+			className: n("text-sm font-semibold mb-3 text-danger"),
 			children: c.settings.dangerZone
 		}), /* @__PURE__ */ r(e, { variant: o })]
 	});

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

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

package/dist/components/auth/multi-session/switch-account-submenu-content.js

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

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

@@ -11,7 +11,7 @@ function g({ account: g, provider: _ }) {
 		children: [
 			/* @__PURE__ */ m("div", {
 				className: f("flex size-10 shrink-0 items-center justify-center rounded-xl bg-surface-secondary"),
-				children: m(D || c, { className: f("size-4.5", !g && "opacity-50") })
+				children: m(D || c, { className: "size-4.5" })
 			}),
 			/* @__PURE__ */ h("div", {
 				className: "flex flex-col min-w-0",