@main12/auth-login 0.3.2 → 0.3.4

package/dist/components/AuthLayout.js

@@ -18,17 +18,17 @@ function DefaultLogo() {
     });
     return null;
 }
-export const AuthLayout = ({ children, logo, title, subtitle, footer, poweredBy, cardClassName = '', backgroundClass = 'bg-white md:bg-[#191919]' })=>{
+export const AuthLayout = ({ children, logo, title, subtitle, footer, poweredBy, cardClassName = '', backgroundClass = 'bg-accent' })=>{
     const displayLogo = logo || /*#__PURE__*/ _jsx(DefaultLogo, {});
     const header = (displayLogo || title) && /*#__PURE__*/ _jsxs("div", {
-        className: "flex flex-col items-center gap-2 pt-6 pb-2 px-6",
+        className: "flex flex-col items-center gap-2 pt-8 pb-4 px-8",
         children: [
             displayLogo && /*#__PURE__*/ _jsx("div", {
-                className: "flex justify-center mb-2",
+                className: "flex justify-center mb-3",
                 children: displayLogo
             }),
             title && /*#__PURE__*/ _jsx("h1", {
-                className: "text-xl font-semibold text-gray-900 text-center",
+                className: "text-2xl font-bold text-gray-900 text-center tracking-tight",
                 children: title
             }),
             subtitle && /*#__PURE__*/ _jsx("p", {
@@ -41,18 +41,19 @@ export const AuthLayout = ({ children, logo, title, subtitle, footer, poweredBy,
         className: `flex flex-col min-h-screen ${backgroundClass}`,
         children: [
             /*#__PURE__*/ _jsxs("div", {
-                className: "md:hidden flex flex-col w-full max-w-md mx-auto",
+                className: "md:hidden flex flex-col w-full max-w-md mx-auto light [color-scheme:light] px-4 py-8",
+                "data-theme": "light",
                 style: {
-                    maxWidth: '400px'
+                    maxWidth: '448px'
                 },
                 children: [
                     header,
                     /*#__PURE__*/ _jsx("div", {
-                        className: "px-6 pb-4",
+                        className: "px-8 pb-6",
                         children: children
                     }),
                     footer && /*#__PURE__*/ _jsx("div", {
-                        className: "px-6 pb-6 flex justify-center",
+                        className: "px-8 pb-8 flex justify-center",
                         children: footer
                     }),
                     /*#__PURE__*/ _jsx(PoweredBy, {
@@ -63,9 +64,9 @@ export const AuthLayout = ({ children, logo, title, subtitle, footer, poweredBy,
             /*#__PURE__*/ _jsx("div", {
                 className: "hidden md:flex min-h-screen items-center justify-center px-4 py-12",
                 children: /*#__PURE__*/ _jsxs("div", {
-                    className: "w-full max-w-md max-w-[400px] animate-[fadeIn_0.5s_ease-out]",
+                    className: "w-full max-w-md animate-[fadeIn_0.5s_ease-out]",
                     style: {
-                        maxWidth: '400px'
+                        maxWidth: '448px'
                     },
                     children: [
                         /*#__PURE__*/ _jsxs(Card, {

package/dist/components/ui/index.js

@@ -51,22 +51,23 @@ export const Input = ({ type = 'text', label, value, onChange, onValueChange, is
         ]
     });
 export const Card = ({ children, className = '' })=>/*#__PURE__*/ _jsx("div", {
-        className: `bg-white rounded-2xl shadow-2xl w-full ${className}`,
+        className: `bg-white text-gray-900 rounded-2xl shadow-2xl w-full light [color-scheme:light] ${className}`,
+        "data-theme": "light",
         style: {
-            maxWidth: '400px'
+            maxWidth: '448px'
         },
         children: children
     });
 export const CardHeader = ({ children, className = '' })=>/*#__PURE__*/ _jsx("div", {
-        className: `flex flex-col items-center gap-2 pt-8 pb-2 px-6 ${className}`,
+        className: `flex flex-col items-center gap-2 pt-8 pb-4 px-8 ${className}`,
         children: children
     });
 export const CardContent = ({ children, className = '' })=>/*#__PURE__*/ _jsx("div", {
-        className: `px-6 pb-4 ${className}`,
+        className: `px-8 pb-6 ${className}`,
         children: children
     });
 export const CardFooter = ({ children, className = '' })=>/*#__PURE__*/ _jsx("div", {
-        className: `px-6 pb-6 flex justify-center ${className}`,
+        className: `px-8 pb-8 flex justify-center ${className}`,
         children: children
     });
 export const CardTitle = ({ children, className = '' })=>/*#__PURE__*/ _jsx("h1", {

package/package.json

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