@main12/auth-login 0.2.0 → 0.2.2

package/dist/components/pages/LoginPageTailwind.d.ts

@@ -1,4 +1,4 @@
-import type { AuthLayoutConfig } from '../AuthLayout.js';
+import type { AuthLayoutConfig } from '../AuthLayout';
 export interface LoginPageProps extends AuthLayoutConfig {
     onPasswordLogin: (credentials: {
         email: string;

package/dist/components/pages/LoginPageTailwind.js

@@ -41,7 +41,7 @@ function LoginContent({ onPasswordLogin, redirectTo = '/', showGoogleOAuth = tru
                         children: [
                             /*#__PURE__*/ _jsxs(Button, {
                                 fullWidth: true,
-                                variant: "bordered",
+                                variant: "secondary",
                                 size: "lg",
                                 className: "mb-4",
                                 onPress: handleGoogleLogin,
@@ -83,7 +83,8 @@ function LoginContent({ onPasswordLogin, redirectTo = '/', showGoogleOAuth = tru
                                 label: "Email",
                                 value: email,
                                 onValueChange: setEmail,
-                                isRequired: true
+                                isRequired: true,
+                                variant: "secondary"
                             }),
                             /*#__PURE__*/ _jsx(Button, {
                                 type: "submit",
@@ -121,24 +122,14 @@ function LoginContent({ onPasswordLogin, redirectTo = '/', showGoogleOAuth = tru
                                 className: "bg-red-50 text-red-600 border border-red-200 rounded-lg p-3 text-sm",
                                 children: error
                             }),
-                            /*#__PURE__*/ _jsxs("div", {
-                                className: "relative",
-                                children: [
-                                    /*#__PURE__*/ _jsx(Input, {
-                                        type: showPassword ? 'text' : 'password',
-                                        label: "Password",
-                                        value: password,
-                                        onValueChange: setPassword,
-                                        isRequired: true,
-                                        autoFocus: true
-                                    }),
-                                    /*#__PURE__*/ _jsx("button", {
-                                        type: "button",
-                                        onClick: ()=>setShowPassword(!showPassword),
-                                        className: "absolute right-4 top-9 text-gray-400 hover:text-gray-600",
-                                        children: showPassword ? '🙈' : '👁'
-                                    })
-                                ]
+                            /*#__PURE__*/ _jsx(Input, {
+                                type: showPassword ? 'text' : 'password',
+                                label: "Password",
+                                value: password,
+                                onValueChange: setPassword,
+                                isRequired: true,
+                                autoFocus: true,
+                                variant: "secondary"
                             }),
                             /*#__PURE__*/ _jsx("div", {
                                 className: "text-left",

package/dist/components/pages/SetPasswordPage.d.ts

@@ -1,4 +1,4 @@
-import type { AuthLayoutConfig } from '../AuthLayout.js';
+import type { AuthLayoutConfig } from '../AuthLayout';
 export interface SetPasswordPageProps extends AuthLayoutConfig {
     redirectTo?: string;
 }

package/dist/components/pages/SetPasswordPageHero.d.ts

@@ -1,4 +1,4 @@
-import type { AuthLayoutConfig } from '../AuthLayout.js';
+import type { AuthLayoutConfig } from '../AuthLayout';
 export interface SetPasswordPageHeroProps extends AuthLayoutConfig {
     redirectTo?: string;
 }

package/dist/components/pages/SetPasswordPageHero.js

@@ -1,7 +1,7 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React from 'react';
-import { Button, Input } from '@heroui/react';
+import { Button, Input, Label, TextField, Spinner } from '@heroui/react';
 import { Icon } from '@iconify/react';
 import { motion } from 'framer-motion';
 import { useSetPasswordFlow } from '../../auth/application/hooks/useSetPasswordFlow.js';
@@ -34,29 +34,37 @@ export default function SetPasswordPageHero({ redirectTo = '/', logo, poweredBy,
                     },
                     children: error
                 }),
-                /*#__PURE__*/ _jsx(Input, {
+                /*#__PURE__*/ _jsxs(TextField, {
                     type: showPassword ? 'text' : 'password',
-                    label: "New Password",
                     value: password,
-                    onValueChange: setPassword,
-                    variant: "bordered",
-                    size: "lg",
+                    onChange: setPassword,
                     isRequired: true,
                     autoFocus: true,
-                    classNames: {
-                        input: 'text-gray-900',
-                        label: 'text-gray-600',
-                        inputWrapper: 'border-gray-300 bg-white'
-                    },
-                    endContent: /*#__PURE__*/ _jsx("button", {
-                        type: "button",
-                        onClick: ()=>setShowPassword(!showPassword),
-                        children: /*#__PURE__*/ _jsx(Icon, {
-                            icon: showPassword ? 'lucide:eye-off' : 'lucide:eye',
-                            className: "text-gray-400",
-                            width: 20
+                    fullWidth: true,
+                    children: [
+                        /*#__PURE__*/ _jsx(Label, {
+                            className: "text-gray-600",
+                            children: "New Password"
+                        }),
+                        /*#__PURE__*/ _jsxs("div", {
+                            className: "relative",
+                            children: [
+                                /*#__PURE__*/ _jsx(Input, {
+                                    className: "w-full pr-10 bg-white"
+                                }),
+                                /*#__PURE__*/ _jsx("button", {
+                                    type: "button",
+                                    className: "absolute right-3 top-1/2 -translate-y-1/2",
+                                    onClick: ()=>setShowPassword(!showPassword),
+                                    children: /*#__PURE__*/ _jsx(Icon, {
+                                        icon: showPassword ? 'lucide:eye-off' : 'lucide:eye',
+                                        className: "text-gray-400",
+                                        width: 20
+                                    })
+                                })
+                            ]
                         })
-                    })
+                    ]
                 }),
                 password.length > 0 && /*#__PURE__*/ _jsx("div", {
                     className: "flex gap-1",
@@ -64,28 +72,37 @@ export default function SetPasswordPageHero({ redirectTo = '/', logo, poweredBy,
                             className: `h-1 flex-1 rounded-full ${a ? 'bg-[#D5E855]' : 'bg-gray-200'}`
                         }, i))
                 }),
-                /*#__PURE__*/ _jsx(Input, {
+                /*#__PURE__*/ _jsxs(TextField, {
                     type: showPassword ? 'text' : 'password',
-                    label: "Confirm Password",
                     value: confirmPassword,
-                    onValueChange: setConfirmPassword,
-                    variant: "bordered",
-                    size: "lg",
+                    onChange: setConfirmPassword,
                     isRequired: true,
-                    classNames: {
-                        input: 'text-gray-900',
-                        label: 'text-gray-600',
-                        inputWrapper: 'border-gray-300 bg-white'
-                    }
+                    fullWidth: true,
+                    children: [
+                        /*#__PURE__*/ _jsx(Label, {
+                            className: "text-gray-600",
+                            children: "Confirm Password"
+                        }),
+                        /*#__PURE__*/ _jsx(Input, {
+                            className: "w-full bg-white"
+                        })
+                    ]
                 }),
                 /*#__PURE__*/ _jsx(Button, {
                     type: "submit",
                     fullWidth: true,
                     size: "lg",
-                    color: "primary",
-                    isLoading: isLoading,
+                    isPending: isLoading,
                     className: "h-12 font-semibold",
-                    children: "Set Password"
+                    children: ({ isPending })=>/*#__PURE__*/ _jsxs(_Fragment, {
+                            children: [
+                                isPending && /*#__PURE__*/ _jsx(Spinner, {
+                                    color: "current",
+                                    size: "sm"
+                                }),
+                                "Set Password"
+                            ]
+                        })
                 })
             ]
         })

package/dist/components/pages/SetPasswordPageTailwind.d.ts

@@ -1,4 +1,4 @@
-import type { AuthLayoutConfig } from '../AuthLayout.js';
+import type { AuthLayoutConfig } from '../AuthLayout';
 export interface SetPasswordPageProps extends AuthLayoutConfig {
     redirectTo?: string;
 }

package/dist/components/pages/SignupPage.d.ts

@@ -1,4 +1,4 @@
-import type { AuthLayoutConfig } from '../AuthLayout.js';
+import type { AuthLayoutConfig } from '../AuthLayout';
 export interface SignupPageProps extends AuthLayoutConfig {
     onSignup: (data: {
         name: string;

package/dist/components/pages/SignupPageHero.d.ts

@@ -1,4 +1,4 @@
-import type { AuthLayoutConfig } from '../AuthLayout.js';
+import type { AuthLayoutConfig } from '../AuthLayout';
 export interface SignupPageHeroProps extends AuthLayoutConfig {
     onSignup: (data: {
         name: string;

package/dist/components/pages/SignupPageHero.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React from 'react';
-import { Button, Input, Divider } from '@heroui/react';
+import { Button, Input, Label, TextField, Separator, Spinner } from '@heroui/react';
 import { Icon } from '@iconify/react';
 import { motion } from 'framer-motion';
 import { AuthLayout } from '../AuthLayout.js';
@@ -47,28 +47,29 @@ export default function SignupPageHero({ onSignup, showGoogleOAuth = true, login
         children: [
             showGoogleOAuth && /*#__PURE__*/ _jsxs(_Fragment, {
                 children: [
-                    /*#__PURE__*/ _jsx(Button, {
+                    /*#__PURE__*/ _jsxs(Button, {
                         fullWidth: true,
-                        variant: "bordered",
                         size: "lg",
-                        className: "mb-4 h-12 border-gray-300 rounded-full text-gray-700 hover:bg-gray-50",
-                        startContent: /*#__PURE__*/ _jsx(Icon, {
-                            icon: "flat-color-icons:google",
-                            width: 20
-                        }),
-                        children: "Continue with Google"
+                        className: "mb-4 h-12 rounded-full",
+                        children: [
+                            /*#__PURE__*/ _jsx(Icon, {
+                                icon: "flat-color-icons:google",
+                                width: 20
+                            }),
+                            "Continue with Google"
+                        ]
                     }),
                     /*#__PURE__*/ _jsxs("div", {
                         className: "flex items-center gap-4 my-4",
                         children: [
-                            /*#__PURE__*/ _jsx(Divider, {
+                            /*#__PURE__*/ _jsx(Separator, {
                                 className: "flex-1"
                             }),
                             /*#__PURE__*/ _jsx("span", {
                                 className: "text-gray-500 text-sm",
                                 children: "or"
                             }),
-                            /*#__PURE__*/ _jsx(Divider, {
+                            /*#__PURE__*/ _jsx(Separator, {
                                 className: "flex-1"
                             })
                         ]
@@ -89,33 +90,37 @@ export default function SignupPageHero({ onSignup, showGoogleOAuth = true, login
                         },
                         children: error
                     }),
-                    /*#__PURE__*/ _jsx(Input, {
+                    /*#__PURE__*/ _jsxs(TextField, {
                         type: "text",
-                        label: "Full Name",
                         value: name,
-                        onValueChange: setName,
-                        variant: "bordered",
-                        size: "lg",
+                        onChange: setName,
                         isRequired: true,
-                        classNames: {
-                            input: 'text-gray-900',
-                            label: 'text-gray-600',
-                            inputWrapper: 'border-gray-300 bg-white'
-                        }
+                        fullWidth: true,
+                        children: [
+                            /*#__PURE__*/ _jsx(Label, {
+                                className: "text-gray-600",
+                                children: "Full Name"
+                            }),
+                            /*#__PURE__*/ _jsx(Input, {
+                                variant: "secondary"
+                            })
+                        ]
                     }),
-                    /*#__PURE__*/ _jsx(Input, {
+                    /*#__PURE__*/ _jsxs(TextField, {
                         type: "email",
-                        label: "Email",
                         value: email,
-                        onValueChange: setEmail,
-                        variant: "bordered",
-                        size: "lg",
+                        onChange: setEmail,
                         isRequired: true,
-                        classNames: {
-                            input: 'text-gray-900',
-                            label: 'text-gray-600',
-                            inputWrapper: 'border-gray-300 bg-white'
-                        }
+                        fullWidth: true,
+                        children: [
+                            /*#__PURE__*/ _jsx(Label, {
+                                className: "text-gray-600",
+                                children: "Email"
+                            }),
+                            /*#__PURE__*/ _jsx(Input, {
+                                variant: "secondary"
+                            })
+                        ]
                     }),
                     /*#__PURE__*/ _jsxs("p", {
                         className: "text-xs text-gray-600 text-center",
@@ -138,10 +143,17 @@ export default function SignupPageHero({ onSignup, showGoogleOAuth = true, login
                         type: "submit",
                         fullWidth: true,
                         size: "lg",
-                        color: "primary",
-                        isLoading: isLoading,
+                        isPending: isLoading,
                         className: "h-12 font-semibold",
-                        children: "Create Account"
+                        children: ({ isPending })=>/*#__PURE__*/ _jsxs(_Fragment, {
+                                children: [
+                                    isPending && /*#__PURE__*/ _jsx(Spinner, {
+                                        color: "current",
+                                        size: "sm"
+                                    }),
+                                    "Create Account"
+                                ]
+                            })
                     })
                 ]
             })

package/dist/components/pages/SignupPageTailwind.d.ts

@@ -1,4 +1,4 @@
-import type { AuthLayoutConfig } from '../AuthLayout.js';
+import type { AuthLayoutConfig } from '../AuthLayout';
 export interface SignupPageProps extends AuthLayoutConfig {
     onSignup: (data: {
         name: string;

package/dist/components/pages/VerifyOtpPage.d.ts

@@ -1,4 +1,4 @@
-import type { AuthLayoutConfig } from '../AuthLayout.js';
+import type { AuthLayoutConfig } from '../AuthLayout';
 export interface VerifyOtpPageProps extends AuthLayoutConfig {
     loginUrl?: string;
 }

package/dist/components/pages/VerifyOtpPageHero.d.ts

@@ -1,4 +1,4 @@
-import type { AuthLayoutConfig } from '../AuthLayout.js';
+import type { AuthLayoutConfig } from '../AuthLayout';
 export interface VerifyOtpPageHeroProps extends AuthLayoutConfig {
     loginUrl?: string;
 }

package/dist/components/pages/VerifyOtpPageHero.js

@@ -1,8 +1,8 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React, { Suspense } from 'react';
 import { useSearchParams } from 'next/navigation';
-import { Button, InputOtp, Spinner as HSpinner } from '@heroui/react';
+import { Button, InputOTP, Spinner } from '@heroui/react';
 import { Icon } from '@iconify/react';
 import { motion } from 'framer-motion';
 import { useVerifyOtpFlow } from '../../auth/application/hooks/useVerifyOtpFlow.js';
@@ -43,12 +43,41 @@ function VerifyOtpHeroContent({ loginUrl = '/login', logo, poweredBy, cardClassN
                     className: "text-gray-700 text-sm font-medium",
                     children: email
                 }),
-                /*#__PURE__*/ _jsx(InputOtp, {
-                    length: 6,
+                /*#__PURE__*/ _jsxs(InputOTP, {
+                    maxLength: 6,
                     value: otp,
-                    onValueChange: setOtp,
+                    onChange: setOtp,
                     isDisabled: isLoading,
-                    autoFocus: true
+                    autoFocus: true,
+                    children: [
+                        /*#__PURE__*/ _jsxs(InputOTP.Group, {
+                            children: [
+                                /*#__PURE__*/ _jsx(InputOTP.Slot, {
+                                    index: 0
+                                }),
+                                /*#__PURE__*/ _jsx(InputOTP.Slot, {
+                                    index: 1
+                                }),
+                                /*#__PURE__*/ _jsx(InputOTP.Slot, {
+                                    index: 2
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ _jsx(InputOTP.Separator, {}),
+                        /*#__PURE__*/ _jsxs(InputOTP.Group, {
+                            children: [
+                                /*#__PURE__*/ _jsx(InputOTP.Slot, {
+                                    index: 3
+                                }),
+                                /*#__PURE__*/ _jsx(InputOTP.Slot, {
+                                    index: 4
+                                }),
+                                /*#__PURE__*/ _jsx(InputOTP.Slot, {
+                                    index: 5
+                                })
+                            ]
+                        })
+                    ]
                 }),
                 error && /*#__PURE__*/ _jsx(motion.div, {
                     className: "w-full bg-red-50 text-red-600 border border-red-200 rounded-lg p-3 text-sm",
@@ -63,12 +92,19 @@ function VerifyOtpHeroContent({ loginUrl = '/login', logo, poweredBy, cardClassN
                 /*#__PURE__*/ _jsx(Button, {
                     fullWidth: true,
                     size: "lg",
-                    color: "primary",
-                    isLoading: isLoading,
+                    isPending: isLoading,
                     isDisabled: otp.length !== 6,
                     onPress: handleSubmit,
                     className: "h-12 font-semibold",
-                    children: "Verify"
+                    children: ({ isPending })=>/*#__PURE__*/ _jsxs(_Fragment, {
+                            children: [
+                                isPending && /*#__PURE__*/ _jsx(Spinner, {
+                                    color: "current",
+                                    size: "sm"
+                                }),
+                                "Verify"
+                            ]
+                        })
                 }),
                 /*#__PURE__*/ _jsxs("div", {
                     className: "text-center",
@@ -93,7 +129,7 @@ export default function VerifyOtpPageHero(props) {
     return /*#__PURE__*/ _jsx(Suspense, {
         fallback: /*#__PURE__*/ _jsx("div", {
             className: "min-h-screen flex items-center justify-center",
-            children: /*#__PURE__*/ _jsx(HSpinner, {
+            children: /*#__PURE__*/ _jsx(Spinner, {
                 size: "lg"
             })
         }),

package/dist/components/pages/VerifyOtpPageTailwind.d.ts

@@ -1,4 +1,4 @@
-import type { AuthLayoutConfig } from '../AuthLayout.js';
+import type { AuthLayoutConfig } from '../AuthLayout';
 export interface VerifyOtpPageProps extends AuthLayoutConfig {
     loginUrl?: string;
 }

package/dist/components/ui/index.d.ts

@@ -8,7 +8,7 @@ interface ButtonProps {
     isDisabled?: boolean;
     onPress?: () => void;
     onClick?: () => void;
-    variant?: 'primary' | 'bordered' | 'ghost' | 'tertiary';
+    variant?: 'primary' | 'secondary' | 'bordered' | 'ghost' | 'tertiary';
     className?: string;
 }
 export declare const Button: React.FC<ButtonProps>;
@@ -25,6 +25,7 @@ interface InputProps {
     placeholder?: string;
     className?: string;
     name?: string;
+    variant?: 'default' | 'secondary';
 }
 export declare const Input: React.FC<InputProps>;
 interface CardProps {

package/dist/components/ui/index.js

@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 const variantClasses = {
     primary: 'bg-[#D5E855] text-gray-900 hover:bg-[#C9DC4A] font-semibold',
+    secondary: 'bg-gray-100 text-gray-900 hover:bg-gray-200 font-medium',
     bordered: 'border border-gray-300 text-gray-700 hover:bg-gray-50 bg-white',
     ghost: 'text-gray-600 hover:text-gray-900 bg-transparent',
     tertiary: 'text-gray-600 hover:text-gray-900 bg-transparent underline'
@@ -25,7 +26,7 @@ export const Button = ({ children, type = 'button', fullWidth = true, size = 'lg
             children
         ]
     });
-export const Input = ({ type = 'text', label, value, onChange, onValueChange, isRequired, isDisabled, autoFocus, autoComplete, placeholder, className = '', name })=>/*#__PURE__*/ _jsxs("div", {
+export const Input = ({ type = 'text', label, value, onChange, onValueChange, isRequired, isDisabled, autoFocus, autoComplete, placeholder, className = '', name, variant = 'default' })=>/*#__PURE__*/ _jsxs("div", {
         className: "w-full",
         children: [
             label && /*#__PURE__*/ _jsxs("label", {
@@ -45,7 +46,7 @@ export const Input = ({ type = 'text', label, value, onChange, onValueChange, is
                 autoComplete: autoComplete,
                 placeholder: placeholder,
                 name: name,
-                className: `w-full h-12 px-4 bg-white border border-gray-300 hover:border-gray-400 rounded-xl text-gray-900 text-base transition-colors outline-none focus:border-[#D5E855] focus:ring-2 focus:ring-[#D5E855]/30 ${className}`
+                className: `w-full h-12 px-4 ${variant === 'secondary' ? 'bg-gray-100' : 'bg-white'} border border-gray-300 hover:border-gray-400 rounded-xl text-gray-900 text-base transition-colors outline-none focus:border-[#D5E855] focus:ring-2 focus:ring-[#D5E855]/30 ${className}`
             })
         ]
     });

package/dist/config.d.ts

@@ -1,3 +1,4 @@
+import type React from 'react';
 /**
  * Shared plugin configuration — set by the plugin factory at init time,
  * read by all client components at render time.
@@ -6,5 +7,11 @@ export type AuthStyle = 'tailwind' | 'hero-ui';
 export declare const pluginConfig: {
     style: AuthStyle;
     logoUrl?: string;
+    Logo?: React.ComponentType;
     googleOAuthEnabled: boolean;
 };
+/** Call this client-side to mirror the server plugin config. */
+export declare function initClientConfig(opts: {
+    style?: AuthStyle;
+    googleOAuthEnabled?: boolean;
+}): void;

package/dist/config.js

@@ -1,7 +1,8 @@
-/**
- * Shared plugin configuration — set by the plugin factory at init time,
- * read by all client components at render time.
- */ export const pluginConfig = {
+export const pluginConfig = {
     style: 'tailwind',
     googleOAuthEnabled: true
 };
+/** Call this client-side to mirror the server plugin config. */ export function initClientConfig(opts) {
+    if (opts.style) pluginConfig.style = opts.style;
+    if (opts.googleOAuthEnabled !== undefined) pluginConfig.googleOAuthEnabled = opts.googleOAuthEnabled;
+}

package/dist/exports/client.d.ts

@@ -1,24 +1,25 @@
-export { useLoginFlow } from '../auth/application/hooks/useLoginFlow.js';
-export { useVerifyOtpFlow } from '../auth/application/hooks/useVerifyOtpFlow.js';
-export { useForgotPasswordFlow } from '../auth/application/hooks/useForgotPasswordFlow.js';
-export { useSetPasswordFlow } from '../auth/application/hooks/useSetPasswordFlow.js';
-export { checkEmail, sendOtp, verifyOtp, setUserPassword, signup, initiateGoogleLogin, } from '../auth/application/services/authService.js';
-export { evaluatePasswordStrength, isPasswordValid, MIN_PASSWORD_LENGTH } from '../auth/domain/passwordRules.js';
-export { default as LoginPage } from '../components/pages/LoginPage.js';
-export { default as SignupPage } from '../components/pages/SignupPage.js';
-export { default as ForgotPasswordPage } from '../components/pages/ForgotPasswordPage.js';
-export { default as VerifyOtpPage } from '../components/pages/VerifyOtpPage.js';
-export { default as SetPasswordPage } from '../components/pages/SetPasswordPage.js';
-export { AuthLayout } from '../components/AuthLayout.js';
-export { PoweredBy } from '../components/PoweredBy.js';
-export type { LoginStep, OTPPurpose, CheckEmailResponse, SendOtpResponse, VerifyOtpResponse, SetPasswordResponse, SignupResponse, PasswordStrengthResult, } from '../auth/domain/types.js';
-export type { UseLoginFlowOptions } from '../auth/application/hooks/useLoginFlow.js';
-export type { UseVerifyOtpFlowOptions } from '../auth/application/hooks/useVerifyOtpFlow.js';
-export type { UseSetPasswordFlowOptions } from '../auth/application/hooks/useSetPasswordFlow.js';
-export type { LoginPageProps } from '../components/pages/LoginPage.js';
-export type { SignupPageProps } from '../components/pages/SignupPage.js';
-export type { ForgotPasswordPageProps } from '../components/pages/ForgotPasswordPage.js';
-export type { VerifyOtpPageProps } from '../components/pages/VerifyOtpPage.js';
-export type { SetPasswordPageProps } from '../components/pages/SetPasswordPage.js';
-export type { AuthLayoutConfig, AuthLayoutProps } from '../components/AuthLayout.js';
-export type { PoweredByProps } from '../components/PoweredBy.js';
+export { initClientConfig } from '../config';
+export { useLoginFlow } from '../auth/application/hooks/useLoginFlow';
+export { useVerifyOtpFlow } from '../auth/application/hooks/useVerifyOtpFlow';
+export { useForgotPasswordFlow } from '../auth/application/hooks/useForgotPasswordFlow';
+export { useSetPasswordFlow } from '../auth/application/hooks/useSetPasswordFlow';
+export { checkEmail, sendOtp, verifyOtp, setUserPassword, signup, initiateGoogleLogin, } from '../auth/application/services/authService';
+export { evaluatePasswordStrength, isPasswordValid, MIN_PASSWORD_LENGTH } from '../auth/domain/passwordRules';
+export { default as LoginPage } from '../components/pages/LoginPage';
+export { default as SignupPage } from '../components/pages/SignupPage';
+export { default as ForgotPasswordPage } from '../components/pages/ForgotPasswordPage';
+export { default as VerifyOtpPage } from '../components/pages/VerifyOtpPage';
+export { default as SetPasswordPage } from '../components/pages/SetPasswordPage';
+export { AuthLayout } from '../components/AuthLayout';
+export { PoweredBy } from '../components/PoweredBy';
+export type { LoginStep, OTPPurpose, CheckEmailResponse, SendOtpResponse, VerifyOtpResponse, SetPasswordResponse, SignupResponse, PasswordStrengthResult, } from '../auth/domain/types';
+export type { UseLoginFlowOptions } from '../auth/application/hooks/useLoginFlow';
+export type { UseVerifyOtpFlowOptions } from '../auth/application/hooks/useVerifyOtpFlow';
+export type { UseSetPasswordFlowOptions } from '../auth/application/hooks/useSetPasswordFlow';
+export type { LoginPageProps } from '../components/pages/LoginPage';
+export type { SignupPageProps } from '../components/pages/SignupPage';
+export type { ForgotPasswordPageProps } from '../components/pages/ForgotPasswordPage';
+export type { VerifyOtpPageProps } from '../components/pages/VerifyOtpPage';
+export type { SetPasswordPageProps } from '../components/pages/SetPasswordPage';
+export type { AuthLayoutConfig, AuthLayoutProps } from '../components/AuthLayout';
+export type { PoweredByProps } from '../components/PoweredBy';

package/dist/exports/client.js

@@ -2,6 +2,8 @@
 // ============================================================
 // Client-side exports for @main12/auth-login/client
 // ============================================================
+// Plugin client config initializer
+export { initClientConfig } from '../config.js';
 // Auth hooks
 export { useLoginFlow } from '../auth/application/hooks/useLoginFlow.js';
 export { useVerifyOtpFlow } from '../auth/application/hooks/useVerifyOtpFlow.js';

package/dist/exports/rsc.d.ts

@@ -1,6 +1,6 @@
-export { wrapInBaseTemplate, DEFAULT_COLORS, SOCIAL_ICONS, getBaseUrl, getSenderEmail, getEmailTranslations, generateOtpEmail, generateWelcomeEmail, generatePasswordResetEmail, generatePasswordChangedEmail, } from '../components/email/index.js';
-export type { BaseTemplateOptions, } from '../components/email/baseTemplate.js';
-export type { EmailColors, SocialLink, SocialPlatform, } from '../components/email/constants.js';
-export type { SupportedLanguage, EmailTranslations, } from '../components/email/translations.js';
-export type { OtpEmailParams, OtpEmailResult, WelcomeEmailParams, WelcomeEmailResult, PasswordResetEmailParams, PasswordResetEmailResult, PasswordChangedEmailParams, PasswordChangedEmailResult, } from '../components/email/index.js';
-export type { AuthLoginPluginOptions } from '../index.js';
+export { wrapInBaseTemplate, DEFAULT_COLORS, SOCIAL_ICONS, getBaseUrl, getSenderEmail, getEmailTranslations, generateOtpEmail, generateWelcomeEmail, generatePasswordResetEmail, generatePasswordChangedEmail, } from '../components/email/index';
+export type { BaseTemplateOptions, } from '../components/email/baseTemplate';
+export type { EmailColors, SocialLink, SocialPlatform, } from '../components/email/constants';
+export type { SupportedLanguage, EmailTranslations, } from '../components/email/translations';
+export type { OtpEmailParams, OtpEmailResult, WelcomeEmailParams, WelcomeEmailResult, PasswordResetEmailParams, PasswordResetEmailResult, PasswordChangedEmailParams, PasswordChangedEmailResult, } from '../components/email/index';
+export type { AuthLoginPluginOptions } from '../index';

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import type { Config } from 'payload';
-import { pluginConfig, type AuthStyle } from './config.js';
+import { pluginConfig, type AuthStyle } from './config';
 export interface GoogleOAuthConfig {
     /** Client ID from Google Cloud Console */
     clientId?: string;
@@ -17,7 +17,7 @@ export interface AuthLoginPluginOptions {
     contactEmail?: string;
     domain?: string;
     style?: AuthStyle;
-    logo?: string;
+    logo?: string | React.ComponentType;
     /**
      * OAuth providers configuration.
      * - Omit entirely → auto-detect from env vars (GOOGLE_CLIENT_ID, etc.)