@lalternative/auth 0.4.2 → 0.4.4

package/dist/client.d.ts

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

package/dist/index.d.ts

@@ -1,10 +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-DxllDyOa.js';
-export { b as InvitationFailure, P as PlatformAuthClientConfig, c as PlatformAuthConfig, d as PlatformAuthMailer, e as PlatformAuthMailerArgs, f as PlatformAuthMailerType, g as PlatformSession, h as PlatformSessionData, i as PlatformUser } from './types-DxllDyOa.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-BXyGxKtF.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-BXyGxKtF.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';
-export { C as ClaimOutcome, i as isInvitationFailure } from './invitation-CzfLna7q.js';
+import { InputHTMLAttributes, ReactNode } from 'react';
+export { C as ClaimOutcome, i as isInvitationFailure } from './invitation-Bucmin-z.js';
 
 /**
  * Returns a useSession hook bound to the given auth client.
@@ -45,16 +46,64 @@ declare function useSession(authClient: PlatformAuthClient): {
  */
 declare function useLogout(authClient: PlatformAuthClient): () => Promise<void>;
 
-declare function LoginForm({ onSuccess, registerUrl, forgotPasswordUrl, socialCallbackUrl, socialProviders, coreTokenUrl, authClient, }: LoginFormProps): react.JSX.Element;
+type NativeProps = Omit<InputHTMLAttributes<HTMLInputElement>, "id" | "className">;
+interface AuthFieldProps extends NativeProps {
+    label: string;
+    /** Rendered on the right of the label row — typically a "forgot password" link */
+    hint?: ReactNode;
+    /** Persistent helper text under the field, tied to it for screen readers */
+    description?: string;
+    invalid?: boolean;
+}
+/**
+ * A single credential field.
+ *
+ * The label is a real <label>, always visible, never a placeholder standing in
+ * for one: a placeholder disappears the moment someone types, which is exactly
+ * when a person double-checking a long password needs to know what the box is.
+ *
+ * Touch targets are 52px tall on mobile and 44px from sm up. Below ~48px,
+ * thumbs miss; on a pointer device the same height reads as oversized, so the
+ * two are not one compromise value.
+ *
+ * The focus ring is drawn with box-shadow rather than outline so it follows the
+ * rounded corners exactly, and the border darkens at the same time — focus
+ * survives forced-colors mode, where shadows are dropped.
+ */
+declare function AuthField({ label, hint, description, invalid, ...props }: AuthFieldProps): react.JSX.Element;
+
+interface AuthSubmitProps {
+    pending?: boolean;
+    disabled?: boolean;
+    pendingLabel: string;
+    children: ReactNode;
+}
+/**
+ * The primary action of an auth screen.
+ *
+ * The label swaps to its pending form in place, with the spinner absolutely
+ * positioned: a spinner inserted into the flow would widen the row and shift
+ * the text sideways at the exact moment the person is watching it.
+ *
+ * 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 LoginForm({ onSuccess, registerUrl, forgotPasswordUrl, socialCallbackUrl, socialProviders, coreTokenUrl, labels, authClient, }: LoginFormProps): react.JSX.Element;
 
-declare function RegisterForm({ onSuccess, loginUrl, legal, socialCallbackUrl, socialProviders, authClient, }: RegisterFormProps): react.JSX.Element;
+declare function RegisterForm({ onSuccess, loginUrl, legal, socialCallbackUrl, socialProviders, labels, authClient, }: RegisterFormProps): react.JSX.Element;
 
 interface SocialButtonsProps {
     providers: Array<"google" | "github">;
     onSelect: (provider: "google" | "github") => void | Promise<void>;
     disabled?: boolean;
+    /** Divider text between the password form and the providers */
+    separator?: string;
+    /** Per-provider button copy, merged over the French defaults */
+    labels?: Partial<Record<"google" | "github", string>>;
 }
-declare function SocialButtons({ providers, onSelect, disabled, }: SocialButtonsProps): react.JSX.Element | null;
+declare function SocialButtons({ providers, onSelect, disabled, separator, labels, }: SocialButtonsProps): react.JSX.Element | null;
 
 declare function VerifyEmailForm({ email, onSuccess, authClient, }: VerifyEmailFormProps): react.JSX.Element;
 
@@ -62,6 +111,18 @@ declare function ForgotPasswordForm({ onSuccess, loginUrl, authClient, }: Forgot
 
 declare function ResetPasswordForm({ email, onSuccess, loginUrl, authClient, }: ResetPasswordFormProps): react.JSX.Element;
 
+/**
+ * The frame every auth screen sits in.
+ *
+ * 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, centered, on a tinted
+ * ground — a full-width form on a 1440px display is unreadable.
+ *
+ * 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;
 
 /**
@@ -78,4 +139,4 @@ declare function AuthLayout({ logo, title, subtitle, children, footer, }: AuthLa
  */
 declare function InvitationNotice({ reason, supportEmail, title, action, }: InvitationNoticeProps): react.JSX.Element;
 
-export { AuthLayout, AuthLayoutProps, ForgotPasswordForm, ForgotPasswordFormProps, InvitationNotice, InvitationNoticeProps, LoginForm, LoginFormProps, RegisterForm, RegisterFormProps, ResetPasswordForm, ResetPasswordFormProps, SocialButtons, VerifyEmailForm, VerifyEmailFormProps, useLogout, useSession };
+export { AuthField, type AuthFieldProps, AuthLayout, AuthLayoutProps, AuthSubmit, ForgotPasswordForm, ForgotPasswordFormProps, InvitationNotice, InvitationNoticeProps, LoginForm, LoginFormProps, RegisterForm, RegisterFormProps, ResetPasswordForm, ResetPasswordFormProps, SocialButtons, VerifyEmailForm, VerifyEmailFormProps, useLogout, useSession };