@lalternative/auth 0.6.0 → 0.8.0

package/dist/client.d.ts

@@ -1,5 +1,5 @@
 import * as better_auth_react from 'better-auth/react';
-import { P as PlatformAuthClientConfig } from './types-BEldQPou.js';
+import { P as PlatformAuthClientConfig } from './types-Dmjo9lEL.js';
 import 'better-auth';
 
 /**

package/dist/index.d.ts

@@ -1,11 +1,11 @@
-import { L as LoginFormProps, R as RegisterFormProps, V as VerifyEmailFormProps, F as ForgotPasswordFormProps, a as ResetPasswordFormProps, A as AuthLayoutProps, I as InvitationNoticeProps } from './types-BEldQPou.js';
-export { b as InvitationFailure, c as LoginFormLabels, P as PlatformAuthClientConfig, d as PlatformAuthConfig, e as PlatformAuthMailer, f as PlatformAuthMailerArgs, g as PlatformAuthMailerType, h as PlatformSession, i as PlatformSessionData, j as PlatformUser, k as RegisterFormLabels } from './types-BEldQPou.js';
+import { L as LoginFormProps, R as RegisterFormProps, V as VerifyEmailFormProps, F as ForgotPasswordFormProps, a as ResetPasswordFormProps, A as AuthLayoutProps, I as InvitationNoticeProps } from './types-Dmjo9lEL.js';
+export { b as InvitationFailure, c as LoginFormLabels, P as PlatformAuthClientConfig, d as PlatformAuthConfig, e as PlatformAuthMailer, f as PlatformAuthMailerArgs, g as PlatformAuthMailerType, h as PlatformSession, i as PlatformSessionData, j as PlatformUser, k as RegisterFormLabels } from './types-Dmjo9lEL.js';
 import * as better_auth_react from 'better-auth/react';
 import * as better_auth from 'better-auth';
 import { PlatformAuthClient } from './client.js';
 import * as react from 'react';
 import { InputHTMLAttributes, ReactNode } from 'react';
-export { C as ClaimOutcome, i as isInvitationFailure } from './invitation-aZz_6M7B.js';
+export { C as ClaimOutcome, i as isInvitationFailure } from './invitation-CfZAFUdJ.js';
 
 /**
  * Returns a useSession hook bound to the given auth client.
@@ -54,6 +54,8 @@ interface AuthFieldProps extends NativeProps {
     /** Persistent helper text under the field, tied to it for screen readers */
     description?: string;
     invalid?: boolean;
+    /** Replaces the default border and background utilities */
+    fieldClassName?: string;
 }
 /**
  * A single credential field.
@@ -70,13 +72,15 @@ interface AuthFieldProps extends NativeProps {
  * corners exactly, and the border darkens at the same time — the border is what
  * survives forced-colors mode, where the ring is dropped.
  */
-declare function AuthField({ label, hint, description, invalid, ...props }: AuthFieldProps): react.JSX.Element;
+declare function AuthField({ label, hint, description, invalid, fieldClassName, ...props }: AuthFieldProps): react.JSX.Element;
 
 interface AuthSubmitProps {
     pending?: boolean;
     disabled?: boolean;
     pendingLabel: string;
     children: ReactNode;
+    /** Replaces the default `bg-primary text-primary-foreground hover:bg-primary/90` */
+    className?: string;
 }
 /**
  * The primary action of an auth screen.
@@ -88,11 +92,23 @@ interface AuthSubmitProps {
  * The press feedback is a 1px translate rather than a scale — scaling a
  * full-width button visibly blurs its text mid-transform.
  */
-declare function AuthSubmit({ pending, disabled, pendingLabel, children, }: AuthSubmitProps): react.JSX.Element;
+declare function AuthSubmit({ pending, disabled, pendingLabel, children, className, }: AuthSubmitProps): react.JSX.Element;
 
-declare function LoginForm({ onSuccess, registerUrl, forgotPasswordUrl, socialCallbackUrl, socialProviders, coreTokenUrl, labels, authClient, }: LoginFormProps): react.JSX.Element;
+declare function LoginForm({ onSuccess, registerUrl, forgotPasswordUrl, socialCallbackUrl, socialProviders, coreTokenUrl, labels, submitClassName, fieldClassName, error: externalError, authClient, }: LoginFormProps): react.JSX.Element;
+declare namespace LoginForm {
+    var defaults: {
+        title: string;
+        subtitle: string;
+    };
+}
 
-declare function RegisterForm({ onSuccess, loginUrl, legal, socialCallbackUrl, socialProviders, labels, authClient, }: RegisterFormProps): react.JSX.Element;
+declare function RegisterForm({ onSuccess, loginUrl, legal, socialCallbackUrl, socialProviders, labels, submitClassName, fieldClassName, error: externalError, authClient, }: RegisterFormProps): react.JSX.Element;
+declare namespace RegisterForm {
+    var defaults: {
+        title: string;
+        subtitle: string;
+    };
+}
 
 interface SocialButtonsProps {
     providers: Array<"google" | "github">;
@@ -105,27 +121,55 @@ interface SocialButtonsProps {
 }
 declare function SocialButtons({ providers, onSelect, disabled, separator, labels, }: SocialButtonsProps): react.JSX.Element | null;
 
-declare function VerifyEmailForm({ email, onSuccess, authClient, }: VerifyEmailFormProps): react.JSX.Element;
+declare function VerifyEmailForm({ email, onSuccess, loginUrl, labels, submitClassName, fieldClassName, authClient, }: VerifyEmailFormProps): react.JSX.Element;
+declare namespace VerifyEmailForm {
+    var defaults: {
+        title: string;
+        subtitle: string;
+    };
+}
 
-declare function ForgotPasswordForm({ onSuccess, loginUrl, authClient, }: ForgotPasswordFormProps): react.JSX.Element;
+declare function ForgotPasswordForm({ onSuccess, loginUrl, labels, submitClassName, fieldClassName, authClient, }: ForgotPasswordFormProps): react.JSX.Element;
+declare namespace ForgotPasswordForm {
+    var defaults: {
+        title: string;
+        subtitle: string;
+    };
+}
 
-declare function ResetPasswordForm({ email, onSuccess, loginUrl, authClient, }: ResetPasswordFormProps): react.JSX.Element;
+declare function ResetPasswordForm({ email, onSuccess, loginUrl, labels, submitClassName, fieldClassName, authClient, }: ResetPasswordFormProps): react.JSX.Element;
+declare namespace ResetPasswordForm {
+    var defaults: {
+        title: string;
+        subtitle: string;
+    };
+}
 
 /**
- * The frame every auth screen sits in.
+ * The frame every auth screen sits in. It owns the ground, the heading and the
+ * app's own marks (logo, illustration, legal footer); the card holds only the
+ * fields and their actions.
+ *
+ * The heading sits ABOVE the card rather than inside it: the card is then
+ * exactly the thing you fill in, and the mark reads as the app's rather than
+ * as the form's first row.
  *
  * Mobile and desktop are two layouts, not one scaled down. On a phone the form
  * IS the page: no card, no border, edge-to-edge padding, top-aligned so the
  * fields stay above the keyboard instead of being pushed under it by vertical
  * centering. From sm up it becomes a bounded card on a tinted ground — a
- * full-width form on a 1440px display is unreadable. It stays top-aligned
- * there too: vertical centering drops a short form to the middle of a tall
- * window, well below where the eye lands.
+ * full-width form on a 1440px display is unreadable.
+ *
+ * A `panel` is an app-supplied illustration and nothing else: without one the
+ * card stays a single column rather than inventing decoration to fill a half
+ * it has no content for. When given, it takes the LEFT half from md up and is
+ * dropped below that width — a decorative half-screen above a form costs a
+ * full swipe before the first field.
  *
  * min-h-dvh rather than min-h-screen: on mobile browsers 100vh includes the
  * retracting URL bar, so a screen-height container overflows by its height.
  */
-declare function AuthLayout({ logo, title, subtitle, children, footer, }: AuthLayoutProps): react.JSX.Element;
+declare function AuthLayout({ logo, panel, title, subtitle, titleClassName, children, footer, }: AuthLayoutProps): react.JSX.Element;
 
 /**
  * What an invitee sees when their link does not work.