@questpie/admin 1.1.0 → 2.0.0

package/dist/client/views/layout/admin-topbar.mjs

@@ -0,0 +1,128 @@
+import { useResolveText } from "../../i18n/hooks.mjs";
+import { cn } from "../../lib/utils.mjs";
+import { Button } from "../../components/ui/button.mjs";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "../../components/ui/dropdown-menu.mjs";
+import { Kbd } from "../../components/ui/kbd.mjs";
+import { SidebarTrigger } from "../../components/ui/sidebar.mjs";
+import { Icon } from "@iconify/react";
+import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/client/views/layout/admin-topbar.tsx
+function AdminTopbar({ onSearchOpen, breadcrumbs = [], theme = "system", setTheme, showThemeToggle }) {
+	const resolveText = useResolveText();
+	const shouldShowThemeToggle = setTheme && showThemeToggle !== false;
+	return /* @__PURE__ */ jsxs("header", {
+		className: "relative sticky top-0 z-30 flex h-16 w-full items-center justify-between border-b border-border/60 bg-background/60 px-4 md:px-6 backdrop-blur-xl after:absolute after:inset-x-0 after:bottom-0 after:h-px after:bg-gradient-to-r after:from-transparent after:via-primary/15 after:to-transparent",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2",
+			children: [/* @__PURE__ */ jsx(SidebarTrigger, {}), /* @__PURE__ */ jsx("nav", {
+				className: "hidden md:flex items-center gap-1.5 text-sm text-muted-foreground",
+				children: breadcrumbs.map((crumb) => {
+					const CrumbIcon = crumb.icon;
+					const crumbLabel = resolveText(crumb.label);
+					const crumbKey = crumb.href ?? crumbLabel;
+					return /* @__PURE__ */ jsxs(React$1.Fragment, { children: [breadcrumbs[0] !== crumb && /* @__PURE__ */ jsx("span", {
+						className: "text-muted-foreground/40 mx-1",
+						children: "/"
+					}), crumb.menu ? /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, { render: /* @__PURE__ */ jsxs("button", {
+						type: "button",
+						className: cn("flex items-center gap-1 hover:text-foreground transition-colors", breadcrumbs[breadcrumbs.length - 1] === crumb && "text-foreground font-medium"),
+						children: [
+							CrumbIcon && /* @__PURE__ */ jsx(CrumbIcon, { className: "size-3.5" }),
+							crumbLabel,
+							/* @__PURE__ */ jsx(Icon, {
+								icon: "ph:caret-down",
+								className: "size-3 opacity-50"
+							})
+						]
+					}) }), /* @__PURE__ */ jsx(DropdownMenuContent, {
+						align: "start",
+						children: crumb.menu.items.map((item) => {
+							const ItemIcon = item.icon;
+							return /* @__PURE__ */ jsxs(DropdownMenuItem, {
+								onClick: () => {
+									window.location.href = item.href;
+								},
+								children: [ItemIcon && /* @__PURE__ */ jsx(ItemIcon, { className: "size-3.5" }), resolveText(item.label)]
+							}, item.href);
+						})
+					})] }) : crumb.href ? /* @__PURE__ */ jsxs("a", {
+						href: crumb.href,
+						className: "flex items-center gap-1.5 hover:text-foreground transition-colors",
+						children: [CrumbIcon && /* @__PURE__ */ jsx(CrumbIcon, { className: "size-3.5" }), crumbLabel]
+					}) : /* @__PURE__ */ jsxs("span", {
+						className: cn("flex items-center gap-1.5", breadcrumbs[breadcrumbs.length - 1] === crumb ? "text-foreground font-medium" : ""),
+						children: [CrumbIcon && /* @__PURE__ */ jsx(CrumbIcon, { className: "size-3.5" }), crumbLabel]
+					})] }, crumbKey);
+				})
+			})]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2",
+			children: [/* @__PURE__ */ jsxs(Button, {
+				variant: "outline",
+				onClick: onSearchOpen,
+				className: "gap-2 w-auto md:w-64 justify-between text-muted-foreground",
+				children: [/* @__PURE__ */ jsxs("span", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ jsx(Icon, { icon: "ph:magnifying-glass" }), /* @__PURE__ */ jsx("span", {
+						className: "hidden sm:inline",
+						children: "Search..."
+					})]
+				}), /* @__PURE__ */ jsxs(Kbd, {
+					className: "hidden md:inline-flex",
+					children: [/* @__PURE__ */ jsx("span", {
+						className: "text-xs",
+						children: "⌘"
+					}), "K"]
+				})]
+			}), shouldShowThemeToggle && /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, { render: /* @__PURE__ */ jsxs(Button, {
+				variant: "ghost",
+				size: "icon",
+				children: [
+					/* @__PURE__ */ jsx(Icon, {
+						icon: "ph:sun",
+						className: "size-4 scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90"
+					}),
+					/* @__PURE__ */ jsx(Icon, {
+						icon: "ph:moon",
+						className: "absolute size-4 scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0"
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: "sr-only",
+						children: "Toggle theme"
+					})
+				]
+			}) }), /* @__PURE__ */ jsxs(DropdownMenuContent, {
+				align: "end",
+				children: [
+					/* @__PURE__ */ jsxs(DropdownMenuItem, {
+						onClick: () => setTheme("light"),
+						children: [/* @__PURE__ */ jsx(Icon, {
+							icon: "ph:sun",
+							className: "mr-2 size-4"
+						}), "Light"]
+					}),
+					/* @__PURE__ */ jsxs(DropdownMenuItem, {
+						onClick: () => setTheme("dark"),
+						children: [/* @__PURE__ */ jsx(Icon, {
+							icon: "ph:moon",
+							className: "mr-2 size-4"
+						}), "Dark"]
+					}),
+					/* @__PURE__ */ jsxs(DropdownMenuItem, {
+						onClick: () => setTheme("system"),
+						children: [/* @__PURE__ */ jsx(Icon, {
+							icon: "ph:monitor",
+							className: "mr-2 size-4"
+						}), "System"]
+					})
+				]
+			})] })]
+		})]
+	});
+}
+
+//#endregion
+export { AdminTopbar };
+//# sourceMappingURL=admin-topbar.mjs.map

package/dist/client/views/layout/admin-topbar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin-topbar.mjs","names":["React"],"sources":["../../../../src/client/views/layout/admin-topbar.tsx"],"sourcesContent":["import { Icon } from \"@iconify/react\";\nimport * as React from \"react\";\nimport { Button } from \"../../components/ui/button\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"../../components/ui/dropdown-menu\";\nimport { Kbd } from \"../../components/ui/kbd\";\nimport { SidebarTrigger } from \"../../components/ui/sidebar\";\nimport type { Breadcrumb } from \"../../contexts/breadcrumb-context\";\nimport { useResolveText } from \"../../i18n/hooks\";\nimport { cn } from \"../../lib/utils\";\n\nexport type Theme = \"light\" | \"dark\" | \"system\";\n\nexport interface AdminTopbarProps {\n  onSearchOpen: () => void;\n  breadcrumbs?: Breadcrumb[];\n  theme?: Theme;\n  setTheme?: (theme: Theme) => void;\n  showThemeToggle?: boolean;\n}\n\nexport function AdminTopbar({\n  onSearchOpen,\n  breadcrumbs = [],\n  theme = \"system\",\n  setTheme,\n  showThemeToggle,\n}: AdminTopbarProps) {\n  const resolveText = useResolveText();\n\n  // Show theme toggle if setTheme is provided and showThemeToggle is not explicitly false\n  const shouldShowThemeToggle = setTheme && showThemeToggle !== false;\n\n  return (\n    <header className=\"relative sticky top-0 z-30 flex h-16 w-full items-center justify-between border-b border-border/60 bg-background/60 px-4 md:px-6 backdrop-blur-xl after:absolute after:inset-x-0 after:bottom-0 after:h-px after:bg-gradient-to-r after:from-transparent after:via-primary/15 after:to-transparent\">\n      <div className=\"flex items-center gap-2\">\n        {/* Sidebar toggle - works for both mobile (opens sheet) and desktop (collapses) */}\n        <SidebarTrigger />\n\n        {/* Breadcrumbs */}\n        <nav className=\"hidden md:flex items-center gap-1.5 text-sm text-muted-foreground\">\n          {breadcrumbs.map((crumb) => {\n            const CrumbIcon = crumb.icon;\n            const crumbLabel = resolveText(crumb.label);\n            const crumbKey = crumb.href ?? crumbLabel;\n            return (\n              <React.Fragment key={crumbKey}>\n                {breadcrumbs[0] !== crumb && (\n                  <span className=\"text-muted-foreground/40 mx-1\">/</span>\n                )}\n\n                {crumb.menu ? (\n                  // Breadcrumb with dropdown menu\n                  <DropdownMenu>\n                    <DropdownMenuTrigger\n                      render={\n                        <button\n                          type=\"button\"\n                          className={cn(\n                            \"flex items-center gap-1 hover:text-foreground transition-colors\",\n                            breadcrumbs[breadcrumbs.length - 1] === crumb &&\n                              \"text-foreground font-medium\",\n                          )}\n                        >\n                          {CrumbIcon && <CrumbIcon className=\"size-3.5\" />}\n                          {crumbLabel}\n                          <Icon\n                            icon=\"ph:caret-down\"\n                            className=\"size-3 opacity-50\"\n                          />\n                        </button>\n                      }\n                    />\n                    <DropdownMenuContent align=\"start\">\n                      {crumb.menu.items.map((item) => {\n                        const ItemIcon = item.icon;\n                        return (\n                          <DropdownMenuItem\n                            key={item.href}\n                            onClick={() => {\n                              window.location.href = item.href;\n                            }}\n                          >\n                            {ItemIcon && <ItemIcon className=\"size-3.5\" />}\n                            {resolveText(item.label)}\n                          </DropdownMenuItem>\n                        );\n                      })}\n                    </DropdownMenuContent>\n                  </DropdownMenu>\n                ) : crumb.href ? (\n                  // Breadcrumb with link\n                  <a\n                    href={crumb.href}\n                    className=\"flex items-center gap-1.5 hover:text-foreground transition-colors\"\n                  >\n                    {CrumbIcon && <CrumbIcon className=\"size-3.5\" />}\n                    {crumbLabel}\n                  </a>\n                ) : (\n                  // Static breadcrumb (current page)\n                  <span\n                    className={cn(\n                      \"flex items-center gap-1.5\",\n                      breadcrumbs[breadcrumbs.length - 1] === crumb\n                        ? \"text-foreground font-medium\"\n                        : \"\",\n                    )}\n                  >\n                    {CrumbIcon && <CrumbIcon className=\"size-3.5\" />}\n                    {crumbLabel}\n                  </span>\n                )}\n              </React.Fragment>\n            );\n          })}\n        </nav>\n      </div>\n\n      <div className=\"flex items-center gap-2\">\n        <Button\n          variant=\"outline\"\n          onClick={onSearchOpen}\n          className=\"gap-2 w-auto md:w-64 justify-between text-muted-foreground\"\n        >\n          <span className=\"flex items-center gap-2\">\n            <Icon icon=\"ph:magnifying-glass\" />\n            <span className=\"hidden sm:inline\">Search...</span>\n          </span>\n          <Kbd className=\"hidden md:inline-flex\">\n            <span className=\"text-xs\">⌘</span>K\n          </Kbd>\n        </Button>\n\n        {shouldShowThemeToggle && (\n          <DropdownMenu>\n            <DropdownMenuTrigger\n              render={\n                <Button variant=\"ghost\" size=\"icon\">\n                  <Icon\n                    icon=\"ph:sun\"\n                    className=\"size-4 scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90\"\n                  />\n                  <Icon\n                    icon=\"ph:moon\"\n                    className=\"absolute size-4 scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0\"\n                  />\n                  <span className=\"sr-only\">Toggle theme</span>\n                </Button>\n              }\n            />\n            <DropdownMenuContent align=\"end\">\n              <DropdownMenuItem onClick={() => setTheme(\"light\")}>\n                <Icon icon=\"ph:sun\" className=\"mr-2 size-4\" />\n                Light\n              </DropdownMenuItem>\n              <DropdownMenuItem onClick={() => setTheme(\"dark\")}>\n                <Icon icon=\"ph:moon\" className=\"mr-2 size-4\" />\n                Dark\n              </DropdownMenuItem>\n              <DropdownMenuItem onClick={() => setTheme(\"system\")}>\n                <Icon icon=\"ph:monitor\" className=\"mr-2 size-4\" />\n                System\n              </DropdownMenuItem>\n            </DropdownMenuContent>\n          </DropdownMenu>\n        )}\n      </div>\n    </header>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAyBA,SAAgB,YAAY,EAC1B,cACA,cAAc,EAAE,EAChB,QAAQ,UACR,UACA,mBACmB;CACnB,MAAM,cAAc,gBAAgB;CAGpC,MAAM,wBAAwB,YAAY,oBAAoB;AAE9D,QACE,qBAAC;EAAO,WAAU;aAChB,qBAAC;GAAI,WAAU;cAEb,oBAAC,mBAAiB,EAGlB,oBAAC;IAAI,WAAU;cACZ,YAAY,KAAK,UAAU;KAC1B,MAAM,YAAY,MAAM;KACxB,MAAM,aAAa,YAAY,MAAM,MAAM;KAC3C,MAAM,WAAW,MAAM,QAAQ;AAC/B,YACE,qBAACA,QAAM,uBACJ,YAAY,OAAO,SAClB,oBAAC;MAAK,WAAU;gBAAgC;OAAQ,EAGzD,MAAM,OAEL,qBAAC,2BACC,oBAAC,uBACC,QACE,qBAAC;MACC,MAAK;MACL,WAAW,GACT,mEACA,YAAY,YAAY,SAAS,OAAO,SACtC,8BACH;;OAEA,aAAa,oBAAC,aAAU,WAAU,aAAa;OAC/C;OACD,oBAAC;QACC,MAAK;QACL,WAAU;SACV;;OACK,GAEX,EACF,oBAAC;MAAoB,OAAM;gBACxB,MAAM,KAAK,MAAM,KAAK,SAAS;OAC9B,MAAM,WAAW,KAAK;AACtB,cACE,qBAAC;QAEC,eAAe;AACb,gBAAO,SAAS,OAAO,KAAK;;mBAG7B,YAAY,oBAAC,YAAS,WAAU,aAAa,EAC7C,YAAY,KAAK,MAAM;UANnB,KAAK,KAOO;QAErB;OACkB,IACT,GACb,MAAM,OAER,qBAAC;MACC,MAAM,MAAM;MACZ,WAAU;iBAET,aAAa,oBAAC,aAAU,WAAU,aAAa,EAC/C;OACC,GAGJ,qBAAC;MACC,WAAW,GACT,6BACA,YAAY,YAAY,SAAS,OAAO,QACpC,gCACA,GACL;iBAEA,aAAa,oBAAC,aAAU,WAAU,aAAa,EAC/C;OACI,KAjEU,SAmEJ;MAEnB;KACE;IACF,EAEN,qBAAC;GAAI,WAAU;cACb,qBAAC;IACC,SAAQ;IACR,SAAS;IACT,WAAU;eAEV,qBAAC;KAAK,WAAU;gBACd,oBAAC,QAAK,MAAK,wBAAwB,EACnC,oBAAC;MAAK,WAAU;gBAAmB;OAAgB;MAC9C,EACP,qBAAC;KAAI,WAAU;gBACb,oBAAC;MAAK,WAAU;gBAAU;OAAQ;MAC9B;KACC,EAER,yBACC,qBAAC,2BACC,oBAAC,uBACC,QACE,qBAAC;IAAO,SAAQ;IAAQ,MAAK;;KAC3B,oBAAC;MACC,MAAK;MACL,WAAU;OACV;KACF,oBAAC;MACC,MAAK;MACL,WAAU;OACV;KACF,oBAAC;MAAK,WAAU;gBAAU;OAAmB;;KACtC,GAEX,EACF,qBAAC;IAAoB,OAAM;;KACzB,qBAAC;MAAiB,eAAe,SAAS,QAAQ;iBAChD,oBAAC;OAAK,MAAK;OAAS,WAAU;QAAgB;OAE7B;KACnB,qBAAC;MAAiB,eAAe,SAAS,OAAO;iBAC/C,oBAAC;OAAK,MAAK;OAAU,WAAU;QAAgB;OAE9B;KACnB,qBAAC;MAAiB,eAAe,SAAS,SAAS;iBACjD,oBAAC;OAAK,MAAK;OAAa,WAAU;QAAgB;OAEjC;;KACC,IACT;IAEb;GACC"}

package/dist/client/views/layout/index.d.mts

@@ -0,0 +1,5 @@
+import { AdminSidebarProps, LinkComponentProps } from "./admin-sidebar.mjs";
+import { AdminLayout, AdminLayoutProps } from "./admin-layout.mjs";
+import { AdminLayoutProvider, AdminLayoutProviderProps } from "./admin-layout-provider.mjs";
+import "./admin-root.mjs";
+import { AdminRouter, AdminRouterProps } from "./admin-router.mjs";

package/dist/client/views/pages/accept-invite-page.d.mts

@@ -0,0 +1,67 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
+
+//#region src/client/views/pages/accept-invite-page.d.ts
+
+interface AcceptInvitePageProps {
+  /**
+   * Invitation token from URL
+   */
+  token: string;
+  /**
+   * Title shown on the page
+   * @default "Complete Registration"
+   */
+  title?: string;
+  /**
+   * Description shown below the title
+   * @default "Create your account to get started"
+   */
+  description?: string;
+  /**
+   * Logo component to show above the form
+   */
+  logo?: React$1.ReactNode;
+  /**
+   * Path to redirect after successful registration
+   * @default basePath (e.g., "/admin")
+   */
+  redirectTo?: string;
+  /**
+   * Path to login page (for invalid/expired tokens)
+   * @default "{basePath}/login"
+   */
+  loginPath?: string;
+  /**
+   * Minimum password length
+   * @default 8
+   */
+  minPasswordLength?: number;
+}
+/**
+ * Accept invite page component.
+ *
+ * Validates the invitation token and allows new users to complete registration.
+ * Uses authClient from AdminProvider.
+ *
+ * @example
+ * ```tsx
+ * // In your router
+ * function AcceptInviteRoute() {
+ *   const { token } = useParams()
+ *   return <AcceptInvitePage token={token} />
+ * }
+ * ```
+ */
+declare function AcceptInvitePage({
+  token,
+  title,
+  description,
+  logo,
+  redirectTo,
+  loginPath,
+  minPasswordLength
+}: AcceptInvitePageProps): react_jsx_runtime7.JSX.Element;
+//#endregion
+export { AcceptInvitePage, AcceptInvitePageProps };
+//# sourceMappingURL=accept-invite-page.d.mts.map

package/dist/client/views/pages/accept-invite-page.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accept-invite-page.d.mts","names":[],"sources":["../../../../src/client/views/pages/accept-invite-page.tsx"],"sourcesContent":[],"mappings":";;;;;AAyFE,UAhEe,qBAAA,CAgEf;EACA;;;EAGA,KAAA,EAAA,MAAA;EACA;;;;;;;;;;;;;SAhDO,OAAA,CAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAyCC,gBAAA;;;;;;;;GAQb,wBAAqB,kBAAA,CAAA,GAAA,CAAA"}

package/dist/client/views/pages/accept-invite-page.mjs

@@ -0,0 +1,143 @@
+import { selectBasePath, selectBrandName, selectNavigate, useAdminStore } from "../../runtime/provider.mjs";
+import { Button } from "../../components/ui/button.mjs";
+import { useAuthClient } from "../../hooks/use-auth.mjs";
+import { Spinner } from "../../components/ui/spinner.mjs";
+import { AuthLayout } from "../auth/auth-layout.mjs";
+import { Alert, AlertDescription } from "../../components/ui/alert.mjs";
+import { AcceptInviteForm } from "../auth/accept-invite-form.mjs";
+import { Icon } from "@iconify/react";
+import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/client/views/pages/accept-invite-page.tsx
+/**
+* Accept Invite Page
+*
+* Page for new users to complete registration after receiving invitation.
+* Uses Better Auth's admin plugin for invitation acceptance.
+*/
+/**
+* Accept invite page component.
+*
+* Validates the invitation token and allows new users to complete registration.
+* Uses authClient from AdminProvider.
+*
+* @example
+* ```tsx
+* // In your router
+* function AcceptInviteRoute() {
+*   const { token } = useParams()
+*   return <AcceptInvitePage token={token} />
+* }
+* ```
+*/
+function AcceptInvitePage({ token, title = "Complete Registration", description = "Create your account to get started", logo, redirectTo, loginPath, minPasswordLength = 8 }) {
+	const authClient = useAuthClient();
+	const navigate = useAdminStore(selectNavigate);
+	const basePath = useAdminStore(selectBasePath);
+	const brandName = useAdminStore(selectBrandName);
+	const [invitation, setInvitation] = React$1.useState({ status: "loading" });
+	const [error, setError] = React$1.useState(null);
+	React$1.useEffect(() => {
+		const validateToken = async () => {
+			try {
+				const result = await authClient.admin.getInvitation({ query: { token } });
+				if (result.error || !result.data) {
+					setInvitation({
+						status: "invalid",
+						message: result.error?.message || "Invalid or expired invitation"
+					});
+					return;
+				}
+				setInvitation({
+					status: "valid",
+					email: result.data.email,
+					role: result.data.role
+				});
+			} catch (err) {
+				setInvitation({
+					status: "invalid",
+					message: "Invalid or expired invitation"
+				});
+			}
+		};
+		validateToken();
+	}, [token, authClient]);
+	const handleSubmit = async (values) => {
+		setError(null);
+		try {
+			const result = await authClient.admin.acceptInvitation({
+				token,
+				name: values.name,
+				password: values.password
+			});
+			if (result.error) {
+				setError(result.error.message || "Failed to create account");
+				return;
+			}
+			navigate(redirectTo ?? basePath);
+		} catch (err) {
+			setError(err instanceof Error ? err.message : "An error occurred");
+		}
+	};
+	const handleGoToLogin = () => {
+		navigate(loginPath ?? `${basePath}/login`);
+	};
+	if (invitation.status === "loading") return /* @__PURE__ */ jsx(AuthLayout, {
+		title: "Validating Invitation",
+		description: "Please wait...",
+		logo: logo ?? /* @__PURE__ */ jsx(DefaultLogo, { brandName }),
+		children: /* @__PURE__ */ jsx("div", {
+			className: "flex justify-center py-8",
+			children: /* @__PURE__ */ jsx(Spinner, { className: "size-8" })
+		})
+	});
+	if (invitation.status === "invalid") return /* @__PURE__ */ jsx(AuthLayout, {
+		title: "Invalid Invitation",
+		description: "This invitation link is no longer valid",
+		logo: logo ?? /* @__PURE__ */ jsx(DefaultLogo, { brandName }),
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "space-y-4",
+			children: [
+				/* @__PURE__ */ jsxs(Alert, {
+					variant: "destructive",
+					children: [/* @__PURE__ */ jsx(Icon, { icon: "ph:warning-circle" }), /* @__PURE__ */ jsx(AlertDescription, { children: invitation.message })]
+				}),
+				/* @__PURE__ */ jsx("p", {
+					className: "text-muted-foreground text-center text-sm",
+					children: "The invitation may have expired or already been used. Please contact your administrator for a new invitation."
+				}),
+				/* @__PURE__ */ jsx(Button, {
+					variant: "outline",
+					className: "w-full",
+					onClick: handleGoToLogin,
+					children: "Go to Login"
+				})
+			]
+		})
+	});
+	return /* @__PURE__ */ jsx(AuthLayout, {
+		title,
+		description,
+		logo: logo ?? /* @__PURE__ */ jsx(DefaultLogo, { brandName }),
+		children: /* @__PURE__ */ jsx(AcceptInviteForm, {
+			onSubmit: handleSubmit,
+			email: invitation.email,
+			error,
+			minPasswordLength
+		})
+	});
+}
+function DefaultLogo({ brandName }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "text-center",
+		children: /* @__PURE__ */ jsx("h1", {
+			className: "text-xl font-bold",
+			children: brandName
+		})
+	});
+}
+
+//#endregion
+export { AcceptInvitePage };
+//# sourceMappingURL=accept-invite-page.mjs.map

package/dist/client/views/pages/accept-invite-page.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"accept-invite-page.mjs","names":["React"],"sources":["../../../../src/client/views/pages/accept-invite-page.tsx"],"sourcesContent":["/**\n * Accept Invite Page\n *\n * Page for new users to complete registration after receiving invitation.\n * Uses Better Auth's admin plugin for invitation acceptance.\n */\n\nimport * as React from \"react\";\nimport { useAuthClient } from \"../../hooks/use-auth\";\nimport {\n  selectBasePath,\n  selectBrandName,\n  selectNavigate,\n  useAdminStore,\n} from \"../../runtime/provider\";\nimport { AuthLayout } from \"../auth/auth-layout\";\nimport {\n  AcceptInviteForm,\n  type AcceptInviteFormValues,\n} from \"../auth/accept-invite-form\";\nimport { Alert, AlertDescription } from \"../../components/ui/alert\";\nimport { Button } from \"../../components/ui/button\";\nimport { Spinner } from \"../../components/ui/spinner\";\nimport { Icon } from \"@iconify/react\";\n\nexport interface AcceptInvitePageProps {\n  /**\n   * Invitation token from URL\n   */\n  token: string;\n\n  /**\n   * Title shown on the page\n   * @default \"Complete Registration\"\n   */\n  title?: string;\n\n  /**\n   * Description shown below the title\n   * @default \"Create your account to get started\"\n   */\n  description?: string;\n\n  /**\n   * Logo component to show above the form\n   */\n  logo?: React.ReactNode;\n\n  /**\n   * Path to redirect after successful registration\n   * @default basePath (e.g., \"/admin\")\n   */\n  redirectTo?: string;\n\n  /**\n   * Path to login page (for invalid/expired tokens)\n   * @default \"{basePath}/login\"\n   */\n  loginPath?: string;\n\n  /**\n   * Minimum password length\n   * @default 8\n   */\n  minPasswordLength?: number;\n}\n\ntype InvitationState =\n  | { status: \"loading\" }\n  | { status: \"valid\"; email: string; role?: string }\n  | { status: \"invalid\"; message: string };\n\n/**\n * Accept invite page component.\n *\n * Validates the invitation token and allows new users to complete registration.\n * Uses authClient from AdminProvider.\n *\n * @example\n * ```tsx\n * // In your router\n * function AcceptInviteRoute() {\n *   const { token } = useParams()\n *   return <AcceptInvitePage token={token} />\n * }\n * ```\n */\nexport function AcceptInvitePage({\n  token,\n  title = \"Complete Registration\",\n  description = \"Create your account to get started\",\n  logo,\n  redirectTo,\n  loginPath,\n  minPasswordLength = 8,\n}: AcceptInvitePageProps) {\n  const authClient = useAuthClient();\n  const navigate = useAdminStore(selectNavigate);\n  const basePath = useAdminStore(selectBasePath);\n  const brandName = useAdminStore(selectBrandName);\n\n  const [invitation, setInvitation] = React.useState<InvitationState>({\n    status: \"loading\",\n  });\n  const [error, setError] = React.useState<string | null>(null);\n\n  // Validate token on mount\n  React.useEffect(() => {\n    const validateToken = async () => {\n      try {\n        const result = await authClient.admin.getInvitation({\n          query: { token },\n        });\n\n        if (result.error || !result.data) {\n          setInvitation({\n            status: \"invalid\",\n            message: result.error?.message || \"Invalid or expired invitation\",\n          });\n          return;\n        }\n\n        setInvitation({\n          status: \"valid\",\n          email: result.data.email,\n          role: result.data.role,\n        });\n      } catch (err) {\n        setInvitation({\n          status: \"invalid\",\n          message: \"Invalid or expired invitation\",\n        });\n      }\n    };\n\n    validateToken();\n  }, [token, authClient]);\n\n  const handleSubmit = async (values: AcceptInviteFormValues) => {\n    setError(null);\n\n    try {\n      const result = await authClient.admin.acceptInvitation({\n        token,\n        name: values.name,\n        password: values.password,\n      });\n\n      if (result.error) {\n        setError(result.error.message || \"Failed to create account\");\n        return;\n      }\n\n      // Redirect on success\n      navigate(redirectTo ?? basePath);\n    } catch (err) {\n      setError(err instanceof Error ? err.message : \"An error occurred\");\n    }\n  };\n\n  const handleGoToLogin = () => {\n    navigate(loginPath ?? `${basePath}/login`);\n  };\n\n  // Loading state\n  if (invitation.status === \"loading\") {\n    return (\n      <AuthLayout\n        title=\"Validating Invitation\"\n        description=\"Please wait...\"\n        logo={logo ?? <DefaultLogo brandName={brandName} />}\n      >\n        <div className=\"flex justify-center py-8\">\n          <Spinner className=\"size-8\" />\n        </div>\n      </AuthLayout>\n    );\n  }\n\n  // Invalid token state\n  if (invitation.status === \"invalid\") {\n    return (\n      <AuthLayout\n        title=\"Invalid Invitation\"\n        description=\"This invitation link is no longer valid\"\n        logo={logo ?? <DefaultLogo brandName={brandName} />}\n      >\n        <div className=\"space-y-4\">\n          <Alert variant=\"destructive\">\n            <Icon icon=\"ph:warning-circle\" />\n            <AlertDescription>{invitation.message}</AlertDescription>\n          </Alert>\n          <p className=\"text-muted-foreground text-center text-sm\">\n            The invitation may have expired or already been used. Please contact\n            your administrator for a new invitation.\n          </p>\n          <Button\n            variant=\"outline\"\n            className=\"w-full\"\n            onClick={handleGoToLogin}\n          >\n            Go to Login\n          </Button>\n        </div>\n      </AuthLayout>\n    );\n  }\n\n  // Valid token - show registration form\n  return (\n    <AuthLayout\n      title={title}\n      description={description}\n      logo={logo ?? <DefaultLogo brandName={brandName} />}\n    >\n      <AcceptInviteForm\n        onSubmit={handleSubmit}\n        email={invitation.email}\n        error={error}\n        minPasswordLength={minPasswordLength}\n      />\n    </AuthLayout>\n  );\n}\n\nfunction DefaultLogo({ brandName }: { brandName: string }) {\n  return (\n    <div className=\"text-center\">\n      <h1 className=\"text-xl font-bold\">{brandName}</h1>\n    </div>\n  );\n}\n\nexport default AcceptInvitePage;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuFA,SAAgB,iBAAiB,EAC/B,OACA,QAAQ,yBACR,cAAc,sCACd,MACA,YACA,WACA,oBAAoB,KACI;CACxB,MAAM,aAAa,eAAe;CAClC,MAAM,WAAW,cAAc,eAAe;CAC9C,MAAM,WAAW,cAAc,eAAe;CAC9C,MAAM,YAAY,cAAc,gBAAgB;CAEhD,MAAM,CAAC,YAAY,iBAAiBA,QAAM,SAA0B,EAClE,QAAQ,WACT,CAAC;CACF,MAAM,CAAC,OAAO,YAAYA,QAAM,SAAwB,KAAK;AAG7D,SAAM,gBAAgB;EACpB,MAAM,gBAAgB,YAAY;AAChC,OAAI;IACF,MAAM,SAAS,MAAM,WAAW,MAAM,cAAc,EAClD,OAAO,EAAE,OAAO,EACjB,CAAC;AAEF,QAAI,OAAO,SAAS,CAAC,OAAO,MAAM;AAChC,mBAAc;MACZ,QAAQ;MACR,SAAS,OAAO,OAAO,WAAW;MACnC,CAAC;AACF;;AAGF,kBAAc;KACZ,QAAQ;KACR,OAAO,OAAO,KAAK;KACnB,MAAM,OAAO,KAAK;KACnB,CAAC;YACK,KAAK;AACZ,kBAAc;KACZ,QAAQ;KACR,SAAS;KACV,CAAC;;;AAIN,iBAAe;IACd,CAAC,OAAO,WAAW,CAAC;CAEvB,MAAM,eAAe,OAAO,WAAmC;AAC7D,WAAS,KAAK;AAEd,MAAI;GACF,MAAM,SAAS,MAAM,WAAW,MAAM,iBAAiB;IACrD;IACA,MAAM,OAAO;IACb,UAAU,OAAO;IAClB,CAAC;AAEF,OAAI,OAAO,OAAO;AAChB,aAAS,OAAO,MAAM,WAAW,2BAA2B;AAC5D;;AAIF,YAAS,cAAc,SAAS;WACzB,KAAK;AACZ,YAAS,eAAe,QAAQ,IAAI,UAAU,oBAAoB;;;CAItE,MAAM,wBAAwB;AAC5B,WAAS,aAAa,GAAG,SAAS,QAAQ;;AAI5C,KAAI,WAAW,WAAW,UACxB,QACE,oBAAC;EACC,OAAM;EACN,aAAY;EACZ,MAAM,QAAQ,oBAAC,eAAuB,YAAa;YAEnD,oBAAC;GAAI,WAAU;aACb,oBAAC,WAAQ,WAAU,WAAW;IAC1B;GACK;AAKjB,KAAI,WAAW,WAAW,UACxB,QACE,oBAAC;EACC,OAAM;EACN,aAAY;EACZ,MAAM,QAAQ,oBAAC,eAAuB,YAAa;YAEnD,qBAAC;GAAI,WAAU;;IACb,qBAAC;KAAM,SAAQ;gBACb,oBAAC,QAAK,MAAK,sBAAsB,EACjC,oBAAC,8BAAkB,WAAW,UAA2B;MACnD;IACR,oBAAC;KAAE,WAAU;eAA4C;MAGrD;IACJ,oBAAC;KACC,SAAQ;KACR,WAAU;KACV,SAAS;eACV;MAEQ;;IACL;GACK;AAKjB,QACE,oBAAC;EACQ;EACM;EACb,MAAM,QAAQ,oBAAC,eAAuB,YAAa;YAEnD,oBAAC;GACC,UAAU;GACV,OAAO,WAAW;GACX;GACY;IACnB;GACS;;AAIjB,SAAS,YAAY,EAAE,aAAoC;AACzD,QACE,oBAAC;EAAI,WAAU;YACb,oBAAC;GAAG,WAAU;aAAqB;IAAe;GAC9C"}

package/dist/client/views/pages/dashboard-page.d.mts

@@ -0,0 +1,52 @@
+import * as react_jsx_runtime8 from "react/jsx-runtime";
+
+//#region src/client/views/pages/dashboard-page.d.ts
+declare namespace dashboard_page_d_exports {
+  export { DashboardPage, DashboardPageProps, DashboardPage as default };
+}
+/**
+ * Dashboard Page
+ *
+ * Default dashboard page that renders the DashboardGrid component
+ * based on the admin configuration.
+ */
+interface DashboardPageProps {
+  /**
+   * Override dashboard title
+   */
+  title?: string;
+  /**
+   * Override dashboard description
+   */
+  description?: string;
+  /**
+   * Additional CSS class
+   */
+  className?: string;
+}
+/**
+ * Default dashboard page component.
+ *
+ * Reads dashboard configuration from AdminProvider and renders DashboardGrid.
+ *
+ * @example
+ * ```tsx
+ * // In your admin config
+ * const admin = qa<AppCMS>()
+ *   .use(coreAdminModule)
+ *   .dashboard({
+ *     title: "Welcome",
+ *     widgets: [
+ *       { type: "stats", collection: "posts" },
+ *     ],
+ *   })
+ * ```
+ */
+declare function DashboardPage({
+  title,
+  description,
+  className
+}: DashboardPageProps): react_jsx_runtime8.JSX.Element;
+//#endregion
+export { DashboardPage, DashboardPageProps, dashboard_page_d_exports };
+//# sourceMappingURL=dashboard-page.d.mts.map

package/dist/client/views/pages/dashboard-page.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-page.d.mts","names":[],"sources":["../../../../src/client/views/pages/dashboard-page.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;UAiBiB,kBAAA;;;AAAjB;EAmCgB,KAAA,CAAA,EAAA,MAAA;EACd;;;EAGC,WAAA,CAAA,EAAA,MAAA;EAAkB;;;;;;;;;;;;;;;;;;;;;;;iBAJL,aAAA;;;;GAIb,qBAAkB,kBAAA,CAAA,GAAA,CAAA"}

package/dist/client/views/pages/dashboard-page.mjs

@@ -0,0 +1,45 @@
+import { selectBasePath, selectNavigate, useAdminStore } from "../../runtime/provider.mjs";
+import { useAdminConfig } from "../../hooks/use-admin-config.mjs";
+import { DashboardGrid } from "../dashboard/dashboard-grid.mjs";
+import "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/client/views/pages/dashboard-page.tsx
+/**
+* Default dashboard page component.
+*
+* Reads dashboard configuration from AdminProvider and renders DashboardGrid.
+*
+* @example
+* ```tsx
+* // In your admin config
+* const admin = qa<AppCMS>()
+*   .use(coreAdminModule)
+*   .dashboard({
+*     title: "Welcome",
+*     widgets: [
+*       { type: "stats", collection: "posts" },
+*     ],
+*   })
+* ```
+*/
+function DashboardPage({ title, description, className }) {
+	const basePath = useAdminStore(selectBasePath);
+	const navigate = useAdminStore(selectNavigate);
+	const { data: serverConfig } = useAdminConfig();
+	return /* @__PURE__ */ jsx(DashboardGrid, {
+		config: {
+			...serverConfig?.dashboard ?? {},
+			...title && { title },
+			...description && { description }
+		},
+		basePath,
+		navigate,
+		className
+	});
+}
+var dashboard_page_default = DashboardPage;
+
+//#endregion
+export { DashboardPage, dashboard_page_default as default };
+//# sourceMappingURL=dashboard-page.mjs.map

package/dist/client/views/pages/dashboard-page.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-page.mjs","names":[],"sources":["../../../../src/client/views/pages/dashboard-page.tsx"],"sourcesContent":["/**\n * Dashboard Page\n *\n * Default dashboard page that renders the DashboardGrid component\n * based on the admin configuration.\n */\n\nimport * as React from \"react\";\nimport type { DashboardConfig } from \"../../builder\";\nimport { useAdminConfig } from \"../../hooks/use-admin-config\";\nimport {\n  selectBasePath,\n  selectNavigate,\n  useAdminStore,\n} from \"../../runtime/provider\";\nimport { DashboardGrid } from \"../dashboard/dashboard-grid\";\n\nexport interface DashboardPageProps {\n  /**\n   * Override dashboard title\n   */\n  title?: string;\n\n  /**\n   * Override dashboard description\n   */\n  description?: string;\n\n  /**\n   * Additional CSS class\n   */\n  className?: string;\n}\n\n/**\n * Default dashboard page component.\n *\n * Reads dashboard configuration from AdminProvider and renders DashboardGrid.\n *\n * @example\n * ```tsx\n * // In your admin config\n * const admin = qa<AppCMS>()\n *   .use(coreAdminModule)\n *   .dashboard({\n *     title: \"Welcome\",\n *     widgets: [\n *       { type: \"stats\", collection: \"posts\" },\n *     ],\n *   })\n * ```\n */\nexport function DashboardPage({\n  title,\n  description,\n  className,\n}: DashboardPageProps) {\n  const basePath = useAdminStore(selectBasePath);\n  const navigate = useAdminStore(selectNavigate);\n  const { data: serverConfig } = useAdminConfig();\n\n  const dashboardConfig = (serverConfig?.dashboard ?? {}) as DashboardConfig;\n\n  // Merge props with config\n  const config = {\n    ...dashboardConfig,\n    ...(title && { title }),\n    ...(description && { description }),\n  };\n\n  return (\n    <DashboardGrid\n      config={config}\n      basePath={basePath}\n      navigate={navigate}\n      className={className}\n    />\n  );\n}\n\nexport default DashboardPage;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAoDA,SAAgB,cAAc,EAC5B,OACA,aACA,aACqB;CACrB,MAAM,WAAW,cAAc,eAAe;CAC9C,MAAM,WAAW,cAAc,eAAe;CAC9C,MAAM,EAAE,MAAM,iBAAiB,gBAAgB;AAW/C,QACE,oBAAC;EACC,QARW;GACb,GAJuB,cAAc,aAAa,EAAE;GAKpD,GAAI,SAAS,EAAE,OAAO;GACtB,GAAI,eAAe,EAAE,aAAa;GACnC;EAKa;EACA;EACC;GACX;;AAIN,6BAAe"}

package/dist/client/views/pages/forgot-password-page.d.mts

@@ -0,0 +1,59 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
+
+//#region src/client/views/pages/forgot-password-page.d.ts
+declare namespace forgot_password_page_d_exports {
+  export { ForgotPasswordPage, ForgotPasswordPageProps, ForgotPasswordPage as default };
+}
+interface ForgotPasswordPageProps {
+  /**
+   * Title shown on the page
+   * @default "Forgot password"
+   */
+  title?: string;
+  /**
+   * Description shown below the title
+   * @default "Enter your email to receive a password reset link"
+   */
+  description?: string;
+  /**
+   * Logo component to show above the form
+   */
+  logo?: React$1.ReactNode;
+  /**
+   * Path to login page
+   * @default "{basePath}/login"
+   */
+  loginPath?: string;
+  /**
+   * URL to redirect to after password reset (included in email)
+   * @default "{window.origin}{basePath}/reset-password"
+   */
+  resetPasswordRedirectUrl?: string;
+}
+/**
+ * Default forgot password page component.
+ *
+ * Uses authClient from AdminProvider to handle password reset requests.
+ *
+ * @example
+ * ```tsx
+ * // In your admin config
+ * const admin = qa<AppCMS>()
+ *   .use(coreAdminModule)
+ *   .pages({
+ *     forgotPassword: page("forgot-password", { component: ForgotPasswordPage })
+ *       .path("/forgot-password"),
+ *   })
+ * ```
+ */
+declare function ForgotPasswordPage({
+  title,
+  description,
+  logo,
+  loginPath,
+  resetPasswordRedirectUrl
+}: ForgotPasswordPageProps): react_jsx_runtime9.JSX.Element;
+//#endregion
+export { ForgotPasswordPage, ForgotPasswordPageProps, forgot_password_page_d_exports };
+//# sourceMappingURL=forgot-password-page.d.mts.map

package/dist/client/views/pages/forgot-password-page.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"forgot-password-page.d.mts","names":[],"sources":["../../../../src/client/views/pages/forgot-password-page.tsx"],"sourcesContent":[],"mappings":";;;;;;;UAqBiB,uBAAA;;;AAAjB;AA+CA;EACE,KAAA,CAAA,EAAA,MAAA;EACA;;;;EAIC,WAAA,CAAA,EAAA,MAAA;EAAuB;;;SArCjB,OAAA,CAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA+BC,kBAAA;;;;;;GAMb,0BAAuB,kBAAA,CAAA,GAAA,CAAA"}

package/dist/client/views/pages/forgot-password-page.mjs

@@ -0,0 +1,80 @@
+import { selectBasePath, selectBrandName, selectNavigate, useAdminStore } from "../../runtime/provider.mjs";
+import { useAuthClient } from "../../hooks/use-auth.mjs";
+import { AuthLayout } from "../auth/auth-layout.mjs";
+import { ForgotPasswordForm } from "../auth/forgot-password-form.mjs";
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/client/views/pages/forgot-password-page.tsx
+/**
+* Forgot Password Page
+*
+* Default forgot password page that uses AuthLayout and ForgotPasswordForm.
+* Integrates with authClient from AdminProvider context.
+*/
+/**
+* Default forgot password page component.
+*
+* Uses authClient from AdminProvider to handle password reset requests.
+*
+* @example
+* ```tsx
+* // In your admin config
+* const admin = qa<AppCMS>()
+*   .use(coreAdminModule)
+*   .pages({
+*     forgotPassword: page("forgot-password", { component: ForgotPasswordPage })
+*       .path("/forgot-password"),
+*   })
+* ```
+*/
+function ForgotPasswordPage({ title = "Forgot password", description = "Enter your email to receive a password reset link", logo, loginPath, resetPasswordRedirectUrl }) {
+	const authClient = useAuthClient();
+	const navigate = useAdminStore(selectNavigate);
+	const basePath = useAdminStore(selectBasePath);
+	const brandName = useAdminStore(selectBrandName);
+	const [error, setError] = React$1.useState(null);
+	const handleSubmit = async (values) => {
+		setError(null);
+		try {
+			const redirectUrl = resetPasswordRedirectUrl ?? `${typeof window !== "undefined" ? window.location.origin : ""}${basePath}/reset-password`;
+			const result = await authClient.forgetPassword({
+				email: values.email,
+				redirectTo: redirectUrl
+			});
+			if (result.error) {
+				setError(result.error.message || "Failed to send reset email");
+				return;
+			}
+		} catch (err) {
+			setError(err instanceof Error ? err.message : "An error occurred");
+		}
+	};
+	const handleBackToLoginClick = () => {
+		navigate(loginPath ?? `${basePath}/login`);
+	};
+	return /* @__PURE__ */ jsx(AuthLayout, {
+		title,
+		description,
+		logo: logo ?? /* @__PURE__ */ jsx(DefaultLogo, { brandName }),
+		children: /* @__PURE__ */ jsx(ForgotPasswordForm, {
+			onSubmit: handleSubmit,
+			onBackToLoginClick: handleBackToLoginClick,
+			error
+		})
+	});
+}
+function DefaultLogo({ brandName }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "text-center",
+		children: /* @__PURE__ */ jsx("h1", {
+			className: "text-xl font-bold",
+			children: brandName
+		})
+	});
+}
+var forgot_password_page_default = ForgotPasswordPage;
+
+//#endregion
+export { ForgotPasswordPage, forgot_password_page_default as default };
+//# sourceMappingURL=forgot-password-page.mjs.map

package/dist/client/views/pages/forgot-password-page.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"forgot-password-page.mjs","names":["React"],"sources":["../../../../src/client/views/pages/forgot-password-page.tsx"],"sourcesContent":["/**\n * Forgot Password Page\n *\n * Default forgot password page that uses AuthLayout and ForgotPasswordForm.\n * Integrates with authClient from AdminProvider context.\n */\n\nimport * as React from \"react\";\nimport { useAuthClient } from \"../../hooks/use-auth\";\nimport {\n  selectBasePath,\n  selectBrandName,\n  selectNavigate,\n  useAdminStore,\n} from \"../../runtime/provider\";\nimport { AuthLayout } from \"../auth/auth-layout\";\nimport {\n  ForgotPasswordForm,\n  type ForgotPasswordFormValues,\n} from \"../auth/forgot-password-form\";\n\nexport interface ForgotPasswordPageProps {\n  /**\n   * Title shown on the page\n   * @default \"Forgot password\"\n   */\n  title?: string;\n\n  /**\n   * Description shown below the title\n   * @default \"Enter your email to receive a password reset link\"\n   */\n  description?: string;\n\n  /**\n   * Logo component to show above the form\n   */\n  logo?: React.ReactNode;\n\n  /**\n   * Path to login page\n   * @default \"{basePath}/login\"\n   */\n  loginPath?: string;\n\n  /**\n   * URL to redirect to after password reset (included in email)\n   * @default \"{window.origin}{basePath}/reset-password\"\n   */\n  resetPasswordRedirectUrl?: string;\n}\n\n/**\n * Default forgot password page component.\n *\n * Uses authClient from AdminProvider to handle password reset requests.\n *\n * @example\n * ```tsx\n * // In your admin config\n * const admin = qa<AppCMS>()\n *   .use(coreAdminModule)\n *   .pages({\n *     forgotPassword: page(\"forgot-password\", { component: ForgotPasswordPage })\n *       .path(\"/forgot-password\"),\n *   })\n * ```\n */\nexport function ForgotPasswordPage({\n  title = \"Forgot password\",\n  description = \"Enter your email to receive a password reset link\",\n  logo,\n  loginPath,\n  resetPasswordRedirectUrl,\n}: ForgotPasswordPageProps) {\n  const authClient = useAuthClient();\n  const navigate = useAdminStore(selectNavigate);\n  const basePath = useAdminStore(selectBasePath);\n  const brandName = useAdminStore(selectBrandName);\n\n  const [error, setError] = React.useState<string | null>(null);\n\n  const handleSubmit = async (values: ForgotPasswordFormValues) => {\n    setError(null);\n\n    try {\n      const redirectUrl =\n        resetPasswordRedirectUrl ??\n        `${typeof window !== \"undefined\" ? window.location.origin : \"\"}${basePath}/reset-password`;\n\n      const result = await authClient.forgetPassword({\n        email: values.email,\n        redirectTo: redirectUrl,\n      });\n\n      if (result.error) {\n        setError(result.error.message || \"Failed to send reset email\");\n        return;\n      }\n\n      // Success is handled by the form (shows success message)\n    } catch (err) {\n      setError(err instanceof Error ? err.message : \"An error occurred\");\n    }\n  };\n\n  const handleBackToLoginClick = () => {\n    navigate(loginPath ?? `${basePath}/login`);\n  };\n\n  return (\n    <AuthLayout\n      title={title}\n      description={description}\n      logo={logo ?? <DefaultLogo brandName={brandName} />}\n    >\n      <ForgotPasswordForm\n        onSubmit={handleSubmit}\n        onBackToLoginClick={handleBackToLoginClick}\n        error={error}\n      />\n    </AuthLayout>\n  );\n}\n\nfunction DefaultLogo({ brandName }: { brandName: string }) {\n  return (\n    <div className=\"text-center\">\n      <h1 className=\"text-xl font-bold\">{brandName}</h1>\n    </div>\n  );\n}\n\nexport default ForgotPasswordPage;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoEA,SAAgB,mBAAmB,EACjC,QAAQ,mBACR,cAAc,qDACd,MACA,WACA,4BAC0B;CAC1B,MAAM,aAAa,eAAe;CAClC,MAAM,WAAW,cAAc,eAAe;CAC9C,MAAM,WAAW,cAAc,eAAe;CAC9C,MAAM,YAAY,cAAc,gBAAgB;CAEhD,MAAM,CAAC,OAAO,YAAYA,QAAM,SAAwB,KAAK;CAE7D,MAAM,eAAe,OAAO,WAAqC;AAC/D,WAAS,KAAK;AAEd,MAAI;GACF,MAAM,cACJ,4BACA,GAAG,OAAO,WAAW,cAAc,OAAO,SAAS,SAAS,KAAK,SAAS;GAE5E,MAAM,SAAS,MAAM,WAAW,eAAe;IAC7C,OAAO,OAAO;IACd,YAAY;IACb,CAAC;AAEF,OAAI,OAAO,OAAO;AAChB,aAAS,OAAO,MAAM,WAAW,6BAA6B;AAC9D;;WAIK,KAAK;AACZ,YAAS,eAAe,QAAQ,IAAI,UAAU,oBAAoB;;;CAItE,MAAM,+BAA+B;AACnC,WAAS,aAAa,GAAG,SAAS,QAAQ;;AAG5C,QACE,oBAAC;EACQ;EACM;EACb,MAAM,QAAQ,oBAAC,eAAuB,YAAa;YAEnD,oBAAC;GACC,UAAU;GACV,oBAAoB;GACb;IACP;GACS;;AAIjB,SAAS,YAAY,EAAE,aAAoC;AACzD,QACE,oBAAC;EAAI,WAAU;YACb,oBAAC;GAAG,WAAU;aAAqB;IAAe;GAC9C;;AAIV,mCAAe"}