@frequencyads/auth 0.1.0

package/dist/components/reset-password.js

@@ -0,0 +1,283 @@
+'use client';
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/reset-password.tsx
+var reset_password_exports = {};
+__export(reset_password_exports, {
+  ResetPasswordForm: () => ResetPasswordForm
+});
+module.exports = __toCommonJS(reset_password_exports);
+var import_react2 = require("react");
+var import_core2 = require("@mantine/core");
+var import_client2 = require("@frequencyads/db/client");
+
+// src/components/verify-code.tsx
+var import_react = require("react");
+var import_core = require("@mantine/core");
+var import_client = require("@frequencyads/db/client");
+var import_jsx_runtime = require("react/jsx-runtime");
+function VerifyCodeForm({
+  email,
+  type,
+  onSuccess,
+  onResend,
+  onBack,
+  backLabel = "Back to sign in",
+  header
+}) {
+  const [code, setCode] = (0, import_react.useState)("");
+  const [error, setError] = (0, import_react.useState)(null);
+  const [loading, setLoading] = (0, import_react.useState)(false);
+  const [verified, setVerified] = (0, import_react.useState)(false);
+  const [resendCooldown, setResendCooldown] = (0, import_react.useState)(0);
+  (0, import_react.useEffect)(() => {
+    if (resendCooldown <= 0) return;
+    const timer = setTimeout(() => setResendCooldown((c) => c - 1), 1e3);
+    return () => clearTimeout(timer);
+  }, [resendCooldown]);
+  const handleVerify = (0, import_react.useCallback)(
+    async (value) => {
+      if (value.length !== 6) return;
+      setError(null);
+      setLoading(true);
+      try {
+        const supabase = (0, import_client.createBrowserClient)();
+        const { error: verifyError } = await supabase.auth.verifyOtp({
+          email,
+          token: value,
+          type
+        });
+        if (verifyError) {
+          setError("This code is invalid or has expired. Please request a new one.");
+          setCode("");
+        } else {
+          setVerified(true);
+          onSuccess();
+        }
+      } finally {
+        setLoading(false);
+      }
+    },
+    [email, type, onSuccess]
+  );
+  const [resending, setResending] = (0, import_react.useState)(false);
+  const handleResend = async () => {
+    setError(null);
+    setResending(true);
+    try {
+      const result = await onResend();
+      if (result.error) {
+        setError(result.error);
+      } else {
+        setResendCooldown(60);
+      }
+    } finally {
+      setResending(false);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_core.Box, { w: "100%", maw: 460, children: [
+    header && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Box, { mb: "lg", style: { textAlign: "center" }, children: header }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Title, { order: 3, fw: 600, mb: "xs", c: "gray.7", children: type === "email" ? "Verify your email" : "Enter reset code" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_core.Text, { size: "sm", c: "gray.6", mb: "lg", children: [
+      "We sent a 6-digit code to ",
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: email })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_core.Stack, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_core.PinInput,
+        {
+          length: 6,
+          type: "number",
+          oneTimeCode: true,
+          autoFocus: true,
+          size: "lg",
+          value: code,
+          onChange: (value) => {
+            setCode(value);
+            if (value.length > 0) setError(null);
+          },
+          onComplete: handleVerify,
+          error: !!error,
+          disabled: loading || verified,
+          styles: { input: { fontWeight: 600, fontSize: 20 } }
+        }
+      ),
+      error && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Text, { size: "sm", c: "red", children: error }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_core.Button,
+        {
+          fullWidth: true,
+          size: "md",
+          loading: loading || verified,
+          onClick: () => handleVerify(code),
+          children: "Verify"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_core.Text, { size: "sm", c: "gray.6", ta: "center", children: [
+        "Didn't receive the code?",
+        " ",
+        resendCooldown > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_core.Text, { span: true, c: "gray.5", children: [
+          "Resend in ",
+          resendCooldown,
+          "s"
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_core.Anchor,
+          {
+            component: "button",
+            type: "button",
+            size: "sm",
+            onClick: handleResend,
+            disabled: resending,
+            children: resending ? "Sending\u2026" : "Resend code"
+          }
+        )
+      ] }),
+      onBack && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Anchor, { component: "button", type: "button", size: "sm", onClick: onBack, ta: "center", children: backLabel })
+    ] })
+  ] });
+}
+
+// src/components/reset-password.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function ResetPasswordForm({ onComplete, onBackToLogin, header }) {
+  const supabase = (0, import_client2.createBrowserClient)();
+  const [step, setStep] = (0, import_react2.useState)("email");
+  const [email, setEmail] = (0, import_react2.useState)("");
+  const [password, setPassword] = (0, import_react2.useState)("");
+  const [confirmPassword, setConfirmPassword] = (0, import_react2.useState)("");
+  const [error, setError] = (0, import_react2.useState)(null);
+  const [loading, setLoading] = (0, import_react2.useState)(false);
+  const handleRequestReset = async (e) => {
+    e.preventDefault();
+    setError(null);
+    if (!email.trim()) {
+      setError("Email is required.");
+      return;
+    }
+    setLoading(true);
+    try {
+      const { error: resetError } = await supabase.auth.resetPasswordForEmail(email);
+      if (resetError) {
+        setError(resetError.message);
+      } else {
+        setStep("code");
+      }
+    } finally {
+      setLoading(false);
+    }
+  };
+  const handleSetPassword = async (e) => {
+    e.preventDefault();
+    setError(null);
+    if (password.length < 8) {
+      setError("Password must be at least 8 characters.");
+      return;
+    }
+    if (password !== confirmPassword) {
+      setError("Passwords do not match.");
+      return;
+    }
+    setLoading(true);
+    try {
+      const { error: updateError } = await supabase.auth.updateUser({ password });
+      if (updateError) {
+        setError(updateError.message);
+      } else {
+        onComplete();
+      }
+    } finally {
+      setLoading(false);
+    }
+  };
+  if (step === "code") {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      VerifyCodeForm,
+      {
+        email,
+        type: "recovery",
+        onSuccess: () => setStep("password"),
+        onResend: async () => {
+          const { error: resendError } = await supabase.auth.resetPasswordForEmail(email);
+          return { error: resendError == null ? void 0 : resendError.message };
+        },
+        onBack: onBackToLogin,
+        header
+      }
+    );
+  }
+  if (step === "password") {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_core2.Box, { w: "100%", maw: 460, children: [
+      header && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_core2.Box, { mb: "lg", style: { textAlign: "center" }, children: header }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_core2.Title, { order: 3, fw: 600, mb: "xs", c: "gray.7", children: "Set new password" }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_core2.Text, { size: "sm", c: "gray.6", mb: "lg", children: "Choose a new password for your account." }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("form", { onSubmit: handleSetPassword, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_core2.Stack, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          import_core2.PasswordInput,
+          {
+            label: "New password",
+            placeholder: "At least 8 characters",
+            value: password,
+            onChange: (e) => setPassword(e.currentTarget.value),
+            minLength: 8,
+            required: true
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          import_core2.PasswordInput,
+          {
+            label: "Confirm password",
+            placeholder: "Repeat your password",
+            value: confirmPassword,
+            onChange: (e) => setConfirmPassword(e.currentTarget.value),
+            required: true
+          }
+        ),
+        error && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_core2.Text, { size: "sm", c: "red", children: error }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_core2.Button, { fullWidth: true, size: "md", type: "submit", loading, children: "Update password" })
+      ] }) })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_core2.Box, { w: "100%", maw: 460, children: [
+    header && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_core2.Box, { mb: "lg", style: { textAlign: "center" }, children: header }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_core2.Title, { order: 3, fw: 600, mb: "xs", c: "gray.7", children: "Reset password" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_core2.Text, { size: "sm", c: "gray.6", mb: "lg", children: "Enter your email and we'll send you a code to reset your password." }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("form", { onSubmit: handleRequestReset, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_core2.Stack, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        import_core2.TextInput,
+        {
+          label: "Email",
+          placeholder: "you@frequency.media",
+          type: "email",
+          value: email,
+          onChange: (e) => setEmail(e.currentTarget.value),
+          required: true
+        }
+      ),
+      error && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_core2.Text, { size: "sm", c: "red", children: error }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_core2.Button, { fullWidth: true, size: "md", type: "submit", loading, children: "Send reset code" }),
+      onBackToLogin && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_core2.Text, { size: "sm", c: "gray.6", ta: "center", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_core2.Anchor, { component: "button", type: "button", size: "sm", onClick: onBackToLogin, children: "Back to sign in" }) })
+    ] }) })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ResetPasswordForm
+});

package/dist/components/reset-password.mjs

@@ -0,0 +1,10 @@
+'use client';
+"use client";
+import {
+  ResetPasswordForm
+} from "../chunk-VQCPN62H.mjs";
+import "../chunk-OKP757OV.mjs";
+import "../chunk-NS2JRZGO.mjs";
+export {
+  ResetPasswordForm
+};

package/dist/components/sign-out-button.d.mts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ButtonProps } from '@mantine/core';
+
+declare function getSignOutUrl(returnTo?: string): string;
+interface SignOutButtonProps extends Omit<ButtonProps, 'component'> {
+    /** URL to redirect to after sign-out. Defaults to `window.location.origin`. */
+    returnTo?: string;
+}
+declare function SignOutButton({ returnTo, ...props }: SignOutButtonProps): react_jsx_runtime.JSX.Element;
+
+export { SignOutButton, type SignOutButtonProps, getSignOutUrl };

package/dist/components/sign-out-button.d.ts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ButtonProps } from '@mantine/core';
+
+declare function getSignOutUrl(returnTo?: string): string;
+interface SignOutButtonProps extends Omit<ButtonProps, 'component'> {
+    /** URL to redirect to after sign-out. Defaults to `window.location.origin`. */
+    returnTo?: string;
+}
+declare function SignOutButton({ returnTo, ...props }: SignOutButtonProps): react_jsx_runtime.JSX.Element;
+
+export { SignOutButton, type SignOutButtonProps, getSignOutUrl };

package/dist/components/sign-out-button.js

@@ -0,0 +1,90 @@
+'use client';
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/sign-out-button.tsx
+var sign_out_button_exports = {};
+__export(sign_out_button_exports, {
+  SignOutButton: () => SignOutButton,
+  getSignOutUrl: () => getSignOutUrl
+});
+module.exports = __toCommonJS(sign_out_button_exports);
+var import_core = require("@mantine/core");
+var import_icons_react = require("@tabler/icons-react");
+var import_jsx_runtime = require("react/jsx-runtime");
+function getSignOutUrl(returnTo) {
+  const accountsUrl = process.env.NEXT_PUBLIC_ACCOUNTS_URL;
+  if (!accountsUrl) return "#";
+  const next = returnTo != null ? returnTo : window.location.origin;
+  return `${accountsUrl}/logout?next=${encodeURIComponent(next)}`;
+}
+function SignOutButton(_a) {
+  var _b = _a, { returnTo } = _b, props = __objRest(_b, ["returnTo"]);
+  var _a2;
+  const handleClick = () => {
+    window.location.href = getSignOutUrl(returnTo);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_core.Button,
+    __spreadProps(__spreadValues({
+      onClick: handleClick,
+      variant: "light",
+      color: "red",
+      leftSection: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons_react.IconLogout, { size: 16 }),
+      w: "fit-content"
+    }, props), {
+      children: (_a2 = props.children) != null ? _a2 : "Sign out"
+    })
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SignOutButton,
+  getSignOutUrl
+});

package/dist/components/sign-out-button.mjs

@@ -0,0 +1,11 @@
+'use client';
+"use client";
+import {
+  SignOutButton,
+  getSignOutUrl
+} from "../chunk-P4OKC4U7.mjs";
+import "../chunk-NS2JRZGO.mjs";
+export {
+  SignOutButton,
+  getSignOutUrl
+};

package/dist/components/user-menu.d.mts

@@ -0,0 +1,5 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function UserMenu(): react_jsx_runtime.JSX.Element | null;
+
+export { UserMenu };

package/dist/components/user-menu.d.ts

@@ -0,0 +1,5 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function UserMenu(): react_jsx_runtime.JSX.Element | null;
+
+export { UserMenu };

package/dist/components/user-menu.js

@@ -0,0 +1,107 @@
+'use client';
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/user-menu.tsx
+var user_menu_exports = {};
+__export(user_menu_exports, {
+  UserMenu: () => UserMenu
+});
+module.exports = __toCommonJS(user_menu_exports);
+var import_core2 = require("@mantine/core");
+var import_icons_react2 = require("@tabler/icons-react");
+var import_react2 = require("react");
+
+// src/components/auth-provider.tsx
+var import_react = require("react");
+var import_client = require("@frequencyads/db/client");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Context = (0, import_react.createContext)(void 0);
+function useAuth() {
+  const context = (0, import_react.useContext)(Context);
+  if (context === void 0) {
+    throw new Error("useAuth must be used within an AuthProvider");
+  }
+  return context;
+}
+
+// src/components/sign-out-button.tsx
+var import_core = require("@mantine/core");
+var import_icons_react = require("@tabler/icons-react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function getSignOutUrl(returnTo) {
+  const accountsUrl = process.env.NEXT_PUBLIC_ACCOUNTS_URL;
+  if (!accountsUrl) return "#";
+  const next = returnTo != null ? returnTo : window.location.origin;
+  return `${accountsUrl}/logout?next=${encodeURIComponent(next)}`;
+}
+
+// src/components/user-menu.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function UserMenu() {
+  const { user, profile } = useAuth();
+  const [opened, setOpened] = (0, import_react2.useState)(false);
+  if (!user) return null;
+  const handleLogout = () => {
+    window.location.href = getSignOutUrl();
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    import_core2.Menu,
+    {
+      width: 260,
+      position: "bottom-end",
+      transitionProps: { transition: "pop-top-right" },
+      opened,
+      onChange: setOpened,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core2.Menu.Target, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          import_core2.UnstyledButton,
+          {
+            style: {
+              padding: "var(--mantine-spacing-xs)",
+              borderRadius: "var(--mantine-radius-sm)",
+              transition: "background-color 100ms ease"
+            },
+            children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_core2.Group, { gap: 7, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core2.Avatar, { src: profile.avatarUrl, alt: profile.name, radius: "xl", size: 32 }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core2.Text, { fw: 500, size: "sm", lh: 1, mr: 3, children: profile.name }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons_react2.IconChevronDown, { style: { width: (0, import_core2.rem)(12), height: (0, import_core2.rem)(12) }, stroke: 1.5 })
+            ] })
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_core2.Menu.Dropdown, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core2.Menu.Label, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core2.Text, { size: "xs", c: "dimmed", truncate: true, children: profile.email }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            import_core2.Menu.Item,
+            {
+              leftSection: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons_react2.IconLogout, { style: { width: (0, import_core2.rem)(16), height: (0, import_core2.rem)(16) }, stroke: 1.5 }),
+              onClick: handleLogout,
+              children: "Sign out"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  UserMenu
+});

package/dist/components/user-menu.mjs

@@ -0,0 +1,11 @@
+'use client';
+"use client";
+import {
+  UserMenu
+} from "../chunk-OUUVIDG6.mjs";
+import "../chunk-JIENWB3K.mjs";
+import "../chunk-P4OKC4U7.mjs";
+import "../chunk-NS2JRZGO.mjs";
+export {
+  UserMenu
+};

package/dist/components/verify-code.d.mts

@@ -0,0 +1,20 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface VerifyCodeFormProps {
+    email: string;
+    /** 'email' for signup verification, 'recovery' for password reset */
+    type: 'email' | 'recovery';
+    onSuccess: () => void;
+    onResend: () => Promise<{
+        error?: string;
+    }>;
+    /** Called when user wants to go back (e.g. back to login). */
+    onBack?: () => void;
+    /** Label for the back link. Defaults to "Back to sign in". */
+    backLabel?: string;
+    /** Content rendered above the form (e.g. a logo). */
+    header?: React.ReactNode;
+}
+declare function VerifyCodeForm({ email, type, onSuccess, onResend, onBack, backLabel, header, }: VerifyCodeFormProps): react_jsx_runtime.JSX.Element;
+
+export { VerifyCodeForm };

package/dist/components/verify-code.d.ts

@@ -0,0 +1,20 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface VerifyCodeFormProps {
+    email: string;
+    /** 'email' for signup verification, 'recovery' for password reset */
+    type: 'email' | 'recovery';
+    onSuccess: () => void;
+    onResend: () => Promise<{
+        error?: string;
+    }>;
+    /** Called when user wants to go back (e.g. back to login). */
+    onBack?: () => void;
+    /** Label for the back link. Defaults to "Back to sign in". */
+    backLabel?: string;
+    /** Content rendered above the form (e.g. a logo). */
+    header?: React.ReactNode;
+}
+declare function VerifyCodeForm({ email, type, onSuccess, onResend, onBack, backLabel, header, }: VerifyCodeFormProps): react_jsx_runtime.JSX.Element;
+
+export { VerifyCodeForm };