@questpie/admin 1.1.1 → 2.0.0

package/dist/client/views/auth/forgot-password-form.d.mts

@@ -0,0 +1,59 @@
+import * as react_jsx_runtime3 from "react/jsx-runtime";
+
+//#region src/client/views/auth/forgot-password-form.d.ts
+/**
+ * Forgot Password Form - request password reset email
+ */
+type ForgotPasswordFormValues = {
+  email: string;
+};
+type ForgotPasswordFormProps = {
+  /** Called when form is submitted with valid data */
+  onSubmit: (values: ForgotPasswordFormValues) => Promise<void>;
+  /** Called when back to login link is clicked */
+  onBackToLoginClick?: () => void;
+  /** Default values */
+  defaultValues?: Partial<ForgotPasswordFormValues>;
+  /** Additional class name */
+  className?: string;
+  /** Error message from auth */
+  error?: string | null;
+};
+/**
+ * Forgot password form with email field
+ *
+ * @example
+ * ```tsx
+ * const authClient = createAdminAuthClient<typeof cms>({ baseURL: '...' })
+ *
+ * function ForgotPasswordPage() {
+ *   const [error, setError] = useState<string | null>(null)
+ *
+ *   const handleSubmit = async (values: ForgotPasswordFormValues) => {
+ *     const result = await authClient.forgetPassword({
+ *       email: values.email,
+ *       redirectTo: '/reset-password',
+ *     })
+ *     if (result.error) {
+ *       setError(result.error.message)
+ *     }
+ *   }
+ *
+ *   return (
+ *     <AuthLayout title="Forgot password">
+ *       <ForgotPasswordForm onSubmit={handleSubmit} error={error} />
+ *     </AuthLayout>
+ *   )
+ * }
+ * ```
+ */
+declare function ForgotPasswordForm({
+  onSubmit,
+  onBackToLoginClick,
+  defaultValues,
+  className,
+  error
+}: ForgotPasswordFormProps): react_jsx_runtime3.JSX.Element;
+//#endregion
+export { ForgotPasswordForm, ForgotPasswordFormProps, ForgotPasswordFormValues };
+//# sourceMappingURL=forgot-password-form.d.mts.map

package/dist/client/views/auth/forgot-password-form.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"forgot-password-form.d.mts","names":[],"sources":["../../../../src/client/views/auth/forgot-password-form.tsx"],"sourcesContent":[],"mappings":";;;;;;AAmBY,KAAA,wBAAA,GAAwB;EAIxB,KAAA,EAAA,MAAA;CAES;AAA6B,KAFtC,uBAAA,GAEsC;EAIxB;EAAR,QAAA,EAAA,CAAA,MAAA,EAJG,wBAIH,EAAA,GAJgC,OAIhC,CAAA,IAAA,CAAA;EAAO;EAmCT,kBAAA,CAAA,EAAkB,GAAA,GAAA,IAAA;EAChC;EACA,aAAA,CAAA,EArCgB,OAqChB,CArCwB,wBAqCxB,CAAA;EACA;EACA,SAAA,CAAA,EAAA,MAAA;EACA;EACC,KAAA,CAAA,EAAA,MAAA,GAAA,IAAA;CAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBANV,kBAAA;;;;;;GAMb,0BAAuB,kBAAA,CAAA,GAAA,CAAA"}

package/dist/{forgot-password-page-Bcp-An4Y.mjs → client/views/auth/forgot-password-form.mjs}

@@ -1,7 +1,9 @@
-import { a as selectBasePath, f as useAdminStore, g as cn, h as Button, l as selectNavigate, o as selectBrandName } from "./content-locales-provider-BXvuIgfg.mjs";
-import { a as FieldContent, c as FieldGroup, f as Input, i as Field, l as FieldLabel, n as Alert, r as AlertDescription, s as FieldError, t as AuthLayout } from "./auth-layout-M8K8_q5R.mjs";
-import { n as useAuthClient } from "./use-auth-BoLmWtmU.mjs";
-import { CheckCircle, Envelope, SpinnerGap, WarningCircle } from "@phosphor-icons/react";
+import { cn } from "../../lib/utils.mjs";
+import { Button } from "../../components/ui/button.mjs";
+import { Input } from "../../components/ui/input.mjs";
+import { Field, FieldContent, FieldError, FieldGroup, FieldLabel } from "../../components/ui/field.mjs";
+import { Alert, AlertDescription } from "../../components/ui/alert.mjs";
+import { Icon } from "@iconify/react";
 import * as React$1 from "react";
 import { useForm } from "react-hook-form";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -45,17 +47,19 @@ function ForgotPasswordForm({ onSubmit, onBackToLoginClick, defaultValues, class
 		...defaultValues
 	} });
 	const handleFormSubmit = handleSubmit(async (values) => {
-		await onSubmit(values);
-		if (!error) setIsSuccess(true);
+		try {
+			await onSubmit(values);
+			setIsSuccess(true);
+		} catch {}
 	});
 	if (isSuccess) return /* @__PURE__ */ jsxs("div", {
 		className: cn("space-y-4 text-center", className),
 		children: [
 			/* @__PURE__ */ jsx("div", {
 				className: "bg-primary/10 mx-auto flex size-12 items-center justify-center",
-				children: /* @__PURE__ */ jsx(CheckCircle, {
-					className: "text-primary size-6",
-					weight: "duotone"
+				children: /* @__PURE__ */ jsx(Icon, {
+					icon: "ph:check-circle-duotone",
+					className: "text-primary size-6"
 				})
 			}),
 			/* @__PURE__ */ jsxs("div", {
@@ -92,9 +96,9 @@ function ForgotPasswordForm({ onSubmit, onBackToLoginClick, defaultValues, class
 					children: "Email"
 				}), /* @__PURE__ */ jsxs(FieldContent, { children: [/* @__PURE__ */ jsxs("div", {
 					className: "relative",
-					children: [/* @__PURE__ */ jsx(Envelope, {
-						className: "text-muted-foreground absolute left-2 top-1/2 size-4 -translate-y-1/2",
-						weight: "duotone"
+					children: [/* @__PURE__ */ jsx(Icon, {
+						icon: "ph:envelope-duotone",
+						className: "text-muted-foreground absolute left-2 top-1/2 size-4 -translate-y-1/2"
 					}), /* @__PURE__ */ jsx(Input, {
 						id: "email",
 						type: "email",
@@ -114,16 +118,16 @@ function ForgotPasswordForm({ onSubmit, onBackToLoginClick, defaultValues, class
 			}) }),
 			error && /* @__PURE__ */ jsxs(Alert, {
 				variant: "destructive",
-				children: [/* @__PURE__ */ jsx(WarningCircle, {}), /* @__PURE__ */ jsx(AlertDescription, { children: error })]
+				children: [/* @__PURE__ */ jsx(Icon, { icon: "ph:warning-circle" }), /* @__PURE__ */ jsx(AlertDescription, { children: error })]
 			}),
 			/* @__PURE__ */ jsx(Button, {
 				type: "submit",
 				className: "w-full",
 				size: "lg",
 				disabled: isSubmitting,
-				children: isSubmitting ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(SpinnerGap, {
-					className: "animate-spin",
-					weight: "bold"
+				children: isSubmitting ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Icon, {
+					icon: "ph:spinner-gap-bold",
+					className: "animate-spin"
 				}), "Sending..."] }) : "Send reset link"
 			}),
 			/* @__PURE__ */ jsxs("p", {
@@ -146,76 +150,5 @@ function ForgotPasswordForm({ onSubmit, onBackToLoginClick, defaultValues, class
 }
 
 //#endregion
-//#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 { forgot_password_page_default as n, ForgotPasswordForm as r, ForgotPasswordPage as t };
-//# sourceMappingURL=forgot-password-page-Bcp-An4Y.mjs.map
+export { ForgotPasswordForm };
+//# sourceMappingURL=forgot-password-form.mjs.map

package/dist/client/views/auth/forgot-password-form.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"forgot-password-form.mjs","names":["React"],"sources":["../../../../src/client/views/auth/forgot-password-form.tsx"],"sourcesContent":["/**\n * Forgot Password Form - request password reset email\n */\n\nimport { Icon } from \"@iconify/react\";\nimport * as React from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport { Alert, AlertDescription } from \"../../components/ui/alert\";\nimport { Button } from \"../../components/ui/button\";\nimport {\n  Field,\n  FieldContent,\n  FieldError,\n  FieldGroup,\n  FieldLabel,\n} from \"../../components/ui/field\";\nimport { Input } from \"../../components/ui/input\";\nimport { cn } from \"../../lib/utils\";\n\nexport type ForgotPasswordFormValues = {\n  email: string;\n};\n\nexport type ForgotPasswordFormProps = {\n  /** Called when form is submitted with valid data */\n  onSubmit: (values: ForgotPasswordFormValues) => Promise<void>;\n  /** Called when back to login link is clicked */\n  onBackToLoginClick?: () => void;\n  /** Default values */\n  defaultValues?: Partial<ForgotPasswordFormValues>;\n  /** Additional class name */\n  className?: string;\n  /** Error message from auth */\n  error?: string | null;\n};\n\n/**\n * Forgot password form with email field\n *\n * @example\n * ```tsx\n * const authClient = createAdminAuthClient<typeof cms>({ baseURL: '...' })\n *\n * function ForgotPasswordPage() {\n *   const [error, setError] = useState<string | null>(null)\n *\n *   const handleSubmit = async (values: ForgotPasswordFormValues) => {\n *     const result = await authClient.forgetPassword({\n *       email: values.email,\n *       redirectTo: '/reset-password',\n *     })\n *     if (result.error) {\n *       setError(result.error.message)\n *     }\n *   }\n *\n *   return (\n *     <AuthLayout title=\"Forgot password\">\n *       <ForgotPasswordForm onSubmit={handleSubmit} error={error} />\n *     </AuthLayout>\n *   )\n * }\n * ```\n */\nexport function ForgotPasswordForm({\n  onSubmit,\n  onBackToLoginClick,\n  defaultValues,\n  className,\n  error,\n}: ForgotPasswordFormProps) {\n  const [isSuccess, setIsSuccess] = React.useState(false);\n\n  const {\n    register,\n    handleSubmit,\n    formState: { errors, isSubmitting },\n  } = useForm<ForgotPasswordFormValues>({\n    defaultValues: {\n      email: \"\",\n      ...defaultValues,\n    },\n  });\n\n  const handleFormSubmit = handleSubmit(async (values) => {\n    try {\n      await onSubmit(values);\n      // Only set success if no error was thrown\n      // The parent component should throw or not set error prop before this resolves\n      setIsSuccess(true);\n    } catch {\n      // Error will be shown via the error prop from parent\n      // Do not set success state on error\n    }\n  });\n\n  // Success state\n  if (isSuccess) {\n    return (\n      <div className={cn(\"space-y-4 text-center\", className)}>\n        <div className=\"bg-primary/10 mx-auto flex size-12 items-center justify-center\">\n          <Icon\n            icon=\"ph:check-circle-duotone\"\n            className=\"text-primary size-6\"\n          />\n        </div>\n        <div className=\"space-y-2\">\n          <h3 className=\"text-sm font-medium\">Check your email</h3>\n          <p className=\"text-muted-foreground text-xs\">\n            We've sent a password reset link to your email address. Please check\n            your inbox and follow the instructions.\n          </p>\n        </div>\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          className=\"w-full\"\n          onClick={onBackToLoginClick}\n        >\n          Back to login\n        </Button>\n      </div>\n    );\n  }\n\n  return (\n    <form onSubmit={handleFormSubmit} className={cn(\"space-y-4\", className)}>\n      <p className=\"text-muted-foreground text-xs\">\n        Enter your email address and we'll send you a link to reset your\n        password.\n      </p>\n\n      <FieldGroup>\n        {/* Email Field */}\n        <Field data-invalid={!!errors.email}>\n          <FieldLabel htmlFor=\"email\">Email</FieldLabel>\n          <FieldContent>\n            <div className=\"relative\">\n              <Icon\n                icon=\"ph:envelope-duotone\"\n                className=\"text-muted-foreground absolute left-2 top-1/2 size-4 -translate-y-1/2\"\n              />\n              <Input\n                id=\"email\"\n                type=\"email\"\n                placeholder=\"you@example.com\"\n                className=\"pl-8\"\n                autoComplete=\"email\"\n                aria-invalid={!!errors.email}\n                {...register(\"email\", {\n                  required: \"Email is required\",\n                  pattern: {\n                    value: /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/,\n                    message: \"Invalid email address\",\n                  },\n                })}\n              />\n            </div>\n            <FieldError>{errors.email?.message}</FieldError>\n          </FieldContent>\n        </Field>\n      </FieldGroup>\n\n      {/* Error Message */}\n      {error && (\n        <Alert variant=\"destructive\">\n          <Icon icon=\"ph:warning-circle\" />\n          <AlertDescription>{error}</AlertDescription>\n        </Alert>\n      )}\n\n      {/* Submit Button */}\n      <Button\n        type=\"submit\"\n        className=\"w-full\"\n        size=\"lg\"\n        disabled={isSubmitting}\n      >\n        {isSubmitting ? (\n          <>\n            <Icon icon=\"ph:spinner-gap-bold\" className=\"animate-spin\" />\n            Sending...\n          </>\n        ) : (\n          \"Send reset link\"\n        )}\n      </Button>\n\n      {/* Back to Login Link */}\n      <p className=\"text-muted-foreground text-center text-xs\">\n        Remember your password?{\" \"}\n        <Button\n          type=\"button\"\n          variant=\"link\"\n          size=\"sm\"\n          onClick={onBackToLoginClick}\n          className=\"h-auto p-0 text-xs\"\n        >\n          Back to login\n        </Button>\n      </p>\n    </form>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgEA,SAAgB,mBAAmB,EACjC,UACA,oBACA,eACA,WACA,SAC0B;CAC1B,MAAM,CAAC,WAAW,gBAAgBA,QAAM,SAAS,MAAM;CAEvD,MAAM,EACJ,UACA,cACA,WAAW,EAAE,QAAQ,mBACnB,QAAkC,EACpC,eAAe;EACb,OAAO;EACP,GAAG;EACJ,EACF,CAAC;CAEF,MAAM,mBAAmB,aAAa,OAAO,WAAW;AACtD,MAAI;AACF,SAAM,SAAS,OAAO;AAGtB,gBAAa,KAAK;UACZ;GAIR;AAGF,KAAI,UACF,QACE,qBAAC;EAAI,WAAW,GAAG,yBAAyB,UAAU;;GACpD,oBAAC;IAAI,WAAU;cACb,oBAAC;KACC,MAAK;KACL,WAAU;MACV;KACE;GACN,qBAAC;IAAI,WAAU;eACb,oBAAC;KAAG,WAAU;eAAsB;MAAqB,EACzD,oBAAC;KAAE,WAAU;eAAgC;MAGzC;KACA;GACN,oBAAC;IACC,MAAK;IACL,SAAQ;IACR,WAAU;IACV,SAAS;cACV;KAEQ;;GACL;AAIV,QACE,qBAAC;EAAK,UAAU;EAAkB,WAAW,GAAG,aAAa,UAAU;;GACrE,oBAAC;IAAE,WAAU;cAAgC;KAGzC;GAEJ,oBAAC,wBAEC,qBAAC;IAAM,gBAAc,CAAC,CAAC,OAAO;eAC5B,oBAAC;KAAW,SAAQ;eAAQ;MAAkB,EAC9C,qBAAC,2BACC,qBAAC;KAAI,WAAU;gBACb,oBAAC;MACC,MAAK;MACL,WAAU;OACV,EACF,oBAAC;MACC,IAAG;MACH,MAAK;MACL,aAAY;MACZ,WAAU;MACV,cAAa;MACb,gBAAc,CAAC,CAAC,OAAO;MACvB,GAAI,SAAS,SAAS;OACpB,UAAU;OACV,SAAS;QACP,OAAO;QACP,SAAS;QACV;OACF,CAAC;OACF;MACE,EACN,oBAAC,wBAAY,OAAO,OAAO,UAAqB,IACnC;KACT,GACG;GAGZ,SACC,qBAAC;IAAM,SAAQ;eACb,oBAAC,QAAK,MAAK,sBAAsB,EACjC,oBAAC,8BAAkB,QAAyB;KACtC;GAIV,oBAAC;IACC,MAAK;IACL,WAAU;IACV,MAAK;IACL,UAAU;cAET,eACC,4CACE,oBAAC;KAAK,MAAK;KAAsB,WAAU;MAAiB,kBAE3D,GAEH;KAEK;GAGT,qBAAC;IAAE,WAAU;;KAA4C;KAC/B;KACxB,oBAAC;MACC,MAAK;MACL,SAAQ;MACR,MAAK;MACL,SAAS;MACT,WAAU;gBACX;OAEQ;;KACP;;GACC"}

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

@@ -0,0 +1,7 @@
+import { AuthLayout, AuthLayoutProps } from "./auth-layout.mjs";
+import { LoginForm, LoginFormProps, LoginFormValues } from "./login-form.mjs";
+import { ForgotPasswordForm, ForgotPasswordFormProps, ForgotPasswordFormValues } from "./forgot-password-form.mjs";
+import { ResetPasswordForm, ResetPasswordFormProps, ResetPasswordFormValues } from "./reset-password-form.mjs";
+import "./invite-form.mjs";
+import { AcceptInviteForm, AcceptInviteFormProps, AcceptInviteFormValues } from "./accept-invite-form.mjs";
+import { SetupForm, SetupFormProps, SetupFormValues } from "./setup-form.mjs";

package/dist/client/views/auth/invite-form.d.mts

@@ -0,0 +1 @@
+import "react/jsx-runtime";

package/dist/client/views/auth/invite-form.mjs

@@ -0,0 +1,155 @@
+import { useResolveText } from "../../i18n/hooks.mjs";
+import { cn } from "../../lib/utils.mjs";
+import { Button } from "../../components/ui/button.mjs";
+import { Input } from "../../components/ui/input.mjs";
+import { Textarea } from "../../components/ui/textarea.mjs";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../components/ui/select.mjs";
+import { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel } from "../../components/ui/field.mjs";
+import { Alert, AlertDescription } from "../../components/ui/alert.mjs";
+import { Icon } from "@iconify/react";
+import "react";
+import { useForm } from "react-hook-form";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/client/views/auth/invite-form.tsx
+/**
+* Invite Form - invite new users to the admin
+*/
+/**
+* Invite form for admins to invite new users
+*
+* @example
+* ```tsx
+* function InvitePage() {
+*   const authClient = useAuthClient()
+*   const [error, setError] = useState<string | null>(null)
+*   const [success, setSuccess] = useState<string | null>(null)
+*
+*   const handleInvite = async (values: InviteFormValues) => {
+*     const result = await authClient.admin.createInvitation({
+*       email: values.email,
+*       role: values.role,
+*     })
+*     if (result.error) {
+*       setError(result.error.message)
+*     } else {
+*       setSuccess(`Invitation sent to ${values.email}`)
+*     }
+*   }
+*
+*   return (
+*     <InviteForm
+*       onSubmit={handleInvite}
+*       error={error}
+*       success={success}
+*     />
+*   )
+* }
+* ```
+*/
+function InviteForm({ onSubmit, roles = [{
+	value: "admin",
+	label: "Admin"
+}, {
+	value: "user",
+	label: "User"
+}], defaultRole = "user", showMessage = true, className, error, success }) {
+	const { register, handleSubmit, setValue, watch, reset, formState: { errors, isSubmitting } } = useForm({ defaultValues: {
+		email: "",
+		role: defaultRole,
+		message: ""
+	} });
+	const selectedRole = watch("role");
+	const resolveText = useResolveText();
+	return /* @__PURE__ */ jsxs("form", {
+		onSubmit: handleSubmit(async (values) => {
+			await onSubmit(values);
+			if (!error) reset();
+		}),
+		className: cn("space-y-4", className),
+		children: [
+			/* @__PURE__ */ jsxs(FieldGroup, { children: [
+				/* @__PURE__ */ jsxs(Field, {
+					"data-invalid": !!errors.email,
+					children: [/* @__PURE__ */ jsx(FieldLabel, {
+						htmlFor: "invite-email",
+						children: "Email Address"
+					}), /* @__PURE__ */ jsxs(FieldContent, { children: [
+						/* @__PURE__ */ jsxs("div", {
+							className: "relative",
+							children: [/* @__PURE__ */ jsx(Icon, {
+								icon: "ph:envelope-duotone",
+								className: "text-muted-foreground absolute left-2 top-1/2 size-4 -translate-y-1/2"
+							}), /* @__PURE__ */ jsx(Input, {
+								id: "invite-email",
+								type: "email",
+								placeholder: "user@example.com",
+								className: "pl-8",
+								autoComplete: "email",
+								"aria-invalid": !!errors.email,
+								...register("email", {
+									required: "Email is required",
+									pattern: {
+										value: /^[^\s@]+@[^\s@]+\.[^\s@]+$/,
+										message: "Invalid email address"
+									}
+								})
+							})]
+						}),
+						/* @__PURE__ */ jsx(FieldDescription, { children: "An invitation link will be sent to this email" }),
+						/* @__PURE__ */ jsx(FieldError, { children: errors.email?.message })
+					] })]
+				}),
+				/* @__PURE__ */ jsxs(Field, {
+					"data-invalid": !!errors.role,
+					children: [/* @__PURE__ */ jsx(FieldLabel, {
+						htmlFor: "invite-role",
+						children: "Role"
+					}), /* @__PURE__ */ jsxs(FieldContent, { children: [
+						/* @__PURE__ */ jsxs(Select, {
+							value: selectedRole,
+							onValueChange: (value) => value && setValue("role", value),
+							children: [/* @__PURE__ */ jsx(SelectTrigger, {
+								id: "invite-role",
+								children: /* @__PURE__ */ jsx(SelectValue, { children: roles.find((r) => r.value === selectedRole)?.label ? resolveText(roles.find((r) => r.value === selectedRole)?.label) : "Select a role" })
+							}), /* @__PURE__ */ jsx(SelectContent, { children: roles.map((role) => /* @__PURE__ */ jsx(SelectItem, {
+								value: role.value,
+								children: resolveText(role.label)
+							}, role.value)) })]
+						}),
+						/* @__PURE__ */ jsx(FieldDescription, { children: "The role determines what permissions the user will have" }),
+						/* @__PURE__ */ jsx(FieldError, { children: errors.role?.message })
+					] })]
+				}),
+				showMessage && /* @__PURE__ */ jsxs(Field, { children: [/* @__PURE__ */ jsx(FieldLabel, {
+					htmlFor: "invite-message",
+					children: "Personal Message (Optional)"
+				}), /* @__PURE__ */ jsxs(FieldContent, { children: [/* @__PURE__ */ jsx(Textarea, {
+					id: "invite-message",
+					placeholder: "Add a personal message to the invitation...",
+					rows: 3,
+					...register("message")
+				}), /* @__PURE__ */ jsx(FieldDescription, { children: "This message will be included in the invitation email" })] })] })
+			] }),
+			error && /* @__PURE__ */ jsxs(Alert, {
+				variant: "destructive",
+				children: [/* @__PURE__ */ jsx(Icon, { icon: "ph:warning-circle" }), /* @__PURE__ */ jsx(AlertDescription, { children: error })]
+			}),
+			success && /* @__PURE__ */ jsxs(Alert, { children: [/* @__PURE__ */ jsx(Icon, { icon: "ph:user-plus" }), /* @__PURE__ */ jsx(AlertDescription, { children: success })] }),
+			/* @__PURE__ */ jsx(Button, {
+				type: "submit",
+				className: "w-full",
+				size: "lg",
+				disabled: isSubmitting,
+				children: isSubmitting ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Icon, {
+					icon: "ph:spinner-gap-bold",
+					className: "animate-spin"
+				}), "Sending invitation..."] }) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Icon, { icon: "ph:user-plus-bold" }), "Send Invitation"] })
+			})
+		]
+	});
+}
+
+//#endregion
+export { InviteForm };
+//# sourceMappingURL=invite-form.mjs.map

package/dist/client/views/auth/invite-form.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"invite-form.mjs","names":[],"sources":["../../../../src/client/views/auth/invite-form.tsx"],"sourcesContent":["/**\n * Invite Form - invite new users to the admin\n */\n\nimport { Icon } from \"@iconify/react\";\nimport * as React from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport { Alert, AlertDescription } from \"../../components/ui/alert\";\nimport { Button } from \"../../components/ui/button\";\nimport {\n  Field,\n  FieldContent,\n  FieldDescription,\n  FieldError,\n  FieldGroup,\n  FieldLabel,\n} from \"../../components/ui/field\";\nimport { Input } from \"../../components/ui/input\";\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"../../components/ui/select\";\nimport { Textarea } from \"../../components/ui/textarea\";\nimport { useResolveText } from \"../../i18n/hooks\";\nimport { cn } from \"../../lib/utils\";\n\nexport type InviteFormValues = {\n  email: string;\n  role: string;\n  message?: string;\n};\n\nexport type InviteFormProps = {\n  /** Called when form is submitted with valid data */\n  onSubmit: (values: InviteFormValues) => Promise<void>;\n  /** Available roles for selection */\n  roles?: Array<{ value: string; label: string }>;\n  /** Default role */\n  defaultRole?: string;\n  /** Show custom message field */\n  showMessage?: boolean;\n  /** Additional class name */\n  className?: string;\n  /** Error message from auth */\n  error?: string | null;\n  /** Success message after invite sent */\n  success?: string | null;\n};\n\n/**\n * Invite form for admins to invite new users\n *\n * @example\n * ```tsx\n * function InvitePage() {\n *   const authClient = useAuthClient()\n *   const [error, setError] = useState<string | null>(null)\n *   const [success, setSuccess] = useState<string | null>(null)\n *\n *   const handleInvite = async (values: InviteFormValues) => {\n *     const result = await authClient.admin.createInvitation({\n *       email: values.email,\n *       role: values.role,\n *     })\n *     if (result.error) {\n *       setError(result.error.message)\n *     } else {\n *       setSuccess(`Invitation sent to ${values.email}`)\n *     }\n *   }\n *\n *   return (\n *     <InviteForm\n *       onSubmit={handleInvite}\n *       error={error}\n *       success={success}\n *     />\n *   )\n * }\n * ```\n */\nexport function InviteForm({\n  onSubmit,\n  roles = [\n    { value: \"admin\", label: \"Admin\" },\n    { value: \"user\", label: \"User\" },\n  ],\n  defaultRole = \"user\",\n  showMessage = true,\n  className,\n  error,\n  success,\n}: InviteFormProps) {\n  const {\n    register,\n    handleSubmit,\n    setValue,\n    watch,\n    reset,\n    formState: { errors, isSubmitting },\n  } = useForm<InviteFormValues>({\n    defaultValues: {\n      email: \"\",\n      role: defaultRole,\n      message: \"\",\n    },\n  });\n\n  const selectedRole = watch(\"role\");\n  const resolveText = useResolveText();\n\n  const handleFormSubmit = handleSubmit(async (values) => {\n    await onSubmit(values);\n    // Reset form on success\n    if (!error) {\n      reset();\n    }\n  });\n\n  return (\n    <form onSubmit={handleFormSubmit} className={cn(\"space-y-4\", className)}>\n      <FieldGroup>\n        {/* Email Field */}\n        <Field data-invalid={!!errors.email}>\n          <FieldLabel htmlFor=\"invite-email\">Email Address</FieldLabel>\n          <FieldContent>\n            <div className=\"relative\">\n              <Icon\n                icon=\"ph:envelope-duotone\"\n                className=\"text-muted-foreground absolute left-2 top-1/2 size-4 -translate-y-1/2\"\n              />\n              <Input\n                id=\"invite-email\"\n                type=\"email\"\n                placeholder=\"user@example.com\"\n                className=\"pl-8\"\n                autoComplete=\"email\"\n                aria-invalid={!!errors.email}\n                {...register(\"email\", {\n                  required: \"Email is required\",\n                  pattern: {\n                    value: /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/,\n                    message: \"Invalid email address\",\n                  },\n                })}\n              />\n            </div>\n            <FieldDescription>\n              An invitation link will be sent to this email\n            </FieldDescription>\n            <FieldError>{errors.email?.message}</FieldError>\n          </FieldContent>\n        </Field>\n\n        {/* Role Field */}\n        <Field data-invalid={!!errors.role}>\n          <FieldLabel htmlFor=\"invite-role\">Role</FieldLabel>\n          <FieldContent>\n            <Select\n              value={selectedRole}\n              onValueChange={(value) => value && setValue(\"role\", value)}\n            >\n              <SelectTrigger id=\"invite-role\">\n                <SelectValue>\n                  {roles.find((r) => r.value === selectedRole)?.label\n                    ? resolveText(\n                        roles.find((r) => r.value === selectedRole)?.label,\n                      )\n                    : \"Select a role\"}\n                </SelectValue>\n              </SelectTrigger>\n              <SelectContent>\n                {roles.map((role) => (\n                  <SelectItem key={role.value} value={role.value}>\n                    {resolveText(role.label)}\n                  </SelectItem>\n                ))}\n              </SelectContent>\n            </Select>\n            <FieldDescription>\n              The role determines what permissions the user will have\n            </FieldDescription>\n            <FieldError>{errors.role?.message}</FieldError>\n          </FieldContent>\n        </Field>\n\n        {/* Optional Message Field */}\n        {showMessage && (\n          <Field>\n            <FieldLabel htmlFor=\"invite-message\">\n              Personal Message (Optional)\n            </FieldLabel>\n            <FieldContent>\n              <Textarea\n                id=\"invite-message\"\n                placeholder=\"Add a personal message to the invitation...\"\n                rows={3}\n                {...register(\"message\")}\n              />\n              <FieldDescription>\n                This message will be included in the invitation email\n              </FieldDescription>\n            </FieldContent>\n          </Field>\n        )}\n      </FieldGroup>\n\n      {/* Error Message */}\n      {error && (\n        <Alert variant=\"destructive\">\n          <Icon icon=\"ph:warning-circle\" />\n          <AlertDescription>{error}</AlertDescription>\n        </Alert>\n      )}\n\n      {/* Success Message */}\n      {success && (\n        <Alert>\n          <Icon icon=\"ph:user-plus\" />\n          <AlertDescription>{success}</AlertDescription>\n        </Alert>\n      )}\n\n      {/* Submit Button */}\n      <Button\n        type=\"submit\"\n        className=\"w-full\"\n        size=\"lg\"\n        disabled={isSubmitting}\n      >\n        {isSubmitting ? (\n          <>\n            <Icon icon=\"ph:spinner-gap-bold\" className=\"animate-spin\" />\n            Sending invitation...\n          </>\n        ) : (\n          <>\n            <Icon icon=\"ph:user-plus-bold\" />\n            Send Invitation\n          </>\n        )}\n      </Button>\n    </form>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoFA,SAAgB,WAAW,EACzB,UACA,QAAQ,CACN;CAAE,OAAO;CAAS,OAAO;CAAS,EAClC;CAAE,OAAO;CAAQ,OAAO;CAAQ,CACjC,EACD,cAAc,QACd,cAAc,MACd,WACA,OACA,WACkB;CAClB,MAAM,EACJ,UACA,cACA,UACA,OACA,OACA,WAAW,EAAE,QAAQ,mBACnB,QAA0B,EAC5B,eAAe;EACb,OAAO;EACP,MAAM;EACN,SAAS;EACV,EACF,CAAC;CAEF,MAAM,eAAe,MAAM,OAAO;CAClC,MAAM,cAAc,gBAAgB;AAUpC,QACE,qBAAC;EAAK,UATiB,aAAa,OAAO,WAAW;AACtD,SAAM,SAAS,OAAO;AAEtB,OAAI,CAAC,MACH,QAAO;IAET;EAGkC,WAAW,GAAG,aAAa,UAAU;;GACrE,qBAAC;IAEC,qBAAC;KAAM,gBAAc,CAAC,CAAC,OAAO;gBAC5B,oBAAC;MAAW,SAAQ;gBAAe;OAA0B,EAC7D,qBAAC;MACC,qBAAC;OAAI,WAAU;kBACb,oBAAC;QACC,MAAK;QACL,WAAU;SACV,EACF,oBAAC;QACC,IAAG;QACH,MAAK;QACL,aAAY;QACZ,WAAU;QACV,cAAa;QACb,gBAAc,CAAC,CAAC,OAAO;QACvB,GAAI,SAAS,SAAS;SACpB,UAAU;SACV,SAAS;UACP,OAAO;UACP,SAAS;UACV;SACF,CAAC;SACF;QACE;MACN,oBAAC,8BAAiB,kDAEC;MACnB,oBAAC,wBAAY,OAAO,OAAO,UAAqB;SACnC;MACT;IAGR,qBAAC;KAAM,gBAAc,CAAC,CAAC,OAAO;gBAC5B,oBAAC;MAAW,SAAQ;gBAAc;OAAiB,EACnD,qBAAC;MACC,qBAAC;OACC,OAAO;OACP,gBAAgB,UAAU,SAAS,SAAS,QAAQ,MAAM;kBAE1D,oBAAC;QAAc,IAAG;kBAChB,oBAAC,yBACE,MAAM,MAAM,MAAM,EAAE,UAAU,aAAa,EAAE,QAC1C,YACE,MAAM,MAAM,MAAM,EAAE,UAAU,aAAa,EAAE,MAC9C,GACD,kBACQ;SACA,EAChB,oBAAC,2BACE,MAAM,KAAK,SACV,oBAAC;QAA4B,OAAO,KAAK;kBACtC,YAAY,KAAK,MAAM;UADT,KAAK,MAET,CACb,GACY;QACT;MACT,oBAAC,8BAAiB,4DAEC;MACnB,oBAAC,wBAAY,OAAO,MAAM,UAAqB;SAClC;MACT;IAGP,eACC,qBAAC,oBACC,oBAAC;KAAW,SAAQ;eAAiB;MAExB,EACb,qBAAC,2BACC,oBAAC;KACC,IAAG;KACH,aAAY;KACZ,MAAM;KACN,GAAI,SAAS,UAAU;MACvB,EACF,oBAAC,8BAAiB,0DAEC,IACN,IACT;OAEC;GAGZ,SACC,qBAAC;IAAM,SAAQ;eACb,oBAAC,QAAK,MAAK,sBAAsB,EACjC,oBAAC,8BAAkB,QAAyB;KACtC;GAIT,WACC,qBAAC,oBACC,oBAAC,QAAK,MAAK,iBAAiB,EAC5B,oBAAC,8BAAkB,UAA2B,IACxC;GAIV,oBAAC;IACC,MAAK;IACL,WAAU;IACV,MAAK;IACL,UAAU;cAET,eACC,4CACE,oBAAC;KAAK,MAAK;KAAsB,WAAU;MAAiB,6BAE3D,GAEH,4CACE,oBAAC,QAAK,MAAK,sBAAsB,uBAEhC;KAEE;;GACJ"}

package/dist/client/views/auth/login-form.d.mts

@@ -0,0 +1,76 @@
+import * as react_jsx_runtime4 from "react/jsx-runtime";
+
+//#region src/client/views/auth/login-form.d.ts
+/**
+ * Login Form - email/password authentication
+ */
+type LoginFormValues = {
+  email: string;
+  password: string;
+  rememberMe?: boolean;
+};
+type LoginFormProps = {
+  /** Called when form is submitted with valid data */
+  onSubmit: (values: LoginFormValues) => Promise<void>;
+  /** Called when sign up link is clicked */
+  onSignUpClick?: () => void;
+  /** Called when forgot password link is clicked */
+  onForgotPasswordClick?: () => void;
+  /** Show remember me checkbox */
+  showRememberMe?: boolean;
+  /** Show sign up link */
+  showSignUp?: boolean;
+  /** Show forgot password link */
+  showForgotPassword?: boolean;
+  /** Default values */
+  defaultValues?: Partial<LoginFormValues>;
+  /** Additional class name */
+  className?: string;
+  /** Error message from auth */
+  error?: string | null;
+  /** Minimum password length (default: 8) */
+  minPasswordLength?: number;
+};
+/**
+ * Login form with email and password fields
+ *
+ * @example
+ * ```tsx
+ * const authClient = createAdminAuthClient<typeof cms>({ baseURL: '...' })
+ *
+ * function LoginPage() {
+ *   const [error, setError] = useState<string | null>(null)
+ *
+ *   const handleLogin = async (values: LoginFormValues) => {
+ *     const result = await authClient.signIn.email({
+ *       email: values.email,
+ *       password: values.password,
+ *     })
+ *     if (result.error) {
+ *       setError(result.error.message)
+ *     }
+ *   }
+ *
+ *   return (
+ *     <AuthLayout title="Sign in">
+ *       <LoginForm onSubmit={handleLogin} error={error} />
+ *     </AuthLayout>
+ *   )
+ * }
+ * ```
+ */
+declare function LoginForm({
+  onSubmit,
+  onSignUpClick,
+  onForgotPasswordClick,
+  showRememberMe,
+  showSignUp,
+  showForgotPassword,
+  defaultValues,
+  className,
+  error,
+  minPasswordLength
+}: LoginFormProps): react_jsx_runtime4.JSX.Element;
+//#endregion
+export { LoginForm, LoginFormProps, LoginFormValues };
+//# sourceMappingURL=login-form.d.mts.map

package/dist/client/views/auth/login-form.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"login-form.d.mts","names":[],"sources":["../../../../src/client/views/auth/login-form.tsx"],"sourcesContent":[],"mappings":";;;;;;AAqBY,KAAA,eAAA,GAAe;EAMf,KAAA,EAAA,MAAA;EAES,QAAA,EAAA,MAAA;EAAoB,UAAA,CAAA,EAAA,OAAA;CAYf;AAAR,KAdN,cAAA,GAcM;EAAO;EAqCT,QAAA,EAAA,CAAA,MAAS,EAjDJ,eAiDI,EAAA,GAjDgB,OAiDhB,CAAA,IAAA,CAAA;EACvB;EACA,aAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EACA;EACA,qBAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EACA;EACA,cAAA,CAAA,EAAA,OAAA;EACA;EACA,UAAA,CAAA,EAAA,OAAA;EACA;EACA,kBAAA,CAAA,EAAA,OAAA;EACC;EAAc,aAAA,CAAA,EAhDC,OAgDD,CAhDS,eAgDT,CAAA;EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAXD,SAAA;;;;;;;;;;;GAWb,iBAAc,kBAAA,CAAA,GAAA,CAAA"}