@contentgrowth/content-auth 0.2.3 → 0.2.5

package/dist/{chunk-2TPT2QM4.js → chunk-7JTB52CI.js}

@@ -18,7 +18,8 @@ var AuthForm = ({
   view,
   onSwitchMode,
   defaultEmail = "",
-  lockEmail = false
+  lockEmail = false,
+  forgotPasswordUrl
 }) => {
   const [isLogin, setIsLogin] = useState(view !== "signup");
   const [email, setEmail] = useState(defaultEmail);
@@ -136,7 +137,10 @@ var AuthForm = ({
         )
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "ca-input-group", children: [
-        /* @__PURE__ */ jsx("label", { className: "ca-label", htmlFor: "password", children: "Password" }),
+        /* @__PURE__ */ jsxs("div", { className: "ca-label-row", children: [
+          /* @__PURE__ */ jsx("label", { className: "ca-label", htmlFor: "password", children: "Password" }),
+          isLogin && forgotPasswordUrl && /* @__PURE__ */ jsx("a", { href: forgotPasswordUrl, className: "ca-forgot-link", children: "Forgot password?" })
+        ] }),
         /* @__PURE__ */ jsx(
           "input",
           {
@@ -205,18 +209,218 @@ var AuthForm = ({
   ] });
 };
 
-// src/frontend/components/Organization.tsx
-import { useState as useState2, useEffect } from "react";
+// src/frontend/components/ForgotPasswordForm.tsx
+import { useState as useState2 } from "react";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var ForgotPasswordForm = ({
+  client = authClient,
+  onSuccess,
+  onBackToLogin,
+  className,
+  title,
+  width = "default"
+}) => {
+  const [email, setEmail] = useState2("");
+  const [loading, setLoading] = useState2(false);
+  const [error, setError] = useState2(null);
+  const [success, setSuccess] = useState2(false);
+  let widthClass = "";
+  if (width === "compact") widthClass = "ca-width-compact";
+  else if (width === "wide") widthClass = "ca-width-wide";
+  else widthClass = "ca-width-default";
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    setLoading(true);
+    setError(null);
+    try {
+      const { error: error2 } = await client.requestPasswordReset({
+        email,
+        redirectTo: window.location.origin + "/auth/reset-password"
+      });
+      if (error2) throw error2;
+      setSuccess(true);
+      onSuccess?.();
+    } catch (err) {
+      setError(err.message || "Failed to send reset email");
+    } finally {
+      setLoading(false);
+    }
+  };
+  const titleContent = title ? typeof title === "string" ? /* @__PURE__ */ jsx2("h2", { className: "ca-title", children: title }) : title : /* @__PURE__ */ jsx2("h2", { className: "ca-title", children: "Reset Password" });
+  if (success) {
+    return /* @__PURE__ */ jsxs2("div", { className: `ca-container ${widthClass} ${className || ""}`, children: [
+      titleContent,
+      /* @__PURE__ */ jsxs2("div", { className: "ca-success-message", children: [
+        /* @__PURE__ */ jsxs2("svg", { className: "ca-success-icon", viewBox: "0 0 24 24", width: "48", height: "48", children: [
+          /* @__PURE__ */ jsx2("circle", { cx: "12", cy: "12", r: "10", fill: "#10B981" }),
+          /* @__PURE__ */ jsx2("path", { d: "M8 12l2.5 2.5L16 9", stroke: "white", strokeWidth: "2", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" })
+        ] }),
+        /* @__PURE__ */ jsx2("h3", { className: "ca-success-title", children: "Check your email" }),
+        /* @__PURE__ */ jsxs2("p", { className: "ca-success-text", children: [
+          "We've sent a password reset link to ",
+          /* @__PURE__ */ jsx2("strong", { children: email }),
+          ". Please check your inbox and click the link to reset your password."
+        ] })
+      ] }),
+      onBackToLogin && /* @__PURE__ */ jsx2("div", { className: "ca-footer", children: /* @__PURE__ */ jsx2("button", { className: "ca-link", onClick: onBackToLogin, type: "button", children: "Back to Sign In" }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs2("div", { className: `ca-container ${widthClass} ${className || ""}`, children: [
+    titleContent,
+    /* @__PURE__ */ jsx2("p", { className: "ca-subtitle", children: "Enter your email address and we'll send you a link to reset your password." }),
+    /* @__PURE__ */ jsxs2("form", { onSubmit: handleSubmit, className: "ca-form", children: [
+      /* @__PURE__ */ jsxs2("div", { className: "ca-input-group", children: [
+        /* @__PURE__ */ jsx2("label", { className: "ca-label", htmlFor: "email", children: "Email" }),
+        /* @__PURE__ */ jsx2(
+          "input",
+          {
+            id: "email",
+            type: "email",
+            className: "ca-input",
+            value: email,
+            onChange: (e) => setEmail(e.target.value),
+            placeholder: "you@example.com",
+            required: true
+          }
+        )
+      ] }),
+      error && /* @__PURE__ */ jsx2("div", { className: "ca-error", children: error }),
+      /* @__PURE__ */ jsx2("button", { type: "submit", className: "ca-button", disabled: loading, children: loading ? "Sending..." : "Send Reset Link" })
+    ] }),
+    onBackToLogin && /* @__PURE__ */ jsx2("div", { className: "ca-footer", children: /* @__PURE__ */ jsx2("button", { className: "ca-link", onClick: onBackToLogin, type: "button", children: "Back to Sign In" }) })
+  ] });
+};
+
+// src/frontend/components/ResetPasswordForm.tsx
+import { useState as useState3 } from "react";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var ResetPasswordForm = ({
+  token,
+  client = authClient,
+  onSuccess,
+  onBackToLogin,
+  className,
+  title,
+  width = "default"
+}) => {
+  const [password, setPassword] = useState3("");
+  const [confirmPassword, setConfirmPassword] = useState3("");
+  const [loading, setLoading] = useState3(false);
+  const [error, setError] = useState3(null);
+  const [success, setSuccess] = useState3(false);
+  let widthClass = "";
+  if (width === "compact") widthClass = "ca-width-compact";
+  else if (width === "wide") widthClass = "ca-width-wide";
+  else widthClass = "ca-width-default";
+  const titleContent = title ? typeof title === "string" ? /* @__PURE__ */ jsx3("h2", { className: "ca-title", children: title }) : title : /* @__PURE__ */ jsx3("h2", { className: "ca-title", children: "Set New Password" });
+  if (!token) {
+    return /* @__PURE__ */ jsxs3("div", { className: `ca-container ${widthClass} ${className || ""}`, children: [
+      titleContent,
+      /* @__PURE__ */ jsxs3("div", { className: "ca-error-message", children: [
+        /* @__PURE__ */ jsxs3("svg", { className: "ca-error-icon", viewBox: "0 0 24 24", width: "48", height: "48", children: [
+          /* @__PURE__ */ jsx3("circle", { cx: "12", cy: "12", r: "10", fill: "#EF4444" }),
+          /* @__PURE__ */ jsx3("path", { d: "M12 8v4M12 16h.01", stroke: "white", strokeWidth: "2", strokeLinecap: "round" })
+        ] }),
+        /* @__PURE__ */ jsx3("h3", { className: "ca-error-title", children: "Invalid or Missing Token" }),
+        /* @__PURE__ */ jsx3("p", { className: "ca-error-text", children: "The password reset link is invalid or has expired. Please request a new password reset." })
+      ] }),
+      onBackToLogin && /* @__PURE__ */ jsx3("div", { className: "ca-footer", children: /* @__PURE__ */ jsx3("button", { className: "ca-link", onClick: onBackToLogin, type: "button", children: "Back to Sign In" }) })
+    ] });
+  }
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    if (password !== confirmPassword) {
+      setError("Passwords do not match");
+      return;
+    }
+    if (password.length < 8) {
+      setError("Password must be at least 8 characters");
+      return;
+    }
+    setLoading(true);
+    setError(null);
+    try {
+      const { error: error2 } = await client.resetPassword({
+        token,
+        newPassword: password
+      });
+      if (error2) throw error2;
+      setSuccess(true);
+      onSuccess?.();
+    } catch (err) {
+      setError(err.message || "Failed to reset password");
+    } finally {
+      setLoading(false);
+    }
+  };
+  if (success) {
+    return /* @__PURE__ */ jsxs3("div", { className: `ca-container ${widthClass} ${className || ""}`, children: [
+      titleContent,
+      /* @__PURE__ */ jsxs3("div", { className: "ca-success-message", children: [
+        /* @__PURE__ */ jsxs3("svg", { className: "ca-success-icon", viewBox: "0 0 24 24", width: "48", height: "48", children: [
+          /* @__PURE__ */ jsx3("circle", { cx: "12", cy: "12", r: "10", fill: "#10B981" }),
+          /* @__PURE__ */ jsx3("path", { d: "M8 12l2.5 2.5L16 9", stroke: "white", strokeWidth: "2", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" })
+        ] }),
+        /* @__PURE__ */ jsx3("h3", { className: "ca-success-title", children: "Password Reset Successful" }),
+        /* @__PURE__ */ jsx3("p", { className: "ca-success-text", children: "Your password has been successfully reset. You can now sign in with your new password." })
+      ] }),
+      onBackToLogin && /* @__PURE__ */ jsx3("div", { className: "ca-footer", children: /* @__PURE__ */ jsx3("button", { className: "ca-link", onClick: onBackToLogin, type: "button", children: "Sign In" }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs3("div", { className: `ca-container ${widthClass} ${className || ""}`, children: [
+    titleContent,
+    /* @__PURE__ */ jsx3("p", { className: "ca-subtitle", children: "Enter your new password below." }),
+    /* @__PURE__ */ jsxs3("form", { onSubmit: handleSubmit, className: "ca-form", children: [
+      /* @__PURE__ */ jsxs3("div", { className: "ca-input-group", children: [
+        /* @__PURE__ */ jsx3("label", { className: "ca-label", htmlFor: "password", children: "New Password" }),
+        /* @__PURE__ */ jsx3(
+          "input",
+          {
+            id: "password",
+            type: "password",
+            className: "ca-input",
+            value: password,
+            onChange: (e) => setPassword(e.target.value),
+            placeholder: "At least 8 characters",
+            minLength: 8,
+            required: true
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs3("div", { className: "ca-input-group", children: [
+        /* @__PURE__ */ jsx3("label", { className: "ca-label", htmlFor: "confirmPassword", children: "Confirm Password" }),
+        /* @__PURE__ */ jsx3(
+          "input",
+          {
+            id: "confirmPassword",
+            type: "password",
+            className: "ca-input",
+            value: confirmPassword,
+            onChange: (e) => setConfirmPassword(e.target.value),
+            placeholder: "Confirm your password",
+            required: true
+          }
+        )
+      ] }),
+      error && /* @__PURE__ */ jsx3("div", { className: "ca-error", children: error }),
+      /* @__PURE__ */ jsx3("button", { type: "submit", className: "ca-button", disabled: loading, children: loading ? "Resetting..." : "Reset Password" })
+    ] }),
+    onBackToLogin && /* @__PURE__ */ jsx3("div", { className: "ca-footer", children: /* @__PURE__ */ jsx3("button", { className: "ca-link", onClick: onBackToLogin, type: "button", children: "Back to Sign In" }) })
+  ] });
+};
+
+// src/frontend/components/Organization.tsx
+import { useState as useState4, useEffect } from "react";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var CreateOrganizationForm = ({
   client = authClient,
   className,
   onSuccess,
   onError
 }) => {
-  const [name, setName] = useState2("");
-  const [slug, setSlug] = useState2("");
-  const [loading, setLoading] = useState2(false);
+  const [name, setName] = useState4("");
+  const [slug, setSlug] = useState4("");
+  const [loading, setLoading] = useState4(false);
   const handleSubmit = async (e) => {
     e.preventDefault();
     setLoading(true);
@@ -235,11 +439,11 @@ var CreateOrganizationForm = ({
       setLoading(false);
     }
   };
-  return /* @__PURE__ */ jsxs2("form", { onSubmit: handleSubmit, className: `ca-form ${className || ""}`, children: [
-    /* @__PURE__ */ jsx2("h3", { className: "ca-subtitle", children: "Create Organization" }),
-    /* @__PURE__ */ jsxs2("div", { className: "ca-input-group", children: [
-      /* @__PURE__ */ jsx2("label", { className: "ca-label", children: "Organization Name" }),
-      /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsxs4("form", { onSubmit: handleSubmit, className: `ca-form ${className || ""}`, children: [
+    /* @__PURE__ */ jsx4("h3", { className: "ca-subtitle", children: "Create Organization" }),
+    /* @__PURE__ */ jsxs4("div", { className: "ca-input-group", children: [
+      /* @__PURE__ */ jsx4("label", { className: "ca-label", children: "Organization Name" }),
+      /* @__PURE__ */ jsx4(
         "input",
         {
           type: "text",
@@ -254,9 +458,9 @@ var CreateOrganizationForm = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "ca-input-group", children: [
-      /* @__PURE__ */ jsx2("label", { className: "ca-label", children: "Slug" }),
-      /* @__PURE__ */ jsx2(
+    /* @__PURE__ */ jsxs4("div", { className: "ca-input-group", children: [
+      /* @__PURE__ */ jsx4("label", { className: "ca-label", children: "Slug" }),
+      /* @__PURE__ */ jsx4(
         "input",
         {
           type: "text",
@@ -268,7 +472,7 @@ var CreateOrganizationForm = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx2("button", { type: "submit", className: "ca-button", disabled: loading, children: loading ? "Creating..." : "Create Organization" })
+    /* @__PURE__ */ jsx4("button", { type: "submit", className: "ca-button", disabled: loading, children: loading ? "Creating..." : "Create Organization" })
   ] });
 };
 var OrganizationSwitcher = ({
@@ -277,8 +481,8 @@ var OrganizationSwitcher = ({
   currentOrgId,
   onSuccess
 }) => {
-  const [orgs, setOrgs] = useState2([]);
-  const [loading, setLoading] = useState2(true);
+  const [orgs, setOrgs] = useState4([]);
+  const [loading, setLoading] = useState4(true);
   useEffect(() => {
     const fetchOrgs = async () => {
       const { data } = await client.organization.list({});
@@ -291,18 +495,18 @@ var OrganizationSwitcher = ({
     await client.organization.setActive({ organizationId: orgId });
     onSuccess?.(orgId);
   };
-  if (loading) return /* @__PURE__ */ jsx2("div", { className: "ca-loading", children: "Loading..." });
-  return /* @__PURE__ */ jsxs2("div", { className: `ca-org-switcher ${className || ""}`, children: [
-    /* @__PURE__ */ jsx2("label", { className: "ca-label", children: "Select Organization" }),
-    /* @__PURE__ */ jsxs2(
+  if (loading) return /* @__PURE__ */ jsx4("div", { className: "ca-loading", children: "Loading..." });
+  return /* @__PURE__ */ jsxs4("div", { className: `ca-org-switcher ${className || ""}`, children: [
+    /* @__PURE__ */ jsx4("label", { className: "ca-label", children: "Select Organization" }),
+    /* @__PURE__ */ jsxs4(
       "select",
       {
         className: "ca-select",
         value: currentOrgId || "",
         onChange: (e) => handleSwitch(e.target.value),
         children: [
-          /* @__PURE__ */ jsx2("option", { value: "", disabled: true, children: "Select an organization" }),
-          orgs.map((org) => /* @__PURE__ */ jsx2("option", { value: org.id, children: org.name }, org.id))
+          /* @__PURE__ */ jsx4("option", { value: "", disabled: true, children: "Select an organization" }),
+          orgs.map((org) => /* @__PURE__ */ jsx4("option", { value: org.id, children: org.name }, org.id))
         ]
       }
     )
@@ -314,9 +518,9 @@ var InviteMemberForm = ({
   onSuccess,
   onError
 }) => {
-  const [email, setEmail] = useState2("");
-  const [role, setRole] = useState2("member");
-  const [loading, setLoading] = useState2(false);
+  const [email, setEmail] = useState4("");
+  const [role, setRole] = useState4("member");
+  const [loading, setLoading] = useState4(false);
   const handleSubmit = async (e) => {
     e.preventDefault();
     setLoading(true);
@@ -334,11 +538,11 @@ var InviteMemberForm = ({
       setLoading(false);
     }
   };
-  return /* @__PURE__ */ jsxs2("form", { onSubmit: handleSubmit, className: `ca-form ${className || ""}`, children: [
-    /* @__PURE__ */ jsx2("h3", { className: "ca-subtitle", children: "Invite Member" }),
-    /* @__PURE__ */ jsxs2("div", { className: "ca-input-group", children: [
-      /* @__PURE__ */ jsx2("label", { className: "ca-label", children: "Email Address" }),
-      /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsxs4("form", { onSubmit: handleSubmit, className: `ca-form ${className || ""}`, children: [
+    /* @__PURE__ */ jsx4("h3", { className: "ca-subtitle", children: "Invite Member" }),
+    /* @__PURE__ */ jsxs4("div", { className: "ca-input-group", children: [
+      /* @__PURE__ */ jsx4("label", { className: "ca-label", children: "Email Address" }),
+      /* @__PURE__ */ jsx4(
         "input",
         {
           type: "email",
@@ -350,28 +554,30 @@ var InviteMemberForm = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "ca-input-group", children: [
-      /* @__PURE__ */ jsx2("label", { className: "ca-label", children: "Role" }),
-      /* @__PURE__ */ jsxs2(
+    /* @__PURE__ */ jsxs4("div", { className: "ca-input-group", children: [
+      /* @__PURE__ */ jsx4("label", { className: "ca-label", children: "Role" }),
+      /* @__PURE__ */ jsxs4(
         "select",
         {
           className: "ca-select",
           value: role,
           onChange: (e) => setRole(e.target.value),
           children: [
-            /* @__PURE__ */ jsx2("option", { value: "member", children: "Member" }),
-            /* @__PURE__ */ jsx2("option", { value: "admin", children: "Admin" }),
-            /* @__PURE__ */ jsx2("option", { value: "owner", children: "Owner" })
+            /* @__PURE__ */ jsx4("option", { value: "member", children: "Member" }),
+            /* @__PURE__ */ jsx4("option", { value: "admin", children: "Admin" }),
+            /* @__PURE__ */ jsx4("option", { value: "owner", children: "Owner" })
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ jsx2("button", { type: "submit", className: "ca-button", disabled: loading, children: loading ? "Sending Invite..." : "Send Invite" })
+    /* @__PURE__ */ jsx4("button", { type: "submit", className: "ca-button", disabled: loading, children: loading ? "Sending Invite..." : "Send Invite" })
   ] });
 };
 
 export {
   AuthForm,
+  ForgotPasswordForm,
+  ResetPasswordForm,
   CreateOrganizationForm,
   OrganizationSwitcher,
   InviteMemberForm

package/dist/frontend/client.d.ts

@@ -628,7 +628,7 @@ declare const createClient: (baseUrl?: string) => {
             sortDirection?: "asc" | "desc" | undefined;
             filterField?: string | undefined;
             filterValue?: string | number | boolean | undefined;
-            filterOperator?: "eq" | "ne" | "lt" | "lte" | "gt" | "gte" | "contains" | undefined;
+            filterOperator?: "eq" | "ne" | "gt" | "gte" | "lt" | "lte" | "contains" | undefined;
             organizationId?: string | undefined;
             organizationSlug?: string | undefined;
         }> & Record<string, any>, Record<string, any> | undefined>>(data_0?: better_auth.Prettify<{
@@ -639,7 +639,7 @@ declare const createClient: (baseUrl?: string) => {
                 sortDirection?: "asc" | "desc" | undefined;
                 filterField?: string | undefined;
                 filterValue?: string | number | boolean | undefined;
-                filterOperator?: "eq" | "ne" | "lt" | "lte" | "gt" | "gte" | "contains" | undefined;
+                filterOperator?: "eq" | "ne" | "gt" | "gte" | "lt" | "lte" | "contains" | undefined;
                 organizationId?: string | undefined;
                 organizationSlug?: string | undefined;
             } | undefined;
@@ -746,7 +746,7 @@ declare const createClient: (baseUrl?: string) => {
 } & {
     signIn: {
         social: <FetchOptions extends better_auth.ClientFetchOption<Partial<{
-            provider: (string & {}) | "github" | "apple" | "atlassian" | "cognito" | "discord" | "facebook" | "figma" | "microsoft" | "google" | "huggingface" | "slack" | "spotify" | "twitch" | "twitter" | "dropbox" | "kick" | "linear" | "linkedin" | "gitlab" | "tiktok" | "reddit" | "roblox" | "salesforce" | "vk" | "zoom" | "notion" | "kakao" | "naver" | "line" | "paybin" | "paypal" | "polar" | "vercel";
+            provider: (string & {}) | "linear" | "huggingface" | "github" | "apple" | "atlassian" | "cognito" | "discord" | "facebook" | "figma" | "microsoft" | "google" | "slack" | "spotify" | "twitch" | "twitter" | "dropbox" | "kick" | "linkedin" | "gitlab" | "tiktok" | "reddit" | "roblox" | "salesforce" | "vk" | "zoom" | "notion" | "kakao" | "naver" | "line" | "paybin" | "paypal" | "polar" | "vercel";
             callbackURL?: string | undefined;
             newUserCallbackURL?: string | undefined;
             errorCallbackURL?: string | undefined;
@@ -763,7 +763,7 @@ declare const createClient: (baseUrl?: string) => {
             loginHint?: string | undefined;
             additionalData?: Record<string, any> | undefined;
         }> & Record<string, any>, Partial<Record<string, any>> & Record<string, any>, Record<string, any> | undefined>>(data_0: better_auth.Prettify<{
-            provider: (string & {}) | "github" | "apple" | "atlassian" | "cognito" | "discord" | "facebook" | "figma" | "microsoft" | "google" | "huggingface" | "slack" | "spotify" | "twitch" | "twitter" | "dropbox" | "kick" | "linear" | "linkedin" | "gitlab" | "tiktok" | "reddit" | "roblox" | "salesforce" | "vk" | "zoom" | "notion" | "kakao" | "naver" | "line" | "paybin" | "paypal" | "polar" | "vercel";
+            provider: (string & {}) | "linear" | "huggingface" | "github" | "apple" | "atlassian" | "cognito" | "discord" | "facebook" | "figma" | "microsoft" | "google" | "slack" | "spotify" | "twitch" | "twitter" | "dropbox" | "kick" | "linkedin" | "gitlab" | "tiktok" | "reddit" | "roblox" | "salesforce" | "vk" | "zoom" | "notion" | "kakao" | "naver" | "line" | "paybin" | "paypal" | "polar" | "vercel";
             callbackURL?: string | undefined;
             newUserCallbackURL?: string | undefined;
             errorCallbackURL?: string | undefined;
@@ -2205,7 +2205,7 @@ declare const authClient: {
             sortDirection?: "asc" | "desc" | undefined;
             filterField?: string | undefined;
             filterValue?: string | number | boolean | undefined;
-            filterOperator?: "eq" | "ne" | "lt" | "lte" | "gt" | "gte" | "contains" | undefined;
+            filterOperator?: "eq" | "ne" | "gt" | "gte" | "lt" | "lte" | "contains" | undefined;
             organizationId?: string | undefined;
             organizationSlug?: string | undefined;
         }> & Record<string, any>, Record<string, any> | undefined>>(data_0?: better_auth.Prettify<{
@@ -2216,7 +2216,7 @@ declare const authClient: {
                 sortDirection?: "asc" | "desc" | undefined;
                 filterField?: string | undefined;
                 filterValue?: string | number | boolean | undefined;
-                filterOperator?: "eq" | "ne" | "lt" | "lte" | "gt" | "gte" | "contains" | undefined;
+                filterOperator?: "eq" | "ne" | "gt" | "gte" | "lt" | "lte" | "contains" | undefined;
                 organizationId?: string | undefined;
                 organizationSlug?: string | undefined;
             } | undefined;
@@ -2323,7 +2323,7 @@ declare const authClient: {
 } & {
     signIn: {
         social: <FetchOptions extends better_auth.ClientFetchOption<Partial<{
-            provider: (string & {}) | "github" | "apple" | "atlassian" | "cognito" | "discord" | "facebook" | "figma" | "microsoft" | "google" | "huggingface" | "slack" | "spotify" | "twitch" | "twitter" | "dropbox" | "kick" | "linear" | "linkedin" | "gitlab" | "tiktok" | "reddit" | "roblox" | "salesforce" | "vk" | "zoom" | "notion" | "kakao" | "naver" | "line" | "paybin" | "paypal" | "polar" | "vercel";
+            provider: (string & {}) | "linear" | "huggingface" | "github" | "apple" | "atlassian" | "cognito" | "discord" | "facebook" | "figma" | "microsoft" | "google" | "slack" | "spotify" | "twitch" | "twitter" | "dropbox" | "kick" | "linkedin" | "gitlab" | "tiktok" | "reddit" | "roblox" | "salesforce" | "vk" | "zoom" | "notion" | "kakao" | "naver" | "line" | "paybin" | "paypal" | "polar" | "vercel";
             callbackURL?: string | undefined;
             newUserCallbackURL?: string | undefined;
             errorCallbackURL?: string | undefined;
@@ -2340,7 +2340,7 @@ declare const authClient: {
             loginHint?: string | undefined;
             additionalData?: Record<string, any> | undefined;
         }> & Record<string, any>, Partial<Record<string, any>> & Record<string, any>, Record<string, any> | undefined>>(data_0: better_auth.Prettify<{
-            provider: (string & {}) | "github" | "apple" | "atlassian" | "cognito" | "discord" | "facebook" | "figma" | "microsoft" | "google" | "huggingface" | "slack" | "spotify" | "twitch" | "twitter" | "dropbox" | "kick" | "linear" | "linkedin" | "gitlab" | "tiktok" | "reddit" | "roblox" | "salesforce" | "vk" | "zoom" | "notion" | "kakao" | "naver" | "line" | "paybin" | "paypal" | "polar" | "vercel";
+            provider: (string & {}) | "linear" | "huggingface" | "github" | "apple" | "atlassian" | "cognito" | "discord" | "facebook" | "figma" | "microsoft" | "google" | "slack" | "spotify" | "twitch" | "twitter" | "dropbox" | "kick" | "linkedin" | "gitlab" | "tiktok" | "reddit" | "roblox" | "salesforce" | "vk" | "zoom" | "notion" | "kakao" | "naver" | "line" | "paybin" | "paypal" | "polar" | "vercel";
             callbackURL?: string | undefined;
             newUserCallbackURL?: string | undefined;
             errorCallbackURL?: string | undefined;

package/dist/frontend/index.d.ts

@@ -22,9 +22,33 @@ interface AuthFormProps {
     defaultEmail?: string;
     /** Lock the email field (readonly) and hide social logins */
     lockEmail?: boolean;
+    /** URL for the forgot password page (shows link on login form if provided) */
+    forgotPasswordUrl?: string;
 }
 declare const AuthForm: React.FC<AuthFormProps>;
 
+interface ForgotPasswordFormProps {
+    client?: typeof authClient;
+    onSuccess?: () => void;
+    onBackToLogin?: () => void;
+    className?: string;
+    title?: React.ReactNode;
+    width?: 'default' | 'compact' | 'wide';
+}
+declare const ForgotPasswordForm: React.FC<ForgotPasswordFormProps>;
+
+interface ResetPasswordFormProps {
+    /** The reset token from the URL query parameter */
+    token: string | null;
+    client?: typeof authClient;
+    onSuccess?: () => void;
+    onBackToLogin?: () => void;
+    className?: string;
+    title?: React.ReactNode;
+    width?: 'default' | 'compact' | 'wide';
+}
+declare const ResetPasswordForm: React.FC<ResetPasswordFormProps>;
+
 interface BaseOrgProps {
     client?: typeof authClient;
     className?: string;
@@ -39,4 +63,4 @@ declare const InviteMemberForm: React.FC<BaseOrgProps & {
     organizationId?: string;
 }>;
 
-export { AuthForm, CreateOrganizationForm, InviteMemberForm, OrganizationSwitcher, authClient };
+export { AuthForm, CreateOrganizationForm, ForgotPasswordForm, InviteMemberForm, OrganizationSwitcher, ResetPasswordForm, authClient };

package/dist/frontend/index.js

@@ -1,9 +1,11 @@
 import {
   AuthForm,
   CreateOrganizationForm,
+  ForgotPasswordForm,
   InviteMemberForm,
-  OrganizationSwitcher
-} from "../chunk-2TPT2QM4.js";
+  OrganizationSwitcher,
+  ResetPasswordForm
+} from "../chunk-7JTB52CI.js";
 import {
   authClient,
   createClient
@@ -12,8 +14,10 @@ import "../chunk-R5U7XKVJ.js";
 export {
   AuthForm,
   CreateOrganizationForm,
+  ForgotPasswordForm,
   InviteMemberForm,
   OrganizationSwitcher,
+  ResetPasswordForm,
   authClient,
   createClient
 };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 export { AuthConfig, authMiddleware, createAuth, createAuthApp, getInvitationLink, getSessionToken, schema } from './backend/index.js';
-export { AuthForm, CreateOrganizationForm, InviteMemberForm, OrganizationSwitcher } from './frontend/index.js';
+export { AuthForm, CreateOrganizationForm, ForgotPasswordForm, InviteMemberForm, OrganizationSwitcher, ResetPasswordForm } from './frontend/index.js';
 export { authClient, createClient } from './frontend/client.js';
 export * from 'better-auth';
 export { Hono } from 'hono';

package/dist/index.js

@@ -10,9 +10,11 @@ import {
 import {
   AuthForm,
   CreateOrganizationForm,
+  ForgotPasswordForm,
   InviteMemberForm,
-  OrganizationSwitcher
-} from "./chunk-2TPT2QM4.js";
+  OrganizationSwitcher,
+  ResetPasswordForm
+} from "./chunk-7JTB52CI.js";
 import {
   authClient,
   createClient
@@ -21,9 +23,11 @@ import "./chunk-R5U7XKVJ.js";
 export {
   AuthForm,
   CreateOrganizationForm,
+  ForgotPasswordForm,
   Hono,
   InviteMemberForm,
   OrganizationSwitcher,
+  ResetPasswordForm,
   authClient,
   authMiddleware,
   createAuth,

package/dist/styles.css

@@ -37,6 +37,24 @@
   color: #374151;
 }
 
+.ca-label-row {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.ca-forgot-link {
+  font-size: 0.8125rem;
+  color: #2563eb;
+  text-decoration: none;
+  font-weight: 500;
+}
+
+.ca-forgot-link:hover {
+  text-decoration: underline;
+  color: #1d4ed8;
+}
+
 .ca-input {
   padding: 0.75rem 1rem;
   border-radius: 8px;
@@ -170,6 +188,64 @@ button[type="submit"]:disabled {
   color: #1d4ed8;
 }
 
+/* Subtitle */
+.ca-subtitle {
+  text-align: center;
+  color: #6b7280;
+  font-size: 0.9375rem;
+  margin-bottom: 1.5rem;
+  line-height: 1.5;
+}
+
+/* Success Message */
+.ca-success-message {
+  text-align: center;
+  padding: 1.5rem 0;
+}
+
+.ca-success-icon {
+  margin: 0 auto 1rem;
+  display: block;
+}
+
+.ca-success-title {
+  font-size: 1.25rem;
+  font-weight: 600;
+  color: #111827;
+  margin-bottom: 0.75rem;
+}
+
+.ca-success-text {
+  color: #6b7280;
+  font-size: 0.9375rem;
+  line-height: 1.6;
+}
+
+/* Error Message Block */
+.ca-error-message {
+  text-align: center;
+  padding: 1.5rem 0;
+}
+
+.ca-error-icon {
+  margin: 0 auto 1rem;
+  display: block;
+}
+
+.ca-error-title {
+  font-size: 1.25rem;
+  font-weight: 600;
+  color: #111827;
+  margin-bottom: 0.75rem;
+}
+
+.ca-error-text {
+  color: #6b7280;
+  font-size: 0.9375rem;
+  line-height: 1.6;
+}
+
+/* Inline Error */
 .ca-error {
   background-color: #fef2f2;
   color: #ef4444;
@@ -188,8 +264,17 @@ button[type="submit"]:disabled {
   margin-bottom: 1.5rem;
 }
 
-.ca-container-wide {
-  max-width: 600px;
+/* Width Modifiers */
+.ca-width-wide {
+  max-width: 600px !important;
+}
+
+.ca-width-compact {
+  max-width: 360px !important;
+}
+
+.ca-width-default {
+  max-width: 420px !important;
 }
 
 /* Split Layout */

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@contentgrowth/content-auth",
-    "version": "0.2.3",
+    "version": "0.2.5",
     "description": "Better Auth wrapper with UI components for Cloudflare Workers & Pages",
     "type": "module",
     "main": "./dist/index.js",