@better-auth-ui/heroui 1.6.0 → 1.6.2

package/dist/src/components/user/user-button.d.ts

@@ -1,21 +0,0 @@
-import { type ButtonProps, type DropdownPopoverProps } from "@heroui/react";
-export type UserButtonProps = {
-    className?: string;
-    size?: "default" | "icon";
-    placement?: DropdownPopoverProps["placement"];
-    themeToggle?: boolean;
-    variant?: ButtonProps["variant"];
-};
-/**
- * Render a user account dropdown button that shows account actions, session switching, and theme controls.
- *
- * Renders either an icon-only trigger or a full button showing the current user state; its dropdown contains account settings, multi-session switching (when enabled), theme selection (when enabled), and sign-in/sign-out flows depending on authentication state.
- *
- * @param className - Additional CSS classes applied to the trigger element
- * @param placement - Dropdown popover placement (e.g., "bottom", "top-start", "bottom-end")
- * @param size - "icon" renders an avatar-only trigger; "default" renders a button with label and chevron
- * @param variant - Button visual variant passed to the underlying Button component
- * @param themeToggle - When true and theming is available, show theme selection controls in the menu
- * @returns The user button and its dropdown menu as a JSX element
- */
-export declare function UserButton({ className, placement, size, variant, themeToggle }: UserButtonProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,24 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useAuth, useSession } from "@better-auth-ui/react";
-import { ArrowRightFromSquare, ArrowRightToSquare, ChevronsExpandVertical, Display, Gear, Moon, PersonPlus, Persons, Sun } from "@gravity-ui/icons";
-import { Button, cn, Dropdown, Label, Separator, Tabs } from "@heroui/react";
-import { SwitchAccountMenu } from "./switch-account-menu";
-import { UserAvatar } from "./user-avatar";
-import { UserView } from "./user-view";
-/**
- * Render a user account dropdown button that shows account actions, session switching, and theme controls.
- *
- * Renders either an icon-only trigger or a full button showing the current user state; its dropdown contains account settings, multi-session switching (when enabled), theme selection (when enabled), and sign-in/sign-out flows depending on authentication state.
- *
- * @param className - Additional CSS classes applied to the trigger element
- * @param placement - Dropdown popover placement (e.g., "bottom", "top-start", "bottom-end")
- * @param size - "icon" renders an avatar-only trigger; "default" renders a button with label and chevron
- * @param variant - Button visual variant passed to the underlying Button component
- * @param themeToggle - When true and theming is available, show theme selection controls in the menu
- * @returns The user button and its dropdown menu as a JSX element
- */
-export function UserButton({ className, placement = "bottom", size = "default", variant = "ghost", themeToggle = true }) {
-    const { basePaths, viewPaths, localization, multiSession, settings: { theme, setTheme, themes } } = useAuth();
-    const { data: sessionData, isPending: sessionPending } = useSession();
-    return (_jsxs(Dropdown, { children: [size === "icon" ? (_jsx(Dropdown.Trigger, { className: cn("rounded-full", className), children: _jsx(UserAvatar, {}) })) : (_jsxs(Button, { variant: variant, className: cn("h-auto font-normal justify-start px-3 py-2 text-left", className), children: [sessionData || sessionPending ? (_jsx(UserView, { isPending: sessionPending })) : (_jsxs(_Fragment, { children: [_jsx(UserAvatar, {}), _jsx("p", { className: "text-sm font-medium", children: localization.auth.account })] })), _jsx(ChevronsExpandVertical, { className: "ml-auto size-3.5" })] })), _jsxs(Dropdown.Popover, { placement: placement, className: "min-w-40 md:min-w-56 max-w-[48svw]", children: [sessionData && (_jsx("div", { className: "px-3 pt-3 pb-1", children: _jsx(UserView, {}) })), _jsx(Dropdown.Menu, { children: sessionData ? (_jsxs(_Fragment, { children: [_jsxs(Dropdown.Item, { textValue: localization.settings.settings, href: `${basePaths.settings}/${viewPaths.settings.account}`, children: [_jsx(Gear, { className: "text-muted" }), _jsx(Label, { children: localization.settings.settings })] }), multiSession && (_jsxs(Dropdown.SubmenuTrigger, { children: [_jsxs(Dropdown.Item, { textValue: localization.auth.switchAccount, children: [_jsx(Persons, { className: "text-muted" }), _jsx(Label, { children: localization.auth.switchAccount }), _jsx(Dropdown.SubmenuIndicator, {})] }), _jsx(Dropdown.Popover, { className: "min-w-40 md:min-w-56 max-w-[48svw]", children: _jsx(SwitchAccountMenu, {}) })] })), themeToggle && theme && setTheme && themes?.length && (_jsxs(Dropdown.Item, { className: "py-1 pe-2", children: [_jsx(Label, { children: localization.settings.theme }), _jsx(Tabs, { className: "ml-auto", selectedKey: theme, onSelectionChange: (key) => setTheme(key), children: _jsx(Tabs.ListContainer, { children: _jsxs(Tabs.List, { "aria-label": localization.settings.theme, className: "*:h-5 *:w-5 *:p-0", children: [themes.includes("system") && (_jsxs(Tabs.Tab, { id: "system", "aria-label": localization.settings.system, children: [_jsx(Display, { className: "size-3" }), _jsx(Tabs.Indicator, {})] })), themes.includes("light") && (_jsxs(Tabs.Tab, { id: "light", "aria-label": localization.settings.light, children: [_jsx(Sun, { className: "size-3" }), _jsx(Tabs.Indicator, {})] })), themes.includes("dark") && (_jsxs(Tabs.Tab, { id: "dark", "aria-label": localization.settings.dark, children: [_jsx(Moon, { className: "size-3" }), _jsx(Tabs.Indicator, {})] }))] }) }) })] })), _jsx(Separator, {}), _jsxs(Dropdown.Item, { textValue: localization.auth.signOut, href: `${basePaths.auth}/${viewPaths.auth.signOut}`, children: [_jsx(ArrowRightFromSquare, { className: "text-muted" }), _jsx(Label, { children: localization.auth.signOut })] })] })) : (_jsxs(_Fragment, { children: [_jsxs(Dropdown.Item, { textValue: localization.auth.signIn, href: `${basePaths.auth}/${viewPaths.auth.signIn}`, children: [_jsx(ArrowRightToSquare, { className: "text-muted" }), _jsx(Label, { children: localization.auth.signIn })] }), _jsxs(Dropdown.Item, { textValue: localization.auth.signUp, href: `${basePaths.auth}/${viewPaths.auth.signUp}`, children: [_jsx(PersonPlus, { className: "text-muted" }), _jsx(Label, { children: localization.auth.signUp })] })] })) })] })] }));
-}

package/dist/src/components/user/user-view.d.ts

@@ -1,21 +0,0 @@
-import { type AvatarProps } from "@heroui/react";
-import type { User } from "better-auth";
-import type { ComponentProps } from "react";
-export type UserViewProps = {
-    className?: string;
-    isPending?: boolean;
-    size?: AvatarProps["size"];
-    user?: 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.
- *
- * @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 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 declare function UserView({ className, isPending, size, user, ...props }: UserViewProps & ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;

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

@@ -1,24 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useSession } from "@better-auth-ui/react";
-import { cn, Skeleton } from "@heroui/react";
-import { UserAvatar } from "./user-avatar";
-/**
- * Render a compact user item with an avatar, a primary label (display username, name, or email), and an optional secondary email line.
- *
- * @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 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", user, ...props }) {
-    const { data: sessionData, isPending: sessionPending } = useSession({
-        enabled: !user && !isPending
-    });
-    const resolvedUser = user ?? sessionData?.user;
-    if ((isPending || sessionPending) && !user) {
-        return (_jsxs("div", { className: cn("flex items-center gap-2 min-w-0", className), ...props, children: [_jsx(UserAvatar, { isPending: true, size: size }), _jsxs("div", { className: "flex flex-col gap-1 min-w-0", children: [_jsx(Skeleton, { className: "h-3.5 w-24 rounded-lg" }), _jsx(Skeleton, { className: "h-3 w-32 rounded-lg" })] })] }));
-    }
-    return (_jsxs("div", { className: cn("flex items-center gap-2 min-w-0", className), ...props, children: [_jsx(UserAvatar, { user: resolvedUser, size: size }), _jsxs("div", { className: "min-w-0", children: [_jsx("p", { className: "text-sm font-medium truncate leading-tight", children: resolvedUser?.displayUsername ||
-                            resolvedUser?.name ||
-                            resolvedUser?.email }), (resolvedUser?.displayUsername || resolvedUser?.name) && (_jsx("p", { className: "text-muted text-xs mb-0.5 truncate overflow-x-hidden", children: resolvedUser?.email }))] })] }));
-}

package/dist/src/core.d.ts

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

package/dist/src/core.js

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

package/dist/src/index.d.ts

@@ -1,31 +0,0 @@
-export * from "./components/auth/auth";
-export * from "./components/auth/auth-provider";
-export * from "./components/auth/forgot-password";
-export * from "./components/auth/magic-link";
-export * from "./components/auth/magic-link-button";
-export * from "./components/auth/provider-buttons";
-export * from "./components/auth/reset-password";
-export * from "./components/auth/sign-in";
-export * from "./components/auth/sign-out";
-export * from "./components/auth/sign-up";
-export * from "./components/email/email-changed-email";
-export * from "./components/email/email-verification-email";
-export * from "./components/email/magic-link-email";
-export * from "./components/email/new-device-email";
-export * from "./components/email/otp-email";
-export * from "./components/email/password-changed-email";
-export * from "./components/email/reset-password-email";
-export * from "./components/settings/account/account-settings";
-export * from "./components/settings/account/appearance";
-export * from "./components/settings/account/change-email";
-export * from "./components/settings/account/manage-account";
-export * from "./components/settings/account/manage-accounts";
-export * from "./components/settings/account/user-profile";
-export * from "./components/settings/security/active-sessions";
-export * from "./components/settings/security/change-password";
-export * from "./components/settings/security/linked-accounts";
-export * from "./components/settings/security/security-settings";
-export * from "./components/settings/settings";
-export * from "./components/user/user-avatar";
-export * from "./components/user/user-button";
-export * from "./components/user/user-view";

package/dist/src/index.js

@@ -1,32 +0,0 @@
-"use client";
-export * from "./components/auth/auth";
-export * from "./components/auth/auth-provider";
-export * from "./components/auth/forgot-password";
-export * from "./components/auth/magic-link";
-export * from "./components/auth/magic-link-button";
-export * from "./components/auth/provider-buttons";
-export * from "./components/auth/reset-password";
-export * from "./components/auth/sign-in";
-export * from "./components/auth/sign-out";
-export * from "./components/auth/sign-up";
-export * from "./components/email/email-changed-email";
-export * from "./components/email/email-verification-email";
-export * from "./components/email/magic-link-email";
-export * from "./components/email/new-device-email";
-export * from "./components/email/otp-email";
-export * from "./components/email/password-changed-email";
-export * from "./components/email/reset-password-email";
-export * from "./components/settings/account/account-settings";
-export * from "./components/settings/account/appearance";
-export * from "./components/settings/account/change-email";
-export * from "./components/settings/account/manage-account";
-export * from "./components/settings/account/manage-accounts";
-export * from "./components/settings/account/user-profile";
-export * from "./components/settings/security/active-sessions";
-export * from "./components/settings/security/change-password";
-export * from "./components/settings/security/linked-accounts";
-export * from "./components/settings/security/security-settings";
-export * from "./components/settings/settings";
-export * from "./components/user/user-avatar";
-export * from "./components/user/user-button";
-export * from "./components/user/user-view";

package/dist/src/lib/utils.d.ts

@@ -1,2 +0,0 @@
-import { type ClassValue } from "clsx";
-export declare function cn(...inputs: ClassValue[]): string;

package/dist/src/lib/utils.js

@@ -1,5 +0,0 @@
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-export function cn(...inputs) {
-    return twMerge(clsx(inputs));
-}

package/dist/src/react-exports.d.ts

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

package/dist/src/react-exports.js

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