next-auth-mfelfelani72 0.0.24 → 0.0.26

package/dist/components/base/Image.js

@@ -27,7 +27,7 @@ import * as motion from "motion/react-client";
 import { AnimatePresence } from "motion/react";
 import { cn } from "forma-li";
 // Hooks
-import { useTranslation } from "@/hooks/useTranslation";
+import { useTranslation } from "../../hooks/useTranslation";
 // Constants
 const PHRASE_KEYS = [
     "loading_ahead_of_market",

package/dist/components/demo/auth/Login.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
-import type { LoginProps } from "@/types";
+import type { LoginProps } from "../../../types";
 export default function Login({ layout, theme, className }: LoginProps): React.JSX.Element;

package/dist/components/demo/auth/Login.js

@@ -9,7 +9,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useState, useMemo, lazy } from "react";
 // Components
-const LazyTwoColumn = lazy(() => import("@/components/demo/auth/layouts/twoColumn/LoginLanding"));
+const LazyTwoColumn = lazy(() => import("../../../components/demo/auth/layouts/twoColumn/LoginLanding"));
 // Constants
 const LAYOUT_MAP = {
     twoColumn: LazyTwoColumn,

package/dist/components/demo/auth/Register.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
-import type { RegisterProps } from "@/types";
+import type { RegisterProps } from "../../../types";
 export default function Register({ layout, theme, className, }: RegisterProps): React.JSX.Element;

package/dist/components/demo/auth/Register.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useState, useMemo, lazy } from "react";
 import { cn } from "forma-li";
-const LazyTwoColumn = lazy(() => import("@/components/demo/auth/layouts/twoColumn/RegisterLanding"));
+const LazyTwoColumn = lazy(() => import("../../../components/demo/auth/layouts/twoColumn/RegisterLanding"));
 const LAYOUT_MAP = {
     twoColumn: LazyTwoColumn,
 };

package/dist/components/demo/auth/layouts/twoColumn/LoginLanding.d.ts

@@ -1,2 +1,2 @@
-import type { LoginComponentProps } from "@/types";
+import type { LoginComponentProps } from "../../../../../types";
 export default function TwoColumnLayout(props: LoginComponentProps): import("react").JSX.Element | null;

package/dist/components/demo/auth/layouts/twoColumn/RegisterLanding.d.ts

@@ -1,2 +1,2 @@
-import type { RegisterComponentProps } from "@/types";
+import type { RegisterComponentProps } from "../../../../../types";
 export default function TwoColumnLayout(props: RegisterComponentProps): import("react").JSX.Element | null;

package/dist/components/demo/auth/layouts/twoColumn/common/theme/default/BrandCard.d.ts

@@ -0,0 +1,5 @@
+interface BrandCardProps {
+    className?: string;
+}
+export default function BrandCard({ className }: BrandCardProps): import("react").JSX.Element;
+export {};

package/dist/components/demo/auth/layouts/twoColumn/common/theme/default/BrandCard.js

@@ -0,0 +1,20 @@
+/*
+ * @Author: Mohammad Felfelani
+ * @Email: mfelfelani72@gmail.com
+ * @Team:
+ * @Date: 2025-10-04 11:48:20
+ * @Description:
+ */
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Components
+import Image from "../../../../../../../../components/base/Image";
+// Functions
+import { cn } from "forma-li";
+// Hooks
+import { useTranslation } from "../../../../../../../../hooks/useTranslation";
+export default function BrandCard({ className }) {
+    // Hooks
+    const { t } = useTranslation();
+    return (_jsxs("div", { className: cn("flex flex-col items-center gap-4 text-center", className), children: [_jsx("div", { className: "h-20 w-20 xl:h-24 xl:w-24 shrink-0", children: _jsx(Image, { src: "/images/png/logo.png", alt: "Logo", width: 80, height: 80, unoptimized: true, className: "h-full w-full object-contain", enableLoading: false, loading: "eager" }) }), _jsx("h1", { className: "text-3xl font-bold tracking-tight text-cyan-800 xl:text-4xl 2xl:text-5xl", children: t(process.env.NEXT_PUBLIC_LICENSE_NAME || "") }), _jsx("p", { className: "text-xs text-Neutral-400 xl:text-sm", children: t("right_sidebar_description") })] }));
+}

package/dist/components/demo/auth/layouts/twoColumn/common/theme/default/LeftSidebar.d.ts

@@ -0,0 +1,8 @@
+interface LeftSidebarProps {
+    title: string;
+    description: string;
+    className?: string;
+    children?: React.ReactNode;
+}
+export default function LeftSidebar({ title, description, className, children, }: LeftSidebarProps): import("react").JSX.Element;
+export {};

package/dist/components/demo/auth/layouts/twoColumn/common/theme/default/LeftSidebar.js

@@ -0,0 +1,19 @@
+/*
+ * @Author: Mohammad Felfelani
+ * @Email: mfelfelani72@gmail.com
+ * @Team:
+ * @Date: 2025-10-04 11:48:20
+ * @Description:
+ */
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRouter } from "next/navigation";
+// Components
+import { ArrowLeft } from "lucide-react";
+// Functions
+import { cn } from "forma-li";
+export default function LeftSidebar({ title, description, className, children, }) {
+    // Hooks
+    const router = useRouter();
+    return (_jsxs("div", { className: cn("flex flex-col w-full px-6 py-5 relative overflow-hidden", "bg-white/3 backdrop-blur-lg", "border border-white/5", "shadow-2xl shadow-black/10", "ltr:rounded-l-2xl rtl:rounded-r-2xl", "xl:px-8 xl:py-6", className), children: [_jsx("div", { className: "absolute inset-0 bg-linear-to-br from-white/5 via-transparent to-transparent pointer-events-none" }), _jsx("div", { className: "absolute inset-0 rounded-l-2xl shadow-[inset_0_0_80px_rgba(255,255,255,0.03)] pointer-events-none" }), _jsxs("header", { className: "relative z-10 mb-4", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("button", { onClick: () => router.back(), className: "group cursor-pointer flex h-8 w-8 items-center justify-center rounded-full border border-gray-200/50 bg-white/30 text-gray-400 transition-all hover:bg-white/20 hover:border-gray-300 hover:text-gray-600", children: _jsx(ArrowLeft, { className: "h-4 w-4 transition-transform group-hover:scale-110 rtl:rotate-180 text-Neutral-100" }) }), _jsx("h1", { className: "text-lg font-semibold tracking-wide text-Neutral-50 xl:text-xl", children: title })] }), _jsx("p", { className: "hidden 4xl:block mt-1 max-w-[24rem] text-xs text-Neutral-100 ltr:pl-11 rtl:pr-11 xl:text-sm", children: description })] }), _jsx("div", { className: "relative z-10 flex-1", children: children })] }));
+}

package/dist/components/demo/auth/layouts/twoColumn/common/theme/default/RightSidebar.d.ts

@@ -0,0 +1,6 @@
+interface RightSidebarProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export default function RightSidebar({ className, children, }: RightSidebarProps): import("react").JSX.Element;
+export {};

package/dist/components/demo/auth/layouts/twoColumn/common/theme/default/RightSidebar.js

@@ -0,0 +1,16 @@
+/*
+ * @Author: Mohammad Felfelani
+ * @Email: mfelfelani72@gmail.com
+ * @Team:
+ * @Date: 2025-10-04 11:48:20
+ * @Description:
+ */
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Components
+import BrandCard from "./BrandCard";
+// Functions
+import { cn } from "forma-li";
+export default function RightSidebar({ className, children, }) {
+    return (_jsxs("div", { className: cn("flex flex-col w-full p-2 relative", "bg-white/80 backdrop-blur-none", "border border-white/20", "shadow-2xl shadow-black/15", "ltr:rounded-r-2xl rtl:rounded-l-2xl", className), children: [_jsx("div", { className: "absolute inset-0 bg-linear-to-br from-white/40 via-white/10 to-transparent pointer-events-none ltr:rounded-r-2xl rtl:rounded-l-2xl" }), _jsxs("div", { className: "flex flex-col h-full items-center justify-between z-10", children: [_jsx(BrandCard, {}), children] })] }));
+}

package/dist/components/demo/auth/layouts/twoColumn/common/theme/default/login/LoginDetails.d.ts

@@ -0,0 +1 @@
+export default function LoginDetails(): import("react").JSX.Element;

package/dist/components/demo/auth/layouts/twoColumn/common/theme/default/login/LoginDetails.js

@@ -0,0 +1,24 @@
+/*
+ * @Author: Mohammad Felfelani
+ * @Email: mfelfelani72@gmail.com
+ * @Team:
+ * @Date: 2025-10-04 11:48:20
+ * @Description:
+ */
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Components
+import { Shield, Bolt, Eye } from "lucide-react";
+// Hooks
+import { useTranslation } from "../../../../../../../../../hooks/useTranslation";
+export default function LoginDetails() {
+    // Hooks
+    const { t } = useTranslation();
+    // Constants
+    const features = [
+        { icon: Shield, label: t("encrypted"), color: "text-emerald-600" },
+        { icon: Bolt, label: t("fast"), color: "text-amber-600" },
+        { icon: Eye, label: t("protected"), color: "text-sky-600" },
+    ];
+    return (_jsx("div", { className: "px-1", children: _jsx("div", { className: "flex gap-6", children: features.map(({ icon: Icon, label, color }) => (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Icon, { className: `h-4 w-4 ${color} xl:h-5 xl:w-5` }), _jsx("span", { className: "text-xs text-gray-500 xl:text-sm", children: label })] }, label))) }) }));
+}

package/dist/components/demo/auth/layouts/twoColumn/common/theme/default/login/LoginForm.d.ts

@@ -1,2 +1,2 @@
-import type { LoginComponentProps } from "@/types";
+import type { LoginComponentProps } from "../../../../../../../../../types";
 export default function LoginForm({ onSubmit, errors, message, }: LoginComponentProps): import("react").JSX.Element;

package/dist/components/demo/auth/layouts/twoColumn/common/theme/default/login/LoginForm.js

@@ -9,11 +9,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 // Components
-import LocalizedLink from "@/components/base/LocalizedLink";
+import LocalizedLink from "../../../../../../../../../components/base/LocalizedLink";
 import { InputPassword, InputEmail } from "forma-ui";
 const GoogleIcon = () => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", children: _jsxs("g", { fill: "none", fillRule: "evenodd", children: [_jsx("path", { fill: "#4285F4", d: "M17.64 9.205c0-.639-.057-1.252-.164-1.841H9v3.481h4.844a4.14 4.14 0 0 1-1.796 2.716v2.259h2.908c1.702-1.567 2.684-3.875 2.684-6.615z" }), _jsx("path", { fill: "#34A853", d: "M9 18c2.43 0 4.467-.806 5.956-2.18l-2.908-2.259c-.806.54-1.837.86-3.048.86-2.344 0-4.328-1.584-5.036-3.711H.957v2.332A8.997 8.997 0 0 0 9 18z" }), _jsx("path", { fill: "#FBBC05", d: "M3.964 10.71A5.41 5.41 0 0 1 3.682 9c0-.593.102-1.17.282-1.71V4.958H.957A8.996 8.996 0 0 0 0 9c0 1.452.348 2.827.957 4.042l3.007-2.332z" }), _jsx("path", { fill: "#EA4335", d: "M9 3.58c1.321 0 2.508.454 3.44 1.345l2.582-2.58C13.463.891 11.426 0 9 0A8.997 8.997 0 0 0 .957 4.958L3.964 7.29C4.672 5.163 6.656 3.58 9 3.58z" })] }) }));
 // Hooks
-import { useTranslation } from "@/hooks/useTranslation";
+import { useTranslation } from "../../../../../../../../../hooks/useTranslation";
 export default function LoginForm({ onSubmit, errors, message, }) {
     // Hooks
     const { t } = useTranslation();

package/dist/components/demo/auth/layouts/twoColumn/common/theme/default/register/RegisterDetails.d.ts

@@ -0,0 +1,2 @@
+declare const RegisterDetails: () => import("react").JSX.Element;
+export default RegisterDetails;

package/dist/components/demo/auth/layouts/twoColumn/common/theme/default/register/RegisterDetails.js

@@ -0,0 +1,25 @@
+/*
+ * @Author: Mohammad Felfelani
+ * @Email: mfelfelani72@gmail.com
+ * @Team:
+ * @Date: 2025-12-31 07:55:26
+ * @Description: Login Details - Dark text for white bg
+ */
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Components
+import { Shield, Bolt, Eye } from "lucide-react";
+// Hooks
+import { useTranslation } from "../../../../../../../../../hooks/useTranslation";
+const RegisterDetails = () => {
+    // Hooks
+    const { t } = useTranslation();
+    // Constants
+    const features = [
+        { icon: Shield, label: t("encrypted"), color: "text-emerald-600" },
+        { icon: Bolt, label: t("fast"), color: "text-amber-600" },
+        { icon: Eye, label: t("protected"), color: "text-sky-600" },
+    ];
+    return (_jsx("div", { className: "px-1", children: _jsx("div", { className: "flex gap-6", children: features.map(({ icon: Icon, label, color }) => (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Icon, { className: `h-4 w-4 ${color} xl:h-5 xl:w-5` }), _jsx("span", { className: "text-xs text-gray-500 xl:text-sm", children: label })] }, label))) }) }));
+};
+export default RegisterDetails;

package/dist/components/demo/auth/layouts/twoColumn/common/theme/default/register/RegisterForm.d.ts

@@ -1,3 +1,3 @@
-import type { RegisterComponentProps } from "@/types";
+import type { RegisterComponentProps } from "../../../../../../../../../types";
 declare const RegisterForm: ({ onSubmit, errors, message, }: RegisterComponentProps) => import("react").JSX.Element;
 export default RegisterForm;

package/dist/components/demo/auth/layouts/twoColumn/common/theme/default/register/RegisterForm.js

@@ -9,10 +9,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 // Hooks
-import { useTranslation } from "@/hooks/useTranslation";
+import { useTranslation } from "../../../../../../../../../hooks/useTranslation";
 // Components
 import { InputPassword, InputEmail, InputRePassword } from "forma-ui";
-import LocalizedLink from "@/components/base/LocalizedLink";
+import LocalizedLink from "../../../../../../../../../components/base/LocalizedLink";
 // Google SVG Icon Component
 // Interface
 const RegisterForm = ({ onSubmit, errors, message, }) => {

package/dist/components/demo/auth/layouts/twoColumn/desktop/Login.d.ts

@@ -1,2 +1,2 @@
-import type { LoginComponentProps } from "@/types";
+import type { LoginComponentProps } from "../../../../../../types";
 export default function LoginDesktop(props: LoginComponentProps): import("react").JSX.Element;

package/dist/components/demo/auth/layouts/twoColumn/desktop/Login.js

@@ -7,25 +7,15 @@
  */
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from "react";
-import dynamic from "next/dynamic";
+// Components
+import LeftSidebar from "../common/theme/default/LeftSidebar";
+import RightSidebar from "../common/theme/default/RightSidebar";
+import LoginForm from "../common/theme/default/login/LoginForm";
+import LoginDetails from "../common/theme/default/login/LoginDetails";
 // Hooks
-import { useTranslation } from "@/hooks/useTranslation";
+import { useTranslation } from "../../../../../../hooks/useTranslation";
 export default function LoginDesktop(props) {
     // Hooks
     const { t } = useTranslation();
-    // Functions
-    const Components = useMemo(() => {
-        const createDynamicComponent = (name) => {
-            return dynamic(() => import(`../common/theme/${props === null || props === void 0 ? void 0 : props.theme}/${name}`).catch(() => import(`../common/theme/default/${name}`)), { ssr: false });
-        };
-        return {
-            LeftSidebar: createDynamicComponent("LeftSidebar"),
-            RightSidebar: createDynamicComponent("RightSidebar"),
-            LoginForm: createDynamicComponent("login/LoginForm"),
-            LoginDetails: createDynamicComponent("login/LoginDetails"),
-        };
-    }, [props === null || props === void 0 ? void 0 : props.theme]);
-    const { LeftSidebar, RightSidebar, LoginForm, LoginDetails } = Components;
     return (_jsx("div", { className: "flex flex-row h-screen w-full items-center justify-center", children: _jsxs("div", { className: "relative inline-flex flex-row z-120 max-w-[60dvw] h-[77dvh]", children: [_jsx(LeftSidebar, { title: t("login_title"), description: t("login_description"), children: _jsx(LoginForm, Object.assign({}, props)) }), _jsx(RightSidebar, { children: _jsx(LoginDetails, {}) })] }) }));
 }

package/dist/components/demo/auth/layouts/twoColumn/desktop/Register.d.ts

@@ -1,2 +1,2 @@
-import type { RegisterComponentProps } from "@/types";
+import type { RegisterComponentProps } from "../../../../../../types";
 export default function RegisterDesktop(props: RegisterComponentProps): import("react").JSX.Element;

package/dist/components/demo/auth/layouts/twoColumn/desktop/Register.js

@@ -7,25 +7,15 @@
  */
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from "react";
-import dynamic from "next/dynamic";
+// Components
+import LeftSidebar from "../common/theme/default/LeftSidebar";
+import RightSidebar from "../common/theme/default/RightSidebar";
+import RegisterForm from "../common/theme/default/register/RegisterForm";
+import RegisterDetails from "../common/theme/default/register/RegisterDetails";
 // Hooks
-import { useTranslation } from "@/hooks/useTranslation";
+import { useTranslation } from "../../../../../../hooks/useTranslation";
 export default function RegisterDesktop(props) {
     // Hooks
     const { t } = useTranslation();
-    // Functions
-    const Components = useMemo(() => {
-        const createDynamicComponent = (name) => {
-            return dynamic(() => import(`../common/theme/${props === null || props === void 0 ? void 0 : props.theme}/${name}`).catch(() => import(`../common/theme/default/${name}`)), { ssr: false });
-        };
-        return {
-            LeftSidebar: createDynamicComponent("LeftSidebar"),
-            RightSidebar: createDynamicComponent("RightSidebar"),
-            RegisterForm: createDynamicComponent("register/RegisterForm"),
-            RegisterDetails: createDynamicComponent("register/RegisterDetails"),
-        };
-    }, [props === null || props === void 0 ? void 0 : props.theme]);
-    const { LeftSidebar, RightSidebar, RegisterForm, RegisterDetails } = Components;
     return (_jsx("div", { className: "flex flex-row h-screen w-full items-center justify-center", children: _jsxs("div", { className: "relative inline-flex flex-row z-120 max-w-[60dvw] h-[77dvh]", children: [_jsx(LeftSidebar, { title: t("register_title"), description: t("register_description"), children: _jsx(RegisterForm, Object.assign({}, props)) }), _jsx(RightSidebar, { children: _jsx(RegisterDetails, {}) })] }) }));
 }

package/dist/components/demo/auth/layouts/twoColumn/ipad/Login.d.ts

@@ -1,2 +1,2 @@
-import type { LoginComponentProps } from "@/types";
+import type { LoginComponentProps } from "../../../../../../types";
 export default function LoginIpad(props: LoginComponentProps): import("react").JSX.Element;

package/dist/components/demo/auth/layouts/twoColumn/ipad/Login.js

@@ -7,25 +7,13 @@
  */
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from "react";
-import dynamic from "next/dynamic";
+// Components
+import LoginForm from "../common/theme/default/login/LoginForm";
+import LoginDetails from "../common/theme/default/login/LoginDetails";
 // Hooks
-import { useTranslation } from "@/hooks/useTranslation";
+import { useTranslation } from "../../../../../../hooks/useTranslation";
 export default function LoginIpad(props) {
     // Hooks
     const { t } = useTranslation();
-    // Functions
-    const Components = useMemo(() => {
-        const createDynamicComponent = (name) => {
-            return dynamic(() => import(`../common/theme/${props === null || props === void 0 ? void 0 : props.theme}/${name}`).catch(() => import(`../common/theme/default/${name}`)), { ssr: false });
-        };
-        return {
-            LeftSidebar: createDynamicComponent("LeftSidebar"),
-            RightSidebar: createDynamicComponent("RightSidebar"),
-            LoginForm: createDynamicComponent("login/LoginForm"),
-            LoginDetails: createDynamicComponent("login/LoginDetails"),
-        };
-    }, [props === null || props === void 0 ? void 0 : props.theme]);
-    const { LoginForm, LoginDetails } = Components;
     return (_jsx("div", { className: "flex items-center justify-center min-h-screen p-6 ", children: _jsxs("div", { className: "flex flex-row w-full max-w-4xl h-[85vh] rounded-2xl overflow-hidden shadow-2xl", children: [_jsxs("div", { className: "w-1/2 bg-white/10 backdrop-blur-md p-6 flex flex-col", children: [_jsx("h1", { className: "text-xl font-bold text-white mb-1", children: t("login_title") }), _jsx("p", { className: "text-sm text-gray-200 mb-4", children: t("login_description") }), _jsx(LoginForm, Object.assign({}, props))] }), _jsxs("div", { className: "w-1/2 bg-white/80 backdrop-blur-none p-6 flex flex-col items-center justify-center", children: [_jsxs("div", { className: "text-center", children: [_jsx("h2", { className: "text-3xl font-bold text-cyan-800", children: "Brand" }), _jsx("p", { className: "text-xs text-gray-500 mt-2", children: t("right_sidebar_description") })] }), _jsx(LoginDetails, {})] })] }) }));
 }

package/dist/components/demo/auth/layouts/twoColumn/ipad/Register.d.ts

@@ -1,2 +1,2 @@
-import type { RegisterComponentProps } from "@/types";
+import type { RegisterComponentProps } from "../../../../../../types";
 export default function RegisterIpad(props: RegisterComponentProps): import("react").JSX.Element;

package/dist/components/demo/auth/layouts/twoColumn/ipad/Register.js

@@ -7,25 +7,13 @@
  */
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from "react";
-import dynamic from "next/dynamic";
+// Components
+import RegisterForm from "../common/theme/default/register/RegisterForm";
+import RegisterDetails from "../common/theme/default/register/RegisterDetails";
 // Hooks
-import { useTranslation } from "@/hooks/useTranslation";
+import { useTranslation } from "../../../../../../hooks/useTranslation";
 export default function RegisterIpad(props) {
     // Hooks
     const { t } = useTranslation();
-    // Functions
-    const Components = useMemo(() => {
-        const createDynamicComponent = (name) => {
-            return dynamic(() => import(`../common/theme/${props === null || props === void 0 ? void 0 : props.theme}/${name}`).catch(() => import(`../common/theme/default/${name}`)), { ssr: false });
-        };
-        return {
-            LeftSidebar: createDynamicComponent("LeftSidebar"),
-            RightSidebar: createDynamicComponent("RightSidebar"),
-            RegisterForm: createDynamicComponent("register/RegisterForm"),
-            RegisterDetails: createDynamicComponent("register/RegisterDetails"),
-        };
-    }, [props === null || props === void 0 ? void 0 : props.theme]);
-    const { RegisterForm, RegisterDetails } = Components;
     return (_jsx("div", { className: "flex items-center justify-center min-h-screen p-6 ", children: _jsxs("div", { className: "flex flex-row w-full max-w-4xl h-[85vh] rounded-2xl overflow-hidden shadow-2xl", children: [_jsxs("div", { className: "w-1/2 bg-white/10 backdrop-blur-md p-6 flex flex-col", children: [_jsx("h1", { className: "text-xl font-bold text-white mb-1", children: t("register_title") }), _jsx("p", { className: "text-sm text-gray-200 mb-4", children: t("login_description") }), _jsx(RegisterForm, Object.assign({}, props))] }), _jsxs("div", { className: "w-1/2 bg-white/80 backdrop-blur-none p-6 flex flex-col items-center justify-center", children: [_jsxs("div", { className: "text-center", children: [_jsx("h2", { className: "text-3xl font-bold text-cyan-800", children: "Brand" }), _jsx("p", { className: "text-xs text-gray-500 mt-2", children: t("right_sidebar_description") })] }), _jsx(RegisterDetails, {})] })] }) }));
 }

package/dist/components/demo/auth/layouts/twoColumn/mobile/Login.d.ts

@@ -1,2 +1,2 @@
-import type { LoginComponentProps } from "@/types";
+import type { LoginComponentProps } from "../../../../../../types";
 export default function LoginMobile(props: LoginComponentProps): import("react").JSX.Element;

package/dist/components/demo/auth/layouts/twoColumn/mobile/Login.js

@@ -7,16 +7,12 @@
  */
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from "react";
-import dynamic from "next/dynamic";
+// Components
+import LoginForm from "../common/theme/default/login/LoginForm";
 // Hooks
-import { useTranslation } from "@/hooks/useTranslation";
+import { useTranslation } from "../../../../../../hooks/useTranslation";
 export default function LoginMobile(props) {
     // Hooks
     const { t } = useTranslation();
-    // Functions
-    const LoginForm = useMemo(() => {
-        return dynamic(() => import(`../common/theme/${props === null || props === void 0 ? void 0 : props.theme}/LoginForm`).catch(() => import(`../common/theme/default/login/LoginForm`)), { ssr: false });
-    }, [props === null || props === void 0 ? void 0 : props.theme]);
     return (_jsx("div", { className: "flex items-center justify-center min-h-screen p-4 bg-linear-to-br", children: _jsxs("div", { className: "w-full max-w-sm bg-white/20 backdrop-blur-md rounded-2xl p-6 border border-white/30", children: [_jsx("h1", { className: "text-2xl font-bold text-center text-white mb-2", children: t("login_title") }), _jsx("p", { className: "text-center text-gray-200 mb-6 text-sm", children: t("login_description") }), _jsx(LoginForm, Object.assign({}, props))] }) }));
 }

package/dist/components/demo/auth/layouts/twoColumn/mobile/Register.d.ts

@@ -1,2 +1,2 @@
-import type { RegisterComponentProps } from "@/types";
+import type { RegisterComponentProps } from "../../../../../../types";
 export default function RegisterMobile(props: RegisterComponentProps): import("react").JSX.Element;

package/dist/components/demo/auth/layouts/twoColumn/mobile/Register.js

@@ -7,16 +7,12 @@
  */
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from "react";
-import dynamic from "next/dynamic";
+// Components
+import RegisterForm from "../common/theme/default/register/RegisterForm";
 // Hooks
-import { useTranslation } from "@/hooks/useTranslation";
+import { useTranslation } from "../../../../../../hooks/useTranslation";
 export default function RegisterMobile(props) {
     // Hooks
     const { t } = useTranslation();
-    // Functions
-    const RegisterForm = useMemo(() => {
-        return dynamic(() => import(`../common/theme/${props === null || props === void 0 ? void 0 : props.theme}/RegisterForm`).catch(() => import(`../common/theme/default/register/RegisterForm`)), { ssr: false });
-    }, [props === null || props === void 0 ? void 0 : props.theme]);
     return (_jsx("div", { className: "flex items-center justify-center min-h-screen p-4 bg-linear-to-br", children: _jsxs("div", { className: "w-full max-w-sm bg-white/20 backdrop-blur-md rounded-2xl p-6 border border-white/30", children: [_jsx("h1", { className: "text-2xl font-bold text-center text-white mb-2", children: t("register_title") }), _jsx("p", { className: "text-center text-gray-200 mb-6 text-sm", children: t("register_description") }), _jsx(RegisterForm, Object.assign({}, props))] }) }));
 }

package/dist/index.d.ts

@@ -2,6 +2,3 @@ export { default as Login } from "./components/demo/auth/Login";
 export { default as Register } from "./components/demo/auth/Register";
 export { loginHandler } from "./libraries/auth/loginHandler";
 export { registerHandler } from "./libraries/auth/registerHandler";
-export { auth } from './core/auth';
-export { env, checkEnv } from './configs/env';
-export type { ServerEnv, ClientEnv } from './configs/env';

package/dist/index.js

@@ -4,5 +4,6 @@ export { default as Register } from "./components/demo/auth/Register";
 // Server handlers
 export { loginHandler } from "./libraries/auth/loginHandler";
 export { registerHandler } from "./libraries/auth/registerHandler";
-export { auth } from './core/auth';
-export { env, checkEnv } from './configs/env';
+// export { auth } from './core/auth';
+// export { env, checkEnv } from './configs/env';
+// export type { ServerEnv, ClientEnv } from './configs/env';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "next-auth-mfelfelani72",
-  "version": "0.0.24",
+  "version": "0.0.26",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [

package/dist/components/Login.d.ts

@@ -1,14 +0,0 @@
-import React from "react";
-import type { LoginProps } from "../types";
-interface LoginComponentProps {
-    onSubmit: (formData: FormData) => void;
-    errors?: {
-        username?: string;
-        password?: string;
-    };
-    message?: string | null;
-}
-export default function Login({ loginRoute, UiComponent, }: LoginProps & {
-    UiComponent?: React.ComponentType<LoginComponentProps>;
-}): React.JSX.Element;
-export {};