@questpie/admin 1.1.0 → 2.0.0

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

@@ -0,0 +1,167 @@
+import { useTranslation } 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 { Field, FieldContent, 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/login-form.tsx
+/**
+* Login Form - email/password authentication
+*/
+/**
+* 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>
+*   )
+* }
+* ```
+*/
+function LoginForm({ onSubmit, onSignUpClick, onForgotPasswordClick, showRememberMe = false, showSignUp = true, showForgotPassword = true, defaultValues, className, error, minPasswordLength = 8 }) {
+	const { t } = useTranslation();
+	const { register, handleSubmit, formState: { errors, isSubmitting } } = useForm({ defaultValues: {
+		email: "",
+		password: "",
+		rememberMe: false,
+		...defaultValues
+	} });
+	return /* @__PURE__ */ jsxs("form", {
+		onSubmit: handleSubmit(async (values) => {
+			await onSubmit(values);
+		}),
+		className: cn("space-y-4", className),
+		children: [
+			/* @__PURE__ */ jsxs(FieldGroup, { children: [
+				/* @__PURE__ */ jsxs(Field, {
+					"data-invalid": !!errors.email,
+					children: [/* @__PURE__ */ jsx(FieldLabel, {
+						htmlFor: "email",
+						children: t("auth.email")
+					}), /* @__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: "email",
+							type: "email",
+							placeholder: t("auth.emailPlaceholder"),
+							className: "pl-8",
+							autoComplete: "email",
+							"aria-invalid": !!errors.email,
+							...register("email", {
+								required: t("auth.emailRequired"),
+								pattern: {
+									value: /^[^\s@]+@[^\s@]+\.[^\s@]+$/,
+									message: t("auth.invalidEmail")
+								}
+							})
+						})]
+					}), /* @__PURE__ */ jsx(FieldError, { children: errors.email?.message })] })]
+				}),
+				/* @__PURE__ */ jsxs(Field, {
+					"data-invalid": !!errors.password,
+					children: [/* @__PURE__ */ jsx(FieldLabel, {
+						htmlFor: "password",
+						children: t("auth.password")
+					}), /* @__PURE__ */ jsxs(FieldContent, { children: [/* @__PURE__ */ jsxs("div", {
+						className: "relative",
+						children: [/* @__PURE__ */ jsx(Icon, {
+							icon: "ph:lock-duotone",
+							className: "text-muted-foreground absolute left-2 top-1/2 size-4 -translate-y-1/2"
+						}), /* @__PURE__ */ jsx(Input, {
+							id: "password",
+							type: "password",
+							placeholder: t("auth.passwordPlaceholder"),
+							className: "pl-8",
+							autoComplete: "current-password",
+							"aria-invalid": !!errors.password,
+							...register("password", {
+								required: t("auth.passwordRequired"),
+								minLength: {
+									value: minPasswordLength,
+									message: t("auth.passwordMinLength", { min: minPasswordLength })
+								}
+							})
+						})]
+					}), /* @__PURE__ */ jsx(FieldError, { children: errors.password?.message })] })]
+				}),
+				(showRememberMe || showForgotPassword) && /* @__PURE__ */ jsxs("div", {
+					className: "flex items-center justify-between",
+					children: [showRememberMe && /* @__PURE__ */ jsxs("label", {
+						className: "text-muted-foreground flex items-center gap-2 text-xs",
+						children: [/* @__PURE__ */ jsx("input", {
+							type: "checkbox",
+							className: "rounded border-gray-300",
+							...register("rememberMe")
+						}), t("auth.rememberMe")]
+					}), showForgotPassword && /* @__PURE__ */ jsx(Button, {
+						type: "button",
+						variant: "link",
+						size: "sm",
+						onClick: onForgotPasswordClick,
+						className: "h-auto p-0 text-xs",
+						children: t("auth.forgotPassword")
+					})]
+				})
+			] }),
+			error && /* @__PURE__ */ jsxs(Alert, {
+				variant: "destructive",
+				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(Icon, {
+					icon: "ph:spinner-gap-bold",
+					className: "animate-spin"
+				}), t("auth.signingIn")] }) : t("auth.signIn")
+			}),
+			showSignUp && /* @__PURE__ */ jsxs("p", {
+				className: "text-muted-foreground text-center text-xs",
+				children: [
+					t("auth.dontHaveAccount"),
+					" ",
+					/* @__PURE__ */ jsx(Button, {
+						type: "button",
+						variant: "link",
+						size: "sm",
+						onClick: onSignUpClick,
+						className: "h-auto p-0 text-xs",
+						children: t("auth.signUp")
+					})
+				]
+			})
+		]
+	});
+}
+
+//#endregion
+export { LoginForm };
+//# sourceMappingURL=login-form.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"login-form.mjs","names":[],"sources":["../../../../src/client/views/auth/login-form.tsx"],"sourcesContent":["/**\n * Login Form - email/password authentication\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 { useTranslation } from \"../../i18n/hooks\";\nimport { cn } from \"../../lib/utils\";\n\nexport type LoginFormValues = {\n  email: string;\n  password: string;\n  rememberMe?: boolean;\n};\n\nexport type LoginFormProps = {\n  /** Called when form is submitted with valid data */\n  onSubmit: (values: LoginFormValues) => Promise<void>;\n  /** Called when sign up link is clicked */\n  onSignUpClick?: () => void;\n  /** Called when forgot password link is clicked */\n  onForgotPasswordClick?: () => void;\n  /** Show remember me checkbox */\n  showRememberMe?: boolean;\n  /** Show sign up link */\n  showSignUp?: boolean;\n  /** Show forgot password link */\n  showForgotPassword?: boolean;\n  /** Default values */\n  defaultValues?: Partial<LoginFormValues>;\n  /** Additional class name */\n  className?: string;\n  /** Error message from auth */\n  error?: string | null;\n  /** Minimum password length (default: 8) */\n  minPasswordLength?: number;\n};\n\n/**\n * Login form with email and password fields\n *\n * @example\n * ```tsx\n * const authClient = createAdminAuthClient<typeof cms>({ baseURL: '...' })\n *\n * function LoginPage() {\n *   const [error, setError] = useState<string | null>(null)\n *\n *   const handleLogin = async (values: LoginFormValues) => {\n *     const result = await authClient.signIn.email({\n *       email: values.email,\n *       password: values.password,\n *     })\n *     if (result.error) {\n *       setError(result.error.message)\n *     }\n *   }\n *\n *   return (\n *     <AuthLayout title=\"Sign in\">\n *       <LoginForm onSubmit={handleLogin} error={error} />\n *     </AuthLayout>\n *   )\n * }\n * ```\n */\nexport function LoginForm({\n  onSubmit,\n  onSignUpClick,\n  onForgotPasswordClick,\n  showRememberMe = false,\n  showSignUp = true,\n  showForgotPassword = true,\n  defaultValues,\n  className,\n  error,\n  minPasswordLength = 8,\n}: LoginFormProps) {\n  const { t } = useTranslation();\n  const {\n    register,\n    handleSubmit,\n    formState: { errors, isSubmitting },\n  } = useForm<LoginFormValues>({\n    defaultValues: {\n      email: \"\",\n      password: \"\",\n      rememberMe: false,\n      ...defaultValues,\n    },\n  });\n\n  const handleFormSubmit = handleSubmit(async (values) => {\n    await onSubmit(values);\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=\"email\">{t(\"auth.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={t(\"auth.emailPlaceholder\")}\n                className=\"pl-8\"\n                autoComplete=\"email\"\n                aria-invalid={!!errors.email}\n                {...register(\"email\", {\n                  required: t(\"auth.emailRequired\"),\n                  pattern: {\n                    value: /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/,\n                    message: t(\"auth.invalidEmail\"),\n                  },\n                })}\n              />\n            </div>\n            <FieldError>{errors.email?.message}</FieldError>\n          </FieldContent>\n        </Field>\n\n        {/* Password Field */}\n        <Field data-invalid={!!errors.password}>\n          <FieldLabel htmlFor=\"password\">{t(\"auth.password\")}</FieldLabel>\n          <FieldContent>\n            <div className=\"relative\">\n              <Icon\n                icon=\"ph:lock-duotone\"\n                className=\"text-muted-foreground absolute left-2 top-1/2 size-4 -translate-y-1/2\"\n              />\n              <Input\n                id=\"password\"\n                type=\"password\"\n                placeholder={t(\"auth.passwordPlaceholder\")}\n                className=\"pl-8\"\n                autoComplete=\"current-password\"\n                aria-invalid={!!errors.password}\n                {...register(\"password\", {\n                  required: t(\"auth.passwordRequired\"),\n                  minLength: {\n                    value: minPasswordLength,\n                    message: t(\"auth.passwordMinLength\", {\n                      min: minPasswordLength,\n                    }),\n                  },\n                })}\n              />\n            </div>\n            <FieldError>{errors.password?.message}</FieldError>\n          </FieldContent>\n        </Field>\n\n        {/* Remember Me & Forgot Password */}\n        {(showRememberMe || showForgotPassword) && (\n          <div className=\"flex items-center justify-between\">\n            {showRememberMe && (\n              <label className=\"text-muted-foreground flex items-center gap-2 text-xs\">\n                <input\n                  type=\"checkbox\"\n                  className=\"rounded border-gray-300\"\n                  {...register(\"rememberMe\")}\n                />\n                {t(\"auth.rememberMe\")}\n              </label>\n            )}\n            {showForgotPassword && (\n              <Button\n                type=\"button\"\n                variant=\"link\"\n                size=\"sm\"\n                onClick={onForgotPasswordClick}\n                className=\"h-auto p-0 text-xs\"\n              >\n                {t(\"auth.forgotPassword\")}\n              </Button>\n            )}\n          </div>\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      {/* 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            {t(\"auth.signingIn\")}\n          </>\n        ) : (\n          t(\"auth.signIn\")\n        )}\n      </Button>\n\n      {/* Sign Up Link */}\n      {showSignUp && (\n        <p className=\"text-muted-foreground text-center text-xs\">\n          {t(\"auth.dontHaveAccount\")}{\" \"}\n          <Button\n            type=\"button\"\n            variant=\"link\"\n            size=\"sm\"\n            onClick={onSignUpClick}\n            className=\"h-auto p-0 text-xs\"\n          >\n            {t(\"auth.signUp\")}\n          </Button>\n        </p>\n      )}\n    </form>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8EA,SAAgB,UAAU,EACxB,UACA,eACA,uBACA,iBAAiB,OACjB,aAAa,MACb,qBAAqB,MACrB,eACA,WACA,OACA,oBAAoB,KACH;CACjB,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,EACJ,UACA,cACA,WAAW,EAAE,QAAQ,mBACnB,QAAyB,EAC3B,eAAe;EACb,OAAO;EACP,UAAU;EACV,YAAY;EACZ,GAAG;EACJ,EACF,CAAC;AAMF,QACE,qBAAC;EAAK,UALiB,aAAa,OAAO,WAAW;AACtD,SAAM,SAAS,OAAO;IACtB;EAGkC,WAAW,GAAG,aAAa,UAAU;;GACrE,qBAAC;IAEC,qBAAC;KAAM,gBAAc,CAAC,CAAC,OAAO;gBAC5B,oBAAC;MAAW,SAAQ;gBAAS,EAAE,aAAa;OAAc,EAC1D,qBAAC,2BACC,qBAAC;MAAI,WAAU;iBACb,oBAAC;OACC,MAAK;OACL,WAAU;QACV,EACF,oBAAC;OACC,IAAG;OACH,MAAK;OACL,aAAa,EAAE,wBAAwB;OACvC,WAAU;OACV,cAAa;OACb,gBAAc,CAAC,CAAC,OAAO;OACvB,GAAI,SAAS,SAAS;QACpB,UAAU,EAAE,qBAAqB;QACjC,SAAS;SACP,OAAO;SACP,SAAS,EAAE,oBAAoB;SAChC;QACF,CAAC;QACF;OACE,EACN,oBAAC,wBAAY,OAAO,OAAO,UAAqB,IACnC;MACT;IAGR,qBAAC;KAAM,gBAAc,CAAC,CAAC,OAAO;gBAC5B,oBAAC;MAAW,SAAQ;gBAAY,EAAE,gBAAgB;OAAc,EAChE,qBAAC,2BACC,qBAAC;MAAI,WAAU;iBACb,oBAAC;OACC,MAAK;OACL,WAAU;QACV,EACF,oBAAC;OACC,IAAG;OACH,MAAK;OACL,aAAa,EAAE,2BAA2B;OAC1C,WAAU;OACV,cAAa;OACb,gBAAc,CAAC,CAAC,OAAO;OACvB,GAAI,SAAS,YAAY;QACvB,UAAU,EAAE,wBAAwB;QACpC,WAAW;SACT,OAAO;SACP,SAAS,EAAE,0BAA0B,EACnC,KAAK,mBACN,CAAC;SACH;QACF,CAAC;QACF;OACE,EACN,oBAAC,wBAAY,OAAO,UAAU,UAAqB,IACtC;MACT;KAGN,kBAAkB,uBAClB,qBAAC;KAAI,WAAU;gBACZ,kBACC,qBAAC;MAAM,WAAU;iBACf,oBAAC;OACC,MAAK;OACL,WAAU;OACV,GAAI,SAAS,aAAa;QAC1B,EACD,EAAE,kBAAkB;OACf,EAET,sBACC,oBAAC;MACC,MAAK;MACL,SAAQ;MACR,MAAK;MACL,SAAS;MACT,WAAU;gBAET,EAAE,sBAAsB;OAClB;MAEP;OAEG;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,EAC3D,EAAE,iBAAiB,IACnB,GAEH,EAAE,cAAc;KAEX;GAGR,cACC,qBAAC;IAAE,WAAU;;KACV,EAAE,uBAAuB;KAAE;KAC5B,oBAAC;MACC,MAAK;MACL,SAAQ;MACR,MAAK;MACL,SAAS;MACT,WAAU;gBAET,EAAE,cAAc;OACV;;KACP;;GAED"}

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

@@ -0,0 +1,66 @@
+import * as react_jsx_runtime5 from "react/jsx-runtime";
+
+//#region src/client/views/auth/reset-password-form.d.ts
+/**
+ * Reset Password Form - set new password with token
+ */
+type ResetPasswordFormValues = {
+  password: string;
+  confirmPassword: string;
+};
+type ResetPasswordFormProps = {
+  /** Reset token from URL */
+  token: string;
+  /** Called when form is submitted with valid data */
+  onSubmit: (values: ResetPasswordFormValues & {
+    token: string;
+  }) => Promise<void>;
+  /** Called when back to login link is clicked */
+  onBackToLoginClick?: () => void;
+  /** Minimum password length */
+  minPasswordLength?: number;
+  /** Additional class name */
+  className?: string;
+  /** Error message from auth */
+  error?: string | null;
+};
+/**
+ * Reset password form with password confirmation
+ *
+ * @example
+ * ```tsx
+ * const authClient = createAdminAuthClient<typeof cms>({ baseURL: '...' })
+ *
+ * function ResetPasswordPage() {
+ *   const token = useSearchParams().get('token')
+ *   const [error, setError] = useState<string | null>(null)
+ *
+ *   const handleSubmit = async (values) => {
+ *     const result = await authClient.resetPassword({
+ *       token: values.token,
+ *       newPassword: values.password,
+ *     })
+ *     if (result.error) {
+ *       setError(result.error.message)
+ *     }
+ *   }
+ *
+ *   return (
+ *     <AuthLayout title="Reset password">
+ *       <ResetPasswordForm token={token} onSubmit={handleSubmit} error={error} />
+ *     </AuthLayout>
+ *   )
+ * }
+ * ```
+ */
+declare function ResetPasswordForm({
+  token,
+  onSubmit,
+  onBackToLoginClick,
+  minPasswordLength,
+  className,
+  error
+}: ResetPasswordFormProps): react_jsx_runtime5.JSX.Element;
+//#endregion
+export { ResetPasswordForm, ResetPasswordFormProps, ResetPasswordFormValues };
+//# sourceMappingURL=reset-password-form.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"reset-password-form.d.mts","names":[],"sources":["../../../../src/client/views/auth/reset-password-form.tsx"],"sourcesContent":[],"mappings":";;;;;;AAqBY,KAAA,uBAAA,GAAuB;EAKvB,QAAA,EAAA,MAAA;EA8CI,eAAA,EAAA,MAAiB;CAC/B;AACA,KAhDU,sBAAA,GAgDV;EACA;EACA,KAAA,EAAA,MAAA;EACA;EACA,QAAA,EAAA,CAAA,MAAA,EA/CU,uBA+CV,GAAA;IACC,KAAA,EAAA,MAAA;EAAsB,CAAA,EAAA,GA/ClB,OA+CkB,CAAA,IAAA,CAAA;EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAPT,iBAAA;;;;;;;GAOb,yBAAsB,kBAAA,CAAA,GAAA,CAAA"}

package/dist/client/views/auth/reset-password-form.mjs

@@ -0,0 +1,188 @@
+import { useTranslation } 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 { 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 * as React$1 from "react";
+import { useForm } from "react-hook-form";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/client/views/auth/reset-password-form.tsx
+/**
+* Reset Password Form - set new password with token
+*/
+/**
+* Reset password form with password confirmation
+*
+* @example
+* ```tsx
+* const authClient = createAdminAuthClient<typeof cms>({ baseURL: '...' })
+*
+* function ResetPasswordPage() {
+*   const token = useSearchParams().get('token')
+*   const [error, setError] = useState<string | null>(null)
+*
+*   const handleSubmit = async (values) => {
+*     const result = await authClient.resetPassword({
+*       token: values.token,
+*       newPassword: values.password,
+*     })
+*     if (result.error) {
+*       setError(result.error.message)
+*     }
+*   }
+*
+*   return (
+*     <AuthLayout title="Reset password">
+*       <ResetPasswordForm token={token} onSubmit={handleSubmit} error={error} />
+*     </AuthLayout>
+*   )
+* }
+* ```
+*/
+function ResetPasswordForm({ token, onSubmit, onBackToLoginClick, minPasswordLength = 8, className, error }) {
+	const { t } = useTranslation();
+	const [isSuccess, setIsSuccess] = React$1.useState(false);
+	const { register, handleSubmit, watch, formState: { errors, isSubmitting } } = useForm({ defaultValues: {
+		password: "",
+		confirmPassword: ""
+	} });
+	const password = watch("password");
+	const handleFormSubmit = handleSubmit(async (values) => {
+		try {
+			await onSubmit({
+				...values,
+				token
+			});
+			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(Icon, {
+					icon: "ph:check-circle-duotone",
+					className: "text-primary size-6"
+				})
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-2",
+				children: [/* @__PURE__ */ jsx("h3", {
+					className: "text-sm font-medium",
+					children: "Password reset successful"
+				}), /* @__PURE__ */ jsx("p", {
+					className: "text-muted-foreground text-xs",
+					children: "Your password has been reset successfully. You can now sign in with your new password."
+				})]
+			}),
+			/* @__PURE__ */ jsx(Button, {
+				type: "button",
+				className: "w-full",
+				size: "lg",
+				onClick: onBackToLoginClick,
+				children: "Sign in"
+			})
+		]
+	});
+	return /* @__PURE__ */ jsxs("form", {
+		onSubmit: handleFormSubmit,
+		className: cn("space-y-4", className),
+		children: [
+			/* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground text-xs",
+				children: "Enter your new password below."
+			}),
+			/* @__PURE__ */ jsxs(FieldGroup, { children: [/* @__PURE__ */ jsxs(Field, {
+				"data-invalid": !!errors.password,
+				children: [/* @__PURE__ */ jsx(FieldLabel, {
+					htmlFor: "password",
+					children: t("auth.newPassword")
+				}), /* @__PURE__ */ jsxs(FieldContent, { children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "relative",
+						children: [/* @__PURE__ */ jsx(Icon, {
+							icon: "ph:lock-duotone",
+							className: "text-muted-foreground absolute left-2 top-1/2 size-4 -translate-y-1/2"
+						}), /* @__PURE__ */ jsx(Input, {
+							id: "password",
+							type: "password",
+							placeholder: t("auth.newPasswordPlaceholder"),
+							className: "pl-8",
+							autoComplete: "new-password",
+							"aria-invalid": !!errors.password,
+							...register("password", {
+								required: t("auth.passwordRequired"),
+								minLength: {
+									value: minPasswordLength,
+									message: t("auth.passwordMinLength", { min: minPasswordLength })
+								}
+							})
+						})]
+					}),
+					/* @__PURE__ */ jsx(FieldDescription, { children: t("auth.passwordMinLength", { min: minPasswordLength }) }),
+					/* @__PURE__ */ jsx(FieldError, { children: errors.password?.message })
+				] })]
+			}), /* @__PURE__ */ jsxs(Field, {
+				"data-invalid": !!errors.confirmPassword,
+				children: [/* @__PURE__ */ jsx(FieldLabel, {
+					htmlFor: "confirmPassword",
+					children: t("auth.confirmPassword")
+				}), /* @__PURE__ */ jsxs(FieldContent, { children: [/* @__PURE__ */ jsxs("div", {
+					className: "relative",
+					children: [/* @__PURE__ */ jsx(Icon, {
+						icon: "ph:lock-duotone",
+						className: "text-muted-foreground absolute left-2 top-1/2 size-4 -translate-y-1/2"
+					}), /* @__PURE__ */ jsx(Input, {
+						id: "confirmPassword",
+						type: "password",
+						placeholder: t("auth.confirmPasswordPlaceholder"),
+						className: "pl-8",
+						autoComplete: "new-password",
+						"aria-invalid": !!errors.confirmPassword,
+						...register("confirmPassword", {
+							required: t("auth.passwordRequired"),
+							validate: (value) => value === password || t("auth.passwordMismatch")
+						})
+					})]
+				}), /* @__PURE__ */ jsx(FieldError, { children: errors.confirmPassword?.message })] })]
+			})] }),
+			error && /* @__PURE__ */ jsxs(Alert, {
+				variant: "destructive",
+				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(Icon, {
+					icon: "ph:spinner-gap-bold",
+					className: "animate-spin"
+				}), t("auth.resettingPassword")] }) : t("auth.resetPassword")
+			}),
+			/* @__PURE__ */ jsxs("p", {
+				className: "text-muted-foreground text-center text-xs",
+				children: [
+					t("auth.alreadyHaveAccount"),
+					" ",
+					/* @__PURE__ */ jsx(Button, {
+						type: "button",
+						variant: "link",
+						size: "sm",
+						onClick: onBackToLoginClick,
+						className: "h-auto p-0 text-xs",
+						children: t("auth.signIn")
+					})
+				]
+			})
+		]
+	});
+}
+
+//#endregion
+export { ResetPasswordForm };
+//# sourceMappingURL=reset-password-form.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"reset-password-form.mjs","names":["React"],"sources":["../../../../src/client/views/auth/reset-password-form.tsx"],"sourcesContent":["/**\n * Reset Password Form - set new password with token\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 { useTranslation } from \"../../i18n/hooks\";\nimport { cn } from \"../../lib/utils\";\n\nexport type ResetPasswordFormValues = {\n  password: string;\n  confirmPassword: string;\n};\n\nexport type ResetPasswordFormProps = {\n  /** Reset token from URL */\n  token: string;\n  /** Called when form is submitted with valid data */\n  onSubmit: (\n    values: ResetPasswordFormValues & { token: string },\n  ) => Promise<void>;\n  /** Called when back to login link is clicked */\n  onBackToLoginClick?: () => void;\n  /** Minimum password length */\n  minPasswordLength?: number;\n  /** Additional class name */\n  className?: string;\n  /** Error message from auth */\n  error?: string | null;\n};\n\n/**\n * Reset password form with password confirmation\n *\n * @example\n * ```tsx\n * const authClient = createAdminAuthClient<typeof cms>({ baseURL: '...' })\n *\n * function ResetPasswordPage() {\n *   const token = useSearchParams().get('token')\n *   const [error, setError] = useState<string | null>(null)\n *\n *   const handleSubmit = async (values) => {\n *     const result = await authClient.resetPassword({\n *       token: values.token,\n *       newPassword: values.password,\n *     })\n *     if (result.error) {\n *       setError(result.error.message)\n *     }\n *   }\n *\n *   return (\n *     <AuthLayout title=\"Reset password\">\n *       <ResetPasswordForm token={token} onSubmit={handleSubmit} error={error} />\n *     </AuthLayout>\n *   )\n * }\n * ```\n */\nexport function ResetPasswordForm({\n  token,\n  onSubmit,\n  onBackToLoginClick,\n  minPasswordLength = 8,\n  className,\n  error,\n}: ResetPasswordFormProps) {\n  const { t } = useTranslation();\n  const [isSuccess, setIsSuccess] = React.useState(false);\n\n  const {\n    register,\n    handleSubmit,\n    watch,\n    formState: { errors, isSubmitting },\n  } = useForm<ResetPasswordFormValues>({\n    defaultValues: {\n      password: \"\",\n      confirmPassword: \"\",\n    },\n  });\n\n  const password = watch(\"password\");\n\n  const handleFormSubmit = handleSubmit(async (values) => {\n    try {\n      await onSubmit({ ...values, token });\n      setIsSuccess(true);\n    } catch {\n      // Error will be shown via the error prop from parent\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\">Password reset successful</h3>\n          <p className=\"text-muted-foreground text-xs\">\n            Your password has been reset successfully. You can now sign in with\n            your new password.\n          </p>\n        </div>\n        <Button\n          type=\"button\"\n          className=\"w-full\"\n          size=\"lg\"\n          onClick={onBackToLoginClick}\n        >\n          Sign in\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 new password below.\n      </p>\n\n      <FieldGroup>\n        {/* Password Field */}\n        <Field data-invalid={!!errors.password}>\n          <FieldLabel htmlFor=\"password\">{t(\"auth.newPassword\")}</FieldLabel>\n          <FieldContent>\n            <div className=\"relative\">\n              <Icon\n                icon=\"ph:lock-duotone\"\n                className=\"text-muted-foreground absolute left-2 top-1/2 size-4 -translate-y-1/2\"\n              />\n              <Input\n                id=\"password\"\n                type=\"password\"\n                placeholder={t(\"auth.newPasswordPlaceholder\")}\n                className=\"pl-8\"\n                autoComplete=\"new-password\"\n                aria-invalid={!!errors.password}\n                {...register(\"password\", {\n                  required: t(\"auth.passwordRequired\"),\n                  minLength: {\n                    value: minPasswordLength,\n                    message: t(\"auth.passwordMinLength\", {\n                      min: minPasswordLength,\n                    }),\n                  },\n                })}\n              />\n            </div>\n            <FieldDescription>\n              {t(\"auth.passwordMinLength\", { min: minPasswordLength })}\n            </FieldDescription>\n            <FieldError>{errors.password?.message}</FieldError>\n          </FieldContent>\n        </Field>\n\n        {/* Confirm Password Field */}\n        <Field data-invalid={!!errors.confirmPassword}>\n          <FieldLabel htmlFor=\"confirmPassword\">\n            {t(\"auth.confirmPassword\")}\n          </FieldLabel>\n          <FieldContent>\n            <div className=\"relative\">\n              <Icon\n                icon=\"ph:lock-duotone\"\n                className=\"text-muted-foreground absolute left-2 top-1/2 size-4 -translate-y-1/2\"\n              />\n              <Input\n                id=\"confirmPassword\"\n                type=\"password\"\n                placeholder={t(\"auth.confirmPasswordPlaceholder\")}\n                className=\"pl-8\"\n                autoComplete=\"new-password\"\n                aria-invalid={!!errors.confirmPassword}\n                {...register(\"confirmPassword\", {\n                  required: t(\"auth.passwordRequired\"),\n                  validate: (value) =>\n                    value === password || t(\"auth.passwordMismatch\"),\n                })}\n              />\n            </div>\n            <FieldError>{errors.confirmPassword?.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            {t(\"auth.resettingPassword\")}\n          </>\n        ) : (\n          t(\"auth.resetPassword\")\n        )}\n      </Button>\n\n      {/* Back to Login Link */}\n      <p className=\"text-muted-foreground text-center text-xs\">\n        {t(\"auth.alreadyHaveAccount\")}{\" \"}\n        <Button\n          type=\"button\"\n          variant=\"link\"\n          size=\"sm\"\n          onClick={onBackToLoginClick}\n          className=\"h-auto p-0 text-xs\"\n        >\n          {t(\"auth.signIn\")}\n        </Button>\n      </p>\n    </form>\n  );\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,61 @@
+import * as react_jsx_runtime6 from "react/jsx-runtime";
+
+//#region src/client/views/auth/setup-form.d.ts
+/**
+ * Setup Form - create first admin account
+ */
+type SetupFormValues = {
+  name: string;
+  email: string;
+  password: string;
+  confirmPassword: string;
+};
+type SetupFormProps = {
+  /** Called when form is submitted with valid data */
+  onSubmit: (values: SetupFormValues) => Promise<void>;
+  /** Default values */
+  defaultValues?: Partial<SetupFormValues>;
+  /** Additional class name */
+  className?: string;
+  /** Error message from setup */
+  error?: string | null;
+  /** Minimum password length (default: 8) */
+  minPasswordLength?: number;
+};
+/**
+ * Setup form for creating the first admin account.
+ *
+ * @example
+ * ```tsx
+ * function SetupPage() {
+ *   const [error, setError] = useState<string | null>(null)
+ *
+ *   const handleSetup = async (values: SetupFormValues) => {
+ *     const result = await client.rpc.createFirstAdmin({
+ *       email: values.email,
+ *       password: values.password,
+ *       name: values.name,
+ *     })
+ *     if (!result.success) {
+ *       setError(result.error)
+ *     }
+ *   }
+ *
+ *   return (
+ *     <AuthLayout title="Welcome">
+ *       <SetupForm onSubmit={handleSetup} error={error} />
+ *     </AuthLayout>
+ *   )
+ * }
+ * ```
+ */
+declare function SetupForm({
+  onSubmit,
+  defaultValues,
+  className,
+  error,
+  minPasswordLength
+}: SetupFormProps): react_jsx_runtime6.JSX.Element;
+//#endregion
+export { SetupForm, SetupFormProps, SetupFormValues };
+//# sourceMappingURL=setup-form.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"setup-form.d.mts","names":[],"sources":["../../../../src/client/views/auth/setup-form.tsx"],"sourcesContent":[],"mappings":";;;;;;AAoBY,KAAA,eAAA,GAAe;EAOf,IAAA,EAAA,MAAA;EAES,KAAA,EAAA,MAAA;EAAoB,QAAA,EAAA,MAAA;EAEf,eAAA,EAAA,MAAA;CAAR;AAAO,KAJb,cAAA,GAIa;EAoCT;EACd,QAAA,EAAA,CAAA,MAAA,EAvCmB,eAuCnB,EAAA,GAvCuC,OAuCvC,CAAA,IAAA,CAAA;EACA;EACA,aAAA,CAAA,EAvCgB,OAuChB,CAvCwB,eAuCxB,CAAA;EACA;EACA,SAAA,CAAA,EAAA,MAAA;EACC;EAAc,KAAA,CAAA,EAAA,MAAA,GAAA,IAAA;EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAND,SAAA;;;;;;GAMb,iBAAc,kBAAA,CAAA,GAAA,CAAA"}