@main12/auth-login 0.4.2 → 1.0.1

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

@@ -1,5 +1,6 @@
 import type { AuthLayoutConfig } from '../AuthLayout';
-export interface ForgotPasswordPageHeroProps extends AuthLayoutConfig {
+import type { AuthCardConfig } from '../AuthCard';
+export interface ForgotPasswordPageHeroProps extends AuthLayoutConfig, AuthCardConfig {
     loginUrl?: string;
 }
-export default function ForgotPasswordPageHero({ loginUrl, logo, poweredBy, cardClassName, backgroundClass, locale, messages }: ForgotPasswordPageHeroProps): import("react/jsx-runtime").JSX.Element;
+export default function ForgotPasswordPageHero({ loginUrl, logo, poweredBy, cardClassName, removeBorder, removeShadow, mobileVariant, backgroundClass, locale, messages }: ForgotPasswordPageHeroProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/pages/ForgotPasswordPageHero.js

@@ -6,75 +6,81 @@ import { Icon } from '@iconify/react';
 import { motion } from 'framer-motion';
 import { useForgotPasswordFlow } from '../../auth/application/hooks/useForgotPasswordFlow.js';
 import { AuthLayout } from '../AuthLayout.js';
+import { AuthCard } from '../AuthCard.js';
 import { getUiTranslations } from '../ui/translations.js';
-export default function ForgotPasswordPageHero({ loginUrl = '/login', logo, poweredBy, cardClassName, backgroundClass, locale, messages }) {
+export default function ForgotPasswordPageHero({ loginUrl = '/login', logo, poweredBy, cardClassName, removeBorder, removeShadow, mobileVariant, backgroundClass, locale, messages }) {
     const { email, error, isLoading, setEmail, handleSubmit } = useForgotPasswordFlow();
     const t = getUiTranslations(locale, messages).forgotPassword;
     return /*#__PURE__*/ _jsx(AuthLayout, {
-        logo: logo,
-        title: t.title,
-        subtitle: t.subtitle,
-        poweredBy: poweredBy,
-        cardClassName: cardClassName,
         backgroundClass: backgroundClass,
-        footer: /*#__PURE__*/ _jsxs("a", {
-            href: loginUrl,
-            className: "text-sm text-gray-600 hover:text-gray-900 inline-flex items-center gap-1",
-            children: [
-                /*#__PURE__*/ _jsx(Icon, {
-                    icon: "lucide:arrow-left",
-                    width: 16
-                }),
-                t.backToLogin
-            ]
-        }),
-        children: /*#__PURE__*/ _jsxs("form", {
-            onSubmit: handleSubmit,
-            className: "space-y-4",
-            children: [
-                error && /*#__PURE__*/ _jsx(motion.div, {
-                    className: "bg-red-50 text-red-600 border border-red-200 rounded-lg p-3 text-sm",
-                    initial: {
-                        opacity: 0
-                    },
-                    animate: {
-                        opacity: 1
-                    },
-                    children: error
-                }),
-                /*#__PURE__*/ _jsxs(TextField, {
-                    type: "email",
-                    value: email,
-                    onChange: setEmail,
-                    isRequired: true,
-                    fullWidth: true,
-                    children: [
-                        /*#__PURE__*/ _jsx(Label, {
-                            className: "text-gray-600",
-                            children: t.emailLabel
-                        }),
-                        /*#__PURE__*/ _jsx(Input, {
-                            variant: "secondary"
-                        })
-                    ]
-                }),
-                /*#__PURE__*/ _jsx(Button, {
-                    type: "submit",
-                    fullWidth: true,
-                    size: "lg",
-                    isPending: isLoading,
-                    className: "h-12 font-semibold",
-                    children: ({ isPending })=>/*#__PURE__*/ _jsxs(_Fragment, {
-                            children: [
-                                isPending && /*#__PURE__*/ _jsx(Spinner, {
-                                    color: "current",
-                                    size: "sm"
-                                }),
-                                t.sendResetCode
-                            ]
-                        })
-                })
-            ]
+        children: /*#__PURE__*/ _jsx(AuthCard, {
+            logo: logo,
+            title: t.title,
+            subtitle: t.subtitle,
+            poweredBy: poweredBy,
+            cardClassName: cardClassName,
+            removeBorder: removeBorder,
+            removeShadow: removeShadow,
+            mobileVariant: mobileVariant,
+            footer: /*#__PURE__*/ _jsxs("a", {
+                href: loginUrl,
+                className: "text-sm text-gray-600 hover:text-gray-900 inline-flex items-center gap-1",
+                children: [
+                    /*#__PURE__*/ _jsx(Icon, {
+                        icon: "lucide:arrow-left",
+                        width: 16
+                    }),
+                    t.backToLogin
+                ]
+            }),
+            children: /*#__PURE__*/ _jsxs("form", {
+                onSubmit: handleSubmit,
+                className: "space-y-4",
+                children: [
+                    error && /*#__PURE__*/ _jsx(motion.div, {
+                        className: "bg-red-50 text-red-600 border border-red-200 rounded-lg p-3 text-sm",
+                        initial: {
+                            opacity: 0
+                        },
+                        animate: {
+                            opacity: 1
+                        },
+                        children: error
+                    }),
+                    /*#__PURE__*/ _jsxs(TextField, {
+                        type: "email",
+                        value: email,
+                        onChange: setEmail,
+                        isRequired: true,
+                        fullWidth: true,
+                        children: [
+                            /*#__PURE__*/ _jsx(Label, {
+                                className: "text-gray-600",
+                                children: t.emailLabel
+                            }),
+                            /*#__PURE__*/ _jsx(Input, {
+                                variant: "secondary"
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx(Button, {
+                        type: "submit",
+                        fullWidth: true,
+                        size: "lg",
+                        isPending: isLoading,
+                        className: "h-12 font-semibold",
+                        children: ({ isPending })=>/*#__PURE__*/ _jsxs(_Fragment, {
+                                children: [
+                                    isPending && /*#__PURE__*/ _jsx(Spinner, {
+                                        color: "current",
+                                        size: "sm"
+                                    }),
+                                    t.sendResetCode
+                                ]
+                            })
+                    })
+                ]
+            })
         })
     });
 }

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

@@ -1,5 +1,6 @@
 import type { AuthLayoutConfig } from '../AuthLayout';
-export interface ForgotPasswordPageProps extends AuthLayoutConfig {
+import type { AuthCardConfig } from '../AuthCard';
+export interface ForgotPasswordPageProps extends AuthLayoutConfig, AuthCardConfig {
     loginUrl?: string;
 }
-export default function ForgotPasswordPage({ loginUrl, logo, poweredBy, cardClassName, backgroundClass, locale, messages, }: ForgotPasswordPageProps): import("react/jsx-runtime").JSX.Element;
+export default function ForgotPasswordPage({ loginUrl, logo, poweredBy, cardClassName, removeBorder, removeShadow, mobileVariant, backgroundClass, locale, messages, }: ForgotPasswordPageProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/pages/ForgotPasswordPageTailwind.js

@@ -4,47 +4,53 @@ import React from 'react';
 import { Button, Input } from '../ui/index.js';
 import { useForgotPasswordFlow } from '../../auth/application/hooks/useForgotPasswordFlow.js';
 import { AuthLayout } from '../AuthLayout.js';
+import { AuthCard } from '../AuthCard.js';
 import { getUiTranslations } from '../ui/translations.js';
-export default function ForgotPasswordPage({ loginUrl = '/login', logo, poweredBy, cardClassName, backgroundClass, locale, messages }) {
+export default function ForgotPasswordPage({ loginUrl = '/login', logo, poweredBy, cardClassName, removeBorder, removeShadow, mobileVariant, backgroundClass, locale, messages }) {
     const { email, error, isLoading, setEmail, handleSubmit } = useForgotPasswordFlow();
     const t = getUiTranslations(locale, messages).forgotPassword;
     return /*#__PURE__*/ _jsx(AuthLayout, {
-        logo: logo,
-        title: t.title,
-        subtitle: t.subtitle,
-        poweredBy: poweredBy,
-        cardClassName: cardClassName,
         backgroundClass: backgroundClass,
-        footer: /*#__PURE__*/ _jsxs("a", {
-            href: loginUrl,
-            className: "text-sm text-gray-600 hover:text-gray-900 inline-flex items-center gap-1",
-            children: [
-                "← ",
-                t.backToLogin
-            ]
-        }),
-        children: /*#__PURE__*/ _jsxs("form", {
-            onSubmit: handleSubmit,
-            className: "space-y-4",
-            children: [
-                error && /*#__PURE__*/ _jsx("div", {
-                    className: "bg-red-50 text-red-600 border border-red-200 rounded-lg p-3 text-sm animate-[fadeIn_0.2s_ease-out]",
-                    children: error
-                }),
-                /*#__PURE__*/ _jsx(Input, {
-                    type: "email",
-                    label: t.emailLabel,
-                    value: email,
-                    onChange: (e)=>setEmail(e.target.value),
-                    isRequired: true
-                }),
-                /*#__PURE__*/ _jsx(Button, {
-                    type: "submit",
-                    variant: "primary",
-                    isLoading: isLoading,
-                    children: t.sendResetCode
-                })
-            ]
+        children: /*#__PURE__*/ _jsx(AuthCard, {
+            logo: logo,
+            title: t.title,
+            subtitle: t.subtitle,
+            poweredBy: poweredBy,
+            cardClassName: cardClassName,
+            removeBorder: removeBorder,
+            removeShadow: removeShadow,
+            mobileVariant: mobileVariant,
+            footer: /*#__PURE__*/ _jsxs("a", {
+                href: loginUrl,
+                className: "text-sm text-gray-600 hover:text-gray-900 inline-flex items-center gap-1",
+                children: [
+                    "← ",
+                    t.backToLogin
+                ]
+            }),
+            children: /*#__PURE__*/ _jsxs("form", {
+                onSubmit: handleSubmit,
+                className: "space-y-4",
+                children: [
+                    error && /*#__PURE__*/ _jsx("div", {
+                        className: "bg-red-50 text-red-600 border border-red-200 rounded-lg p-3 text-sm animate-[fadeIn_0.2s_ease-out]",
+                        children: error
+                    }),
+                    /*#__PURE__*/ _jsx(Input, {
+                        type: "email",
+                        label: t.emailLabel,
+                        value: email,
+                        onChange: (e)=>setEmail(e.target.value),
+                        isRequired: true
+                    }),
+                    /*#__PURE__*/ _jsx(Button, {
+                        type: "submit",
+                        variant: "primary",
+                        isLoading: isLoading,
+                        children: t.sendResetCode
+                    })
+                ]
+            })
         })
     });
 }

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

@@ -1,5 +1,6 @@
 import type { AuthLayoutConfig } from '../AuthLayout';
-export interface LoginPageProps extends AuthLayoutConfig {
+import type { AuthCardConfig } from '../AuthCard';
+export interface LoginPageProps extends AuthLayoutConfig, AuthCardConfig {
     onPasswordLogin: (credentials: {
         email: string;
         password: string;

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

@@ -1,5 +1,6 @@
 import type { AuthLayoutConfig } from '../AuthLayout';
-export interface LoginPageHeroProps extends AuthLayoutConfig {
+import type { AuthCardConfig } from '../AuthCard';
+export interface LoginPageHeroProps extends AuthLayoutConfig, AuthCardConfig {
     onPasswordLogin: (credentials: {
         email: string;
         password: string;