@main12/auth-login 1.0.2 → 1.0.3

package/dist/components/AuthLayout.d.ts

@@ -2,6 +2,11 @@ import React from 'react';
 import type { DeepPartial, UiTranslations } from './ui/translations';
 export interface AuthLayoutConfig {
     backgroundClass?: string;
+    /**
+     * Vertical placement of the content within the viewport.
+     * Defaults to `'center'`; pass `'top'` to align content to the top instead.
+     */
+    verticalAlign?: 'center' | 'top';
     /**
      * Locale for this page's copy. Built-in support for 'en' and 'es'.
      * Auto-detected by `<AuthPages />` when omitted; pass explicitly when using
@@ -36,5 +41,8 @@ export interface AuthLayoutProps extends AuthLayoutConfig {
  *   </div>
  * </AuthLayout>
  * ```
+ *
+ * Content is vertically centered in the viewport by default; pass
+ * `verticalAlign="top"` to align it to the top instead.
  */
 export declare const AuthLayout: React.FC<AuthLayoutProps>;

package/dist/components/AuthLayout.js

@@ -23,9 +23,15 @@ import React from 'react';
  *   </div>
  * </AuthLayout>
  * ```
- */ export const AuthLayout = ({ children, backgroundClass = 'bg-accent' })=>{
+ *
+ * Content is vertically centered in the viewport by default; pass
+ * `verticalAlign="top"` to align it to the top instead.
+ */ export const AuthLayout = ({ children, backgroundClass = 'bg-accent', verticalAlign = 'center' })=>{
     return /*#__PURE__*/ _jsx("main", {
         className: `flex flex-col min-h-screen ${backgroundClass}`,
-        children: children
+        children: /*#__PURE__*/ _jsx("div", {
+            className: `flex-1 flex flex-col ${verticalAlign === 'top' ? 'justify-start' : 'justify-center'}`,
+            children: children
+        })
     });
 };

package/dist/components/AuthPages.d.ts

@@ -20,4 +20,4 @@ export interface AuthPagesProps extends AuthCardConfig, AuthLayoutConfig {
     locale?: string;
     messages?: Record<string, DeepPartial<UiTranslations>>;
 }
-export default function AuthPages({ backgroundClass, slug, redirectTo, logo, onPasswordLogin, onSignup, basePath, showGoogleOAuth, allowSignup, passwordLogin, otpLogin, locale, messages, poweredBy, cardClassName, removeBorder, removeShadow, mobileVariant, }: AuthPagesProps): import("react/jsx-runtime").JSX.Element;
+export default function AuthPages({ backgroundClass, verticalAlign, slug, redirectTo, logo, onPasswordLogin, onSignup, basePath, showGoogleOAuth, allowSignup, passwordLogin, otpLogin, locale, messages, poweredBy, cardClassName, removeBorder, removeShadow, mobileVariant, }: AuthPagesProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/AuthPages.js

@@ -2,9 +2,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { AuthLayout } from './AuthLayout.js';
 import { AuthCard } from './AuthCard.js';
-export default function AuthPages({ backgroundClass, slug, redirectTo = '/admin', logo, onPasswordLogin, onSignup, basePath = '/auth', showGoogleOAuth, allowSignup = true, passwordLogin = true, otpLogin = true, locale, messages, poweredBy, cardClassName, removeBorder, removeShadow, mobileVariant }) {
+export default function AuthPages({ backgroundClass, verticalAlign, slug, redirectTo = '/admin', logo, onPasswordLogin, onSignup, basePath = '/auth', showGoogleOAuth, allowSignup = true, passwordLogin = true, otpLogin = true, locale, messages, poweredBy, cardClassName, removeBorder, removeShadow, mobileVariant }) {
     return /*#__PURE__*/ _jsx(AuthLayout, {
         backgroundClass: backgroundClass,
+        verticalAlign: verticalAlign,
         children: /*#__PURE__*/ _jsx(AuthCard, {
             slug: slug?.[0] ?? 'login',
             redirectTo: redirectTo,

package/dist/components/auth-card/AuthCardShell.js

@@ -96,7 +96,7 @@ export function AuthCardShell({ children, logo, title, subtitle, footer, powered
                 ]
             }),
             /*#__PURE__*/ _jsx("div", {
-                className: "hidden md:flex items-center justify-center px-4 py-12 w-full h-full",
+                className: "hidden md:flex justify-center px-4 py-12 w-full",
                 children: cardBody
             })
         ]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@main12/auth-login",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "Reusable Payload CMS auth plugin — login, signup, OTP, forgot password, branded emails, Powered by Main12",
   "license": "MIT",
   "type": "module",