@better-auth-ui/heroui 1.6.8 → 1.6.10

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

@@ -46,16 +46,15 @@ export type UserButtonLink = {
 export type UserButtonProps = {
   className?: string
   size?: "default" | "icon"
-  /**
-   * The placement of the element with respect to its anchor element.
-   * @default "bottom"
-   */
+  /** The placement of the element with respect to its anchor element. */
   placement?: DropdownPopoverProps["placement"]
   variant?: ButtonProps["variant"]
   /** Additional menu entries rendered above the built-in items. */
   links?: (UserButtonLink | ReactElement)[]
   /** Hide the built-in "Settings" link. Useful when replacing it via `links`. */
   hideSettings?: boolean
+  /** When true, the subtitle line (email when name/username is shown) is hidden. */
+  hideSubtitle?: boolean
 }
 
 function renderUserLink(
@@ -91,11 +90,12 @@ function renderUserLink(
  */
 export function UserButton({
   className,
-  placement = "bottom",
+  placement,
   size = "default",
   variant = "ghost",
   links,
-  hideSettings = false
+  hideSettings,
+  hideSubtitle
 }: UserButtonProps) {
   const { authClient, basePaths, viewPaths, localization, plugins } = useAuth()
 
@@ -104,7 +104,10 @@ export function UserButton({
   const userMenuItems = plugins.flatMap(
     (plugin) =>
       plugin.userMenuItems?.map((Item, index) => (
-        <Item key={`${plugin.id}-${index.toString()}`} />
+        <Item
+          key={`${plugin.id}-${index.toString()}`}
+          hideSubtitle={hideSubtitle}
+        />
       )) ?? []
   )
 
@@ -127,12 +130,12 @@ export function UserButton({
         <Button
           variant={variant}
           className={cn(
-            "h-auto font-normal justify-start px-3 py-2 text-left",
+            "h-auto font-normal justify-start px-2 py-2 text-left",
             className
           )}
         >
           {session || sessionPending ? (
-            <UserView isPending={sessionPending} />
+            <UserView isPending={sessionPending} hideSubtitle={hideSubtitle} />
           ) : (
             <>
               <UserAvatar />
@@ -141,7 +144,7 @@ export function UserButton({
             </>
           )}
 
-          <ChevronsExpandVertical className="ml-auto size-3.5" />
+          <ChevronsExpandVertical className="ml-auto size-3 text-muted" />
         </Button>
       )}
 
@@ -151,7 +154,7 @@ export function UserButton({
       >
         {session && (
           <div className="px-3 pt-3 pb-1">
-            <UserView />
+            <UserView hideSubtitle={hideSubtitle} />
           </div>
         )}
 

package/src/components/auth/user/user-view.tsx

@@ -12,22 +12,32 @@ export type UserViewProps = {
   className?: string
   isPending?: boolean
   size?: AvatarProps["size"]
+  /**
+   * When true, the subtitle line (email when name/username is shown) is hidden.
+   * @default false
+   */
+  hideSubtitle?: boolean
   /** @remarks `User` */
-  user?: User & { username?: string | null; displayUsername?: string | null }
+  user?: Partial<User> & {
+    username?: string | null
+    displayUsername?: string | null
+  }
 }
 
 /**
- * Render a compact user item with an avatar, a primary label (display username, name, or email), and an optional secondary email line.
+ * Render a compact user item with an avatar, a primary label (display username, name, or email), and an optional subtitle (email).
  *
  * @param isPending - If true and no `user` prop is provided, renders a loading skeleton instead of user details
- * @param size - Avatar size variant; defaults to `"sm"`
+ * @param size - Avatar size variant; defaults to `"md"`
+ * @param hideSubtitle - When true, omits the muted subtitle row under the primary label
  * @param user - Optional user to display; when omitted the current session user is used if available
  * @returns A React element containing the user's avatar and text labels
  */
 export function UserView({
   className,
   isPending,
-  size = "sm",
+  size = "md",
+  hideSubtitle = false,
   user,
   ...props
 }: UserViewProps & ComponentProps<"div">) {
@@ -47,11 +57,16 @@ export function UserView({
         className={cn("flex items-center gap-2 min-w-0", className)}
         {...props}
       >
-        <UserAvatar isPending size={size} />
+        <UserAvatar
+          isPending
+          className={size === "sm" ? "size-5 [&>span]:text-xs" : undefined}
+          size={size === "lg" ? "md" : "sm"}
+        />
 
         <div className="flex flex-col gap-1 min-w-0">
           <Skeleton className="h-3.5 w-24 rounded-lg" />
-          <Skeleton className="h-3 w-32 rounded-lg" />
+
+          {!hideSubtitle ? <Skeleton className="h-3 w-32 rounded-lg" /> : null}
         </div>
       </div>
     )
@@ -62,20 +77,25 @@ export function UserView({
       className={cn("flex items-center gap-2 min-w-0", className)}
       {...props}
     >
-      <UserAvatar user={resolvedUser} size={size} />
+      <UserAvatar
+        className={size === "sm" ? "size-5 [&>span]:text-xs" : undefined}
+        user={resolvedUser}
+        size={size === "lg" ? "md" : "sm"}
+      />
 
-      <div className="min-w-0">
-        <p className="text-sm font-medium truncate leading-tight">
+      <div className="flex flex-col min-w-0">
+        <p className="text-foreground text-sm font-medium leading-tight truncate">
           {resolvedUser?.displayUsername ||
             resolvedUser?.name ||
             resolvedUser?.email}
         </p>
 
-        {(resolvedUser?.displayUsername || resolvedUser?.name) && (
-          <p className="text-muted text-xs mb-0.5 truncate overflow-x-hidden">
+        {!hideSubtitle &&
+        (resolvedUser?.displayUsername || resolvedUser?.name) ? (
+          <p className="text-muted text-xs leading-tight truncate overflow-x-hidden">
             {resolvedUser?.email}
           </p>
-        )}
+        ) : null}
       </div>
     </div>
   )

package/src/email.ts

@@ -4,6 +4,7 @@ export * from "./components/auth/email/email-changed-email"
 export * from "./components/auth/email/email-verification-email"
 export * from "./components/auth/email/magic-link-email"
 export * from "./components/auth/email/new-device-email"
+export * from "./components/auth/email/organization-invitation-email"
 export * from "./components/auth/email/otp-email"
 export * from "./components/auth/email/password-changed-email"
 export * from "./components/auth/email/reset-password-email"

package/src/lib/auth/api-key-plugin.ts

@@ -5,11 +5,17 @@ import {
 } from "@better-auth-ui/core/plugins"
 
 import { ApiKeys } from "../../components/auth/api-key/api-keys"
+import { OrganizationApiKeys } from "../../components/auth/api-key/organization-api-keys"
 
 export const apiKeyPlugin = createAuthPlugin(
   coreApiKeyPlugin.id,
-  (options: ApiKeyPluginOptions = {}) => ({
-    ...coreApiKeyPlugin(options),
-    securityCards: [ApiKeys]
-  })
+  (options: ApiKeyPluginOptions = {}) => {
+    const core = coreApiKeyPlugin(options)
+
+    return {
+      ...core,
+      securityCards: [ApiKeys],
+      ...(core.organization ? { organizationCards: [OrganizationApiKeys] } : {})
+    }
+  }
 )

package/src/lib/auth/auth-plugin.ts

@@ -3,6 +3,7 @@ import type {
   AccountCardProps,
   AuthPlugin as AuthPluginPrimitive,
   AuthPluginComponents as BaseAuthPluginComponents,
+  OrganizationCardProps,
   SecurityCardProps,
   UserMenuItemProps
 } from "@better-auth-ui/react"
@@ -36,7 +37,7 @@ declare module "@better-auth-ui/core" {
 /** Heroui slot component shapes — inherits from the framework-agnostic defaults and narrows slots that receive a heroui variant from the host. */
 export type AuthPluginComponents = Omit<
   BaseAuthPluginComponents,
-  "securityCards" | "accountCards"
+  "securityCards" | "accountCards" | "organizationCards"
 > & {
   /** Rendered as cards inside security settings */
   securityCards?: ComponentType<
@@ -46,6 +47,10 @@ export type AuthPluginComponents = Omit<
   accountCards?: ComponentType<
     AccountCardProps & { variant?: CardProps["variant"] }
   >[]
+  /** Rendered as cards inside the active organization's settings */
+  organizationCards?: ComponentType<
+    OrganizationCardProps & { variant?: CardProps["variant"] }
+  >[]
   /** Rendered as items inside the `UserButton` dropdown (e.g. account switcher). */
   userMenuItems?: ComponentType<UserMenuItemProps>[]
 }

package/src/lib/auth/organization-plugin.tsx

@@ -0,0 +1,32 @@
+import { createAuthPlugin } from "@better-auth-ui/core"
+import {
+  organizationPlugin as coreOrganizationPlugin,
+  type OrganizationLocalization,
+  type OrganizationPluginOptions
+} from "@better-auth-ui/core/plugins"
+import { Briefcase } from "@gravity-ui/icons"
+import { OrganizationsSettings } from "../../components/auth/organization/organizations-settings"
+
+export const organizationPlugin = createAuthPlugin(
+  coreOrganizationPlugin.id,
+  (options: OrganizationPluginOptions = {}) => {
+    const coreOptions = coreOrganizationPlugin(options)
+
+    return {
+      ...coreOptions,
+      localization: coreOptions.localization as OrganizationLocalization,
+      settingsTabs: [
+        {
+          view: "organizations",
+          label: (
+            <>
+              <Briefcase className="text-muted" />
+              {coreOptions.localization.organizations}
+            </>
+          ),
+          component: OrganizationsSettings
+        }
+      ]
+    }
+  }
+)

package/src/plugins.ts

@@ -1,8 +1,9 @@
 "use client"
 
 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-user"
+export * from "./components/auth/delete-user/delete-account"
 // Plugin-contributed components that may be used standalone
 export * from "./components/auth/magic-link/magic-link"
 export * from "./components/auth/multi-session/manage-account"
@@ -10,6 +11,28 @@ export * from "./components/auth/multi-session/manage-accounts"
 export * from "./components/auth/multi-session/switch-account-submenu"
 export * from "./components/auth/multi-session/switch-account-submenu-content"
 export * from "./components/auth/multi-session/switch-account-submenu-item"
+export * from "./components/auth/organization/change-organization-logo"
+export * from "./components/auth/organization/create-organization-dialog"
+export * from "./components/auth/organization/delete-organization"
+export * from "./components/auth/organization/delete-organization-skeleton"
+export * from "./components/auth/organization/invite-member-dialog"
+export * from "./components/auth/organization/leave-organization"
+export * from "./components/auth/organization/organization"
+export * from "./components/auth/organization/organization-danger-zone"
+export * from "./components/auth/organization/organization-invitations"
+export * from "./components/auth/organization/organization-invitations-empty"
+export * from "./components/auth/organization/organization-logo"
+export * from "./components/auth/organization/organization-members"
+export * from "./components/auth/organization/organization-people"
+export * from "./components/auth/organization/organization-profile"
+export * from "./components/auth/organization/organization-row"
+export * from "./components/auth/organization/organization-settings"
+export * from "./components/auth/organization/organization-switcher"
+export * from "./components/auth/organization/organization-view"
+export * from "./components/auth/organization/organization-view-skeleton"
+export * from "./components/auth/organization/organizations"
+export * from "./components/auth/organization/organizations-settings"
+export * from "./components/auth/organization/user-invitations"
 export * from "./components/auth/passkey/passkeys"
 export * from "./components/auth/theme/appearance"
 export * from "./components/auth/theme/theme-toggle-item"
@@ -20,6 +43,7 @@ export * from "./lib/auth/auth-plugin"
 export * from "./lib/auth/delete-user-plugin"
 export * from "./lib/auth/magic-link-plugin"
 export * from "./lib/auth/multi-session-plugin"
+export * from "./lib/auth/organization-plugin"
 export * from "./lib/auth/passkey-plugin"
 export * from "./lib/auth/theme-plugin"
 export * from "./lib/auth/username-plugin"

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

@@ -1,270 +0,0 @@
-import { resolveInputType as e } from "@better-auth-ui/core";
-import { useAuth as t } from "@better-auth-ui/react";
-import { Check as n, Copy as r } from "@gravity-ui/icons";
-import { Button as i, Calendar as a, Checkbox as o, ComboBox as s, DateField as c, DatePicker as l, FieldError as u, Input as d, InputGroup as f, Label as p, ListBox as m, NumberField as h, Select as g, Slider as _, Switch as v, TextArea as y, TextField as b, TimeField as x, toast as S } from "@heroui/react";
-import { fromDate as C, getLocalTimeZone as w, parseDate as T, parseDateTime as E, toCalendarDate as D, toCalendarDateTime as O } from "@internationalized/date";
-import { useRef as k, useState as A } from "react";
-import { Fragment as j, jsx as M, jsxs as N } from "react/jsx-runtime";
-//#region src/components/auth/additional-field.tsx
-function P(e) {
-	if (e instanceof Date) return D(C(e, w()));
-	if (typeof e == "string") try {
-		return T(e.slice(0, 10));
-	} catch {
-		return;
-	}
-}
-function F(e) {
-	if (e instanceof Date) return O(C(e, w()));
-	if (typeof e == "string") try {
-		return E(e.replace(/(Z|[+-]\d{2}:?\d{2})$/, ""));
-	} catch {
-		return;
-	}
-}
-function I({ getValue: e, isDisabled: a }) {
-	let { localization: o } = t(), [s, c] = A(!1);
-	async function l() {
-		let t = e();
-		if (t) try {
-			await navigator.clipboard.writeText(t), c(!0), setTimeout(() => c(!1), 1500);
-		} catch (e) {
-			S.danger(e instanceof Error ? e.message : String(e));
-		}
-	}
-	return /* @__PURE__ */ M(i, {
-		isIconOnly: !0,
-		"aria-label": o.settings.copyToClipboard,
-		size: "sm",
-		variant: "ghost",
-		isDisabled: a,
-		onPress: l,
-		children: M(s ? n : r, { className: "size-4" })
-	});
-}
-function L({ name: n, field: r, isPending: i, variant: S }) {
-	let { localization: C } = t(), w = e(r), T = S === "transparent" ? "primary" : "secondary", E = k(null);
-	if (r.render) return /* @__PURE__ */ M(j, { children: r.render({
-		name: n,
-		field: r,
-		isPending: i,
-		variant: S
-	}) });
-	if (w === "hidden") return /* @__PURE__ */ M("input", {
-		type: "hidden",
-		name: n,
-		value: r.defaultValue == null ? "" : r.defaultValue instanceof Date ? r.defaultValue.toISOString() : String(r.defaultValue)
-	});
-	if (w === "textarea") return /* @__PURE__ */ N(b, {
-		name: n,
-		defaultValue: r.defaultValue == null ? void 0 : String(r.defaultValue),
-		isDisabled: i,
-		isReadOnly: r.readOnly,
-		children: [
-			/* @__PURE__ */ M(p, { children: r.label }),
-			/* @__PURE__ */ M(y, {
-				placeholder: r.placeholder,
-				required: r.required,
-				variant: T
-			}),
-			/* @__PURE__ */ M(u, {})
-		]
-	});
-	if (w === "number") {
-		let e = r.formatOptions?.maximumFractionDigits;
-		return /* @__PURE__ */ N(h, {
-			name: n,
-			defaultValue: typeof r.defaultValue == "number" ? r.defaultValue : r.defaultValue != null && r.defaultValue !== "" ? Number(r.defaultValue) : void 0,
-			minValue: r.min,
-			maxValue: r.max,
-			step: r.step ?? (e ? 1 / 10 ** e : 1),
-			formatOptions: r.formatOptions,
-			isDisabled: i,
-			isReadOnly: r.readOnly,
-			variant: T,
-			children: [
-				/* @__PURE__ */ M(p, { children: r.label }),
-				/* @__PURE__ */ N(h.Group, { children: [
-					/* @__PURE__ */ M(h.DecrementButton, {}),
-					/* @__PURE__ */ M(h.Input, {
-						placeholder: r.placeholder,
-						required: r.required
-					}),
-					/* @__PURE__ */ M(h.IncrementButton, {})
-				] }),
-				/* @__PURE__ */ M(u, {})
-			]
-		});
-	}
-	if (w === "slider") {
-		let e = r.formatOptions?.maximumFractionDigits;
-		return /* @__PURE__ */ N(_, {
-			defaultValue: typeof r.defaultValue == "number" ? r.defaultValue : r.defaultValue == null ? void 0 : Number(r.defaultValue),
-			minValue: r.min ?? 0,
-			maxValue: r.max ?? 100,
-			step: r.step ?? (e ? 1 / 10 ** e : 1),
-			formatOptions: r.formatOptions,
-			isDisabled: i || r.readOnly,
-			className: "flex flex-col gap-2",
-			children: [/* @__PURE__ */ N("div", {
-				className: "flex items-center justify-between gap-2",
-				children: [/* @__PURE__ */ M(p, { children: r.label }), /* @__PURE__ */ M(_.Output, { className: "text-sm text-muted" })]
-			}), /* @__PURE__ */ N(_.Track, { children: [/* @__PURE__ */ M(_.Fill, {}), /* @__PURE__ */ M(_.Thumb, { name: n })] })]
-		});
-	}
-	if (w === "switch") return /* @__PURE__ */ N(v, {
-		name: n,
-		defaultSelected: r.defaultValue === !0 || r.defaultValue === "true",
-		isDisabled: i,
-		isReadOnly: r.readOnly,
-		children: [/* @__PURE__ */ M(v.Control, { children: /* @__PURE__ */ M(v.Thumb, {}) }), /* @__PURE__ */ M(p, { children: r.label })]
-	});
-	if (w === "checkbox") return /* @__PURE__ */ N(o, {
-		name: n,
-		defaultSelected: r.defaultValue === !0 || r.defaultValue === "true",
-		isDisabled: i,
-		isReadOnly: r.readOnly,
-		isRequired: r.required,
-		variant: T,
-		children: [/* @__PURE__ */ M(o.Control, { children: /* @__PURE__ */ M(o.Indicator, {}) }), /* @__PURE__ */ M(o.Content, { children: /* @__PURE__ */ M(p, { children: r.label }) })]
-	});
-	if (w === "select") return /* @__PURE__ */ N(g, {
-		className: "[&[data-required=true]>.label]:after:content-none",
-		name: n,
-		defaultValue: r.defaultValue == null ? void 0 : String(r.defaultValue),
-		placeholder: r.placeholder,
-		isDisabled: i || r.readOnly,
-		isRequired: r.required,
-		variant: T,
-		fullWidth: !0,
-		children: [
-			/* @__PURE__ */ M(p, { children: r.label }),
-			/* @__PURE__ */ N(g.Trigger, { children: [/* @__PURE__ */ M(g.Value, {}), /* @__PURE__ */ M(g.Indicator, {})] }),
-			/* @__PURE__ */ M(g.Popover, { children: /* @__PURE__ */ M(m, { children: r.options?.map((e) => /* @__PURE__ */ N(m.Item, {
-				id: e.value,
-				textValue: typeof e.label == "string" ? e.label : e.value,
-				children: [e.label, /* @__PURE__ */ M(m.ItemIndicator, {})]
-			}, e.value)) }) }),
-			/* @__PURE__ */ M(u, {})
-		]
-	});
-	if (w === "combobox") return /* @__PURE__ */ N(s, {
-		className: "[&[data-required=true]>.label]:after:content-none",
-		name: n,
-		defaultSelectedKey: r.defaultValue == null ? void 0 : String(r.defaultValue),
-		isDisabled: i,
-		isReadOnly: r.readOnly,
-		isRequired: r.required,
-		variant: T,
-		fullWidth: !0,
-		children: [
-			/* @__PURE__ */ M(p, { children: r.label }),
-			/* @__PURE__ */ N(s.InputGroup, { children: [/* @__PURE__ */ M(d, { placeholder: r.placeholder }), /* @__PURE__ */ M(s.Trigger, {})] }),
-			/* @__PURE__ */ M(s.Popover, { children: /* @__PURE__ */ M(m, { children: r.options?.map((e) => /* @__PURE__ */ N(m.Item, {
-				id: e.value,
-				textValue: typeof e.label == "string" ? e.label : e.value,
-				children: [e.label, /* @__PURE__ */ M(m.ItemIndicator, {})]
-			}, e.value)) }) }),
-			/* @__PURE__ */ M(u, {})
-		]
-	});
-	if (w === "date" || w === "datetime") {
-		let e = w === "datetime";
-		return /* @__PURE__ */ M(l, {
-			className: "w-full [&[data-required=true]>.label]:after:content-none",
-			name: n,
-			defaultValue: e ? F(r.defaultValue) : P(r.defaultValue),
-			granularity: e ? "minute" : "day",
-			isDisabled: i,
-			isReadOnly: r.readOnly,
-			isRequired: r.required,
-			children: ({ state: t }) => /* @__PURE__ */ N(j, { children: [
-				/* @__PURE__ */ M(p, { children: r.label }),
-				/* @__PURE__ */ N(c.Group, {
-					variant: T,
-					fullWidth: !0,
-					children: [/* @__PURE__ */ M(c.Input, { children: (e) => /* @__PURE__ */ M(c.Segment, { segment: e }) }), /* @__PURE__ */ M(c.Suffix, { children: /* @__PURE__ */ M(l.Trigger, { children: /* @__PURE__ */ M(l.TriggerIndicator, {}) }) })]
-				}),
-				/* @__PURE__ */ M(u, {}),
-				/* @__PURE__ */ N(l.Popover, {
-					className: "flex flex-col gap-3",
-					children: [/* @__PURE__ */ N(a, {
-						"aria-label": typeof r.label == "string" ? r.label : n,
-						children: [
-							/* @__PURE__ */ N(a.Header, { children: [
-								/* @__PURE__ */ N(a.YearPickerTrigger, { children: [/* @__PURE__ */ M(a.YearPickerTriggerHeading, {}), /* @__PURE__ */ M(a.YearPickerTriggerIndicator, {})] }),
-								/* @__PURE__ */ M(a.NavButton, { slot: "previous" }),
-								/* @__PURE__ */ M(a.NavButton, { slot: "next" })
-							] }),
-							/* @__PURE__ */ N(a.Grid, { children: [/* @__PURE__ */ M(a.GridHeader, { children: (e) => /* @__PURE__ */ M(a.HeaderCell, { children: e }) }), /* @__PURE__ */ M(a.GridBody, { children: (e) => /* @__PURE__ */ M(a.Cell, { date: e }) })] }),
-							/* @__PURE__ */ M(a.YearPickerGrid, { children: /* @__PURE__ */ M(a.YearPickerGridBody, { children: ({ year: e }) => /* @__PURE__ */ M(a.YearPickerCell, { year: e }) }) })
-						]
-					}), e && /* @__PURE__ */ N("div", {
-						className: "flex items-center justify-between",
-						children: [/* @__PURE__ */ M(p, { children: C.settings.time }), /* @__PURE__ */ M(x, {
-							"aria-label": C.settings.time,
-							granularity: "minute",
-							value: t.timeValue,
-							onChange: (e) => t.setTimeValue(e),
-							children: /* @__PURE__ */ M(x.Group, {
-								variant: "secondary",
-								children: /* @__PURE__ */ M(x.Input, { children: (e) => /* @__PURE__ */ M(x.Segment, { segment: e }) })
-							})
-						})]
-					})]
-				})
-			] })
-		});
-	}
-	let D = r.prefix != null, O = r.suffix != null || r.copyable, A = r.type === "number", L = r.formatOptions?.maximumFractionDigits, R = A ? "number" : void 0, z = A ? L ? "decimal" : "numeric" : void 0, B = L ? 1 / 10 ** L : void 0;
-	return D || O ? /* @__PURE__ */ N(b, {
-		name: n,
-		defaultValue: r.defaultValue == null ? void 0 : String(r.defaultValue),
-		isDisabled: i,
-		isReadOnly: r.readOnly,
-		children: [
-			/* @__PURE__ */ M(p, { children: r.label }),
-			/* @__PURE__ */ N(f, {
-				variant: T,
-				children: [
-					D && /* @__PURE__ */ M(f.Prefix, { children: r.prefix }),
-					/* @__PURE__ */ M(f.Input, {
-						ref: E,
-						placeholder: r.placeholder,
-						required: r.required,
-						type: R,
-						inputMode: z,
-						step: B
-					}),
-					r.copyable ? /* @__PURE__ */ M(f.Suffix, {
-						className: "px-0",
-						children: /* @__PURE__ */ M(I, {
-							getValue: () => E.current?.value,
-							isDisabled: i
-						})
-					}) : r.suffix != null && /* @__PURE__ */ M(f.Suffix, { children: r.suffix })
-				]
-			}),
-			/* @__PURE__ */ M(u, {})
-		]
-	}) : /* @__PURE__ */ N(b, {
-		name: n,
-		defaultValue: r.defaultValue == null ? void 0 : String(r.defaultValue),
-		isDisabled: i,
-		isReadOnly: r.readOnly,
-		children: [
-			/* @__PURE__ */ M(p, { children: r.label }),
-			/* @__PURE__ */ M(d, {
-				placeholder: r.placeholder,
-				required: r.required,
-				variant: T,
-				type: R,
-				inputMode: z,
-				step: B
-			}),
-			/* @__PURE__ */ M(u, {})
-		]
-	});
-}
-//#endregion
-export { L as AdditionalField };

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

@@ -1,21 +0,0 @@
-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.js

@@ -1,55 +0,0 @@
-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 };