next-auth-mfelfelani72 0.0.25 → 0.0.26

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/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/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";
 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.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";
 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.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";
 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.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";
 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.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";
 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.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";
 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/package.json

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