@better-auth-ui/heroui 1.6.27 → 1.6.29

package/dist/components/auth/forgot-password.d.ts

@@ -7,7 +7,9 @@ export type ForgotPasswordProps = {
  * Render a card-based "Forgot Password" form that sends a password-reset email.
  *
  * The form displays an email input, submit button, and a link back to sign-in.
- * Success toasts are shown via `useRequestPasswordReset`; errors are handled globally by `ErrorToaster`.
+ * After a successful request the submitted email is stored in `sessionStorage`
+ * and the user is redirected to the reset-link-sent view, which offers to open
+ * their email provider. Errors are handled globally by `ErrorToaster`.
  *
  * @param className - Optional additional CSS class names applied to the card
  * @returns The forgot-password form UI as a JSX element

package/dist/components/auth/last-login-method/last-used-badge.d.ts

@@ -0,0 +1,13 @@
+export type LastUsedBadgeProps = {
+    /** Login method IDs that should display the indicator. */
+    method: string | string[];
+    /** Use the shorter label in constrained layouts. */
+    compact?: boolean;
+    /** Float the compact indicator over the top-right edge of its container. */
+    floating?: boolean;
+};
+/**
+ * Displays an indicator when one of the supplied method IDs matches Better
+ * Auth's stored last login method.
+ */
+export declare function LastUsedBadge({ method, compact, floating }: LastUsedBadgeProps): import("react").JSX.Element | null;

package/dist/components/auth/magic-link/magic-link-sent.d.ts

@@ -0,0 +1,20 @@
+import { CardProps } from '@heroui/react';
+/** `sessionStorage` key the magic-link form stores the submitted email under. */
+export declare const MAGIC_LINK_SENT_STORAGE_KEY = "better-auth-ui.magic-link-sent";
+export type MagicLinkSentProps = {
+    className?: string;
+    variant?: CardProps["variant"];
+};
+/**
+ * Render a card confirming that a magic-link email was sent, with a button
+ * to open the user's email provider.
+ *
+ * The target email is read from `sessionStorage` (set when the magic-link
+ * form redirects here); the OpenEmail button is only shown when an email is
+ * stored and resolves to a known provider.
+ *
+ * @param className - Additional CSS classes applied to the outer card container
+ * @param variant - Variant to apply to the card
+ * @returns The magic-link-sent card React element
+ */
+export declare function MagicLinkSent({ className, variant }: MagicLinkSentProps): import("react").JSX.Element;

package/dist/components/auth/provider-button.d.ts

@@ -1,8 +1,10 @@
+import { AuthView } from '@better-auth-ui/core';
 import { ButtonProps } from '@heroui/react';
 import { SocialProvider } from 'better-auth/social-providers';
 export type ProviderButtonProps = {
     provider: SocialProvider;
     display?: "full" | "name" | "icon";
+    view?: AuthView;
 } & Omit<ButtonProps, "children" | "onPress" | "isPending" | "isDisabled">;
 /**
  * Social provider sign-in button.
@@ -10,4 +12,4 @@ export type ProviderButtonProps = {
  * @param provider - Provider to sign in with.
  * @param display - `"full"` (e.g. "Continue with Google"), `"name"` (just the provider name), or `"icon"` (icon only).
  */
-export declare function ProviderButton({ provider, display, variant, ...props }: ProviderButtonProps): import("react").JSX.Element;
+export declare function ProviderButton({ provider, display, view, variant, className, ...props }: ProviderButtonProps): import("react").JSX.Element;

package/dist/components/auth/provider-buttons.d.ts

@@ -1,5 +1,7 @@
+import { AuthView } from '@better-auth-ui/core';
 export type ProviderButtonsProps = {
     socialLayout?: SocialLayout;
+    view?: AuthView;
 };
 export type SocialLayout = "auto" | "horizontal" | "vertical" | "grid";
 /**
@@ -9,4 +11,4 @@ export type SocialLayout = "auto" | "horizontal" | "vertical" | "grid";
  * @param socialLayout - Preferred layout for the buttons; `"auto"` picks `"horizontal"` when there are four or more providers, otherwise `"vertical"`.
  * @returns The JSX element that renders the configured social provider buttons.
  */
-export declare function ProviderButtons({ socialLayout }: ProviderButtonsProps): import("react").JSX.Element;
+export declare function ProviderButtons({ socialLayout, view }: ProviderButtonsProps): import("react").JSX.Element;

package/dist/components/auth/reset-link-sent.d.ts

@@ -0,0 +1,20 @@
+import { CardProps } from '@heroui/react';
+/** `sessionStorage` key the forgot-password form stores the submitted email under. */
+export declare const RESET_LINK_SENT_STORAGE_KEY = "better-auth-ui.reset-link-sent";
+export type ResetLinkSentProps = {
+    className?: string;
+    variant?: CardProps["variant"];
+};
+/**
+ * Render a card confirming that a password-reset email was sent, with a
+ * button to open the user's email provider.
+ *
+ * The target email is read from `sessionStorage` (set when the forgot-password
+ * form redirects here); the OpenEmail button is only shown when an email is
+ * stored and resolves to a known provider.
+ *
+ * @param className - Additional CSS classes applied to the outer card container
+ * @param variant - Variant to apply to the card
+ * @returns The reset-link-sent card React element
+ */
+export declare function ResetLinkSent({ className, variant }: ResetLinkSentProps): import("react").JSX.Element;

package/dist/index.d.ts

@@ -5,6 +5,7 @@ export * from './components/auth/forgot-password';
 export * from './components/auth/open-email-button';
 export * from './components/auth/provider-button';
 export * from './components/auth/provider-buttons';
+export * from './components/auth/reset-link-sent';
 export * from './components/auth/reset-password';
 export * from './components/auth/settings/account/account-settings';
 export * from './components/auth/settings/account/change-email';