@frequencyads/auth 0.1.0

package/dist/components/auth-provider.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/auth-provider.tsx
+var auth_provider_exports = {};
+__export(auth_provider_exports, {
+  AuthProvider: () => AuthProvider,
+  useAuth: () => useAuth
+});
+module.exports = __toCommonJS(auth_provider_exports);
+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 AuthProvider({ children, loginUrl }) {
+  var _a, _b, _c, _d;
+  const [supabase] = (0, import_react.useState)(() => (0, import_client.createBrowserClient)());
+  const [user, setUser] = (0, import_react.useState)(null);
+  const [loading, setLoading] = (0, import_react.useState)(true);
+  const userIdRef = (0, import_react.useRef)(null);
+  const setUserStable = (0, import_react.useCallback)((newUser) => {
+    var _a2;
+    const newId = (_a2 = newUser == null ? void 0 : newUser.id) != null ? _a2 : null;
+    if (newId !== userIdRef.current) {
+      userIdRef.current = newId;
+      setUser(newUser);
+    }
+  }, []);
+  (0, import_react.useEffect)(() => {
+    if (!supabase) {
+      setLoading(false);
+      return;
+    }
+    const {
+      data: { subscription }
+    } = supabase.auth.onAuthStateChange((_event, session) => {
+      var _a2;
+      setUserStable((_a2 = session == null ? void 0 : session.user) != null ? _a2 : null);
+      setLoading(false);
+    });
+    async function checkSession() {
+      const {
+        data: { session }
+      } = await supabase.auth.getSession();
+      if (!session) {
+        await supabase.auth.signOut({ scope: "local" });
+      }
+    }
+    const POLL_MS = 3e4;
+    const interval = setInterval(checkSession, POLL_MS);
+    const handleVisibilityChange = () => {
+      if (document.visibilityState === "visible") {
+        checkSession();
+      }
+    };
+    document.addEventListener("visibilitychange", handleVisibilityChange);
+    return () => {
+      subscription.unsubscribe();
+      clearInterval(interval);
+      document.removeEventListener("visibilitychange", handleVisibilityChange);
+    };
+  }, [supabase]);
+  (0, import_react.useEffect)(() => {
+    if (loading || user) return;
+    const url = loginUrl != null ? loginUrl : `${process.env.NEXT_PUBLIC_ACCOUNTS_URL}/login`;
+    if (url) {
+      window.location.href = `${url}?next=${encodeURIComponent(window.location.href)}`;
+    }
+  }, [loading, user, loginUrl]);
+  const profile = {
+    name: (_b = (_a = user == null ? void 0 : user.user_metadata) == null ? void 0 : _a.full_name) != null ? _b : "\u2014",
+    email: (_c = user == null ? void 0 : user.email) != null ? _c : "",
+    avatarUrl: (_d = user == null ? void 0 : user.user_metadata) == null ? void 0 : _d.avatar_url
+  };
+  if (loading || !user) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Context.Provider, { value: { supabase, user, profile, loading }, children });
+}
+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;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AuthProvider,
+  useAuth
+});

package/dist/components/auth-provider.mjs

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

package/dist/components/login.d.mts

@@ -0,0 +1,24 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface LoginPageProps {
+    title?: string;
+    description?: ReactNode;
+    /** Optional content shown in a HoverCard popover next to the title. */
+    info?: ReactNode;
+    /** Override the OAuth redirectTo URL. Defaults to `window.location.origin + '/auth/callback'`. */
+    redirectTo?: string;
+    /** Content rendered above the form card (e.g. a logo). */
+    header?: ReactNode;
+    /** Content rendered below the sign-in button (e.g. privacy policy link). */
+    footer?: ReactNode;
+    /** Called after successful signup to navigate to verification screen. */
+    onVerifyNeeded?: (email: string) => void;
+    /** Called when user clicks "Forgot password?" */
+    onResetRequest?: () => void;
+    /** Called after successful email/password sign-in or sign-up with immediate session. */
+    onSuccess?: () => void;
+}
+declare function LoginPage({ title, description, info, redirectTo, header, footer, onVerifyNeeded, onResetRequest, onSuccess, }: LoginPageProps): react_jsx_runtime.JSX.Element;
+
+export { LoginPage };

package/dist/components/login.d.ts

@@ -0,0 +1,24 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+interface LoginPageProps {
+    title?: string;
+    description?: ReactNode;
+    /** Optional content shown in a HoverCard popover next to the title. */
+    info?: ReactNode;
+    /** Override the OAuth redirectTo URL. Defaults to `window.location.origin + '/auth/callback'`. */
+    redirectTo?: string;
+    /** Content rendered above the form card (e.g. a logo). */
+    header?: ReactNode;
+    /** Content rendered below the sign-in button (e.g. privacy policy link). */
+    footer?: ReactNode;
+    /** Called after successful signup to navigate to verification screen. */
+    onVerifyNeeded?: (email: string) => void;
+    /** Called when user clicks "Forgot password?" */
+    onResetRequest?: () => void;
+    /** Called after successful email/password sign-in or sign-up with immediate session. */
+    onSuccess?: () => void;
+}
+declare function LoginPage({ title, description, info, redirectTo, header, footer, onVerifyNeeded, onResetRequest, onSuccess, }: LoginPageProps): react_jsx_runtime.JSX.Element;
+
+export { LoginPage };

package/dist/components/login.js

@@ -0,0 +1,430 @@
+'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/login/index.tsx
+var login_exports = {};
+__export(login_exports, {
+  LoginPage: () => LoginPage
+});
+module.exports = __toCommonJS(login_exports);
+var import_react3 = require("react");
+var import_core3 = require("@mantine/core");
+var import_icons_react = require("@tabler/icons-react");
+
+// src/components/login/email-password-form.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 EmailPasswordForm({
+  isPending,
+  startTransition,
+  onVerifyNeeded,
+  onResetRequest,
+  onSuccess
+}) {
+  const supabase = (0, import_client.createBrowserClient)();
+  const [step, setStep] = (0, import_react.useState)("email");
+  const [mode, setMode] = (0, import_react.useState)("signin");
+  const [email, setEmail] = (0, import_react.useState)("");
+  const [password, setPassword] = (0, import_react.useState)("");
+  const [confirmPassword, setConfirmPassword] = (0, import_react.useState)("");
+  const [firstName, setFirstName] = (0, import_react.useState)("");
+  const [lastName, setLastName] = (0, import_react.useState)("");
+  const [error, setError] = (0, import_react.useState)(null);
+  const goBack = () => {
+    setStep("email");
+    setPassword("");
+    setConfirmPassword("");
+    setError(null);
+  };
+  const toggleMode = () => {
+    setMode((m) => m === "signin" ? "signup" : "signin");
+    setStep("email");
+    setPassword("");
+    setConfirmPassword("");
+    setFirstName("");
+    setLastName("");
+    setError(null);
+  };
+  const validateEmail = () => {
+    const trimmed = email.trim();
+    if (!trimmed) {
+      setError("Email is required.");
+      return false;
+    }
+    if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(trimmed)) {
+      setError("Please enter a valid email address.");
+      return false;
+    }
+    return true;
+  };
+  const handleContinue = (e) => {
+    e.preventDefault();
+    setError(null);
+    if (validateEmail()) {
+      setStep("credentials");
+    }
+  };
+  const handleSignIn = (e) => {
+    e.preventDefault();
+    setError(null);
+    if (!validateEmail()) return;
+    if (!password.trim()) {
+      setError("Password is required.");
+      return;
+    }
+    startTransition(async () => {
+      const { error: signInError } = await supabase.auth.signInWithPassword({
+        email: email.trim(),
+        password: password.trim()
+      });
+      if (signInError) {
+        if (signInError.message === "Email not confirmed") {
+          onVerifyNeeded == null ? void 0 : onVerifyNeeded(email);
+        } else {
+          setError(signInError.message);
+        }
+      } else {
+        onSuccess == null ? void 0 : onSuccess();
+      }
+    });
+  };
+  const handleSignUp = (e) => {
+    e.preventDefault();
+    setError(null);
+    if (!firstName.trim()) {
+      setError("First name is required.");
+      return;
+    }
+    if (!lastName.trim()) {
+      setError("Last name is required.");
+      return;
+    }
+    if (!password.trim()) {
+      setError("Password is required.");
+      return;
+    }
+    if (password.trim().length < 8) {
+      setError("Password must be at least 8 characters.");
+      return;
+    }
+    const trimmedPassword = password.trim();
+    if (trimmedPassword !== confirmPassword.trim()) {
+      setError("Passwords do not match.");
+      return;
+    }
+    startTransition(async () => {
+      const fullName = `${firstName.trim()} ${lastName.trim()}`;
+      const { data: signUpData, error: signUpError } = await supabase.auth.signUp({
+        email: email.trim(),
+        password: trimmedPassword,
+        options: {
+          data: {
+            name: fullName,
+            full_name: fullName,
+            first_name: firstName.trim(),
+            last_name: lastName.trim()
+          }
+        }
+      });
+      if (signUpError) {
+        setError(signUpError.message);
+      } else if (signUpData.session) {
+        onSuccess == null ? void 0 : onSuccess();
+      } else {
+        onVerifyNeeded == null ? void 0 : onVerifyNeeded(email);
+      }
+    });
+  };
+  if (mode === "signin") {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("form", { onSubmit: handleSignIn, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_core.Stack, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_core.TextInput,
+        {
+          label: "Email",
+          placeholder: "you@frequency.media",
+          type: "email",
+          value: email,
+          onChange: (e) => setEmail(e.currentTarget.value),
+          disabled: isPending,
+          required: true
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_core.PasswordInput,
+        {
+          label: "Password",
+          placeholder: "Your password",
+          value: password,
+          onChange: (e) => setPassword(e.currentTarget.value),
+          disabled: isPending,
+          required: true
+        }
+      ),
+      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", type: "submit", loading: isPending, children: "Sign in" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_core.Group, { justify: "space-between", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_core.Anchor,
+          {
+            component: "button",
+            type: "button",
+            size: "sm",
+            onClick: toggleMode,
+            disabled: isPending,
+            children: "Don't have an account?"
+          }
+        ),
+        onResetRequest && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_core.Anchor,
+          {
+            component: "button",
+            type: "button",
+            size: "sm",
+            onClick: onResetRequest,
+            disabled: isPending,
+            children: "Forgot password?"
+          }
+        )
+      ] })
+    ] }) });
+  }
+  if (step === "email") {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("form", { onSubmit: handleContinue, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_core.Stack, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_core.TextInput,
+        {
+          label: "Email",
+          placeholder: "you@frequency.media",
+          type: "email",
+          value: email,
+          onChange: (e) => setEmail(e.currentTarget.value),
+          required: true
+        }
+      ),
+      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", type: "submit", children: "Continue" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Anchor, { component: "button", type: "button", size: "sm", onClick: toggleMode, children: "Already have an account?" })
+    ] }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("form", { onSubmit: handleSignUp, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_core.Stack, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_core.Group, { gap: "xs", align: "baseline", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Text, { size: "sm", c: "dimmed", children: email }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Anchor, { component: "button", type: "button", size: "sm", onClick: goBack, disabled: isPending, children: "Change" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_core.Group, { grow: true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_core.TextInput,
+        {
+          label: "First name",
+          placeholder: "Jane",
+          value: firstName,
+          onChange: (e) => setFirstName(e.currentTarget.value),
+          disabled: isPending,
+          required: true
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_core.TextInput,
+        {
+          label: "Last name",
+          placeholder: "Doe",
+          value: lastName,
+          onChange: (e) => setLastName(e.currentTarget.value),
+          disabled: isPending,
+          required: true
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_core.PasswordInput,
+      {
+        label: "Password",
+        placeholder: "At least 8 characters",
+        value: password,
+        onChange: (e) => setPassword(e.currentTarget.value),
+        disabled: isPending,
+        required: true
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_core.PasswordInput,
+      {
+        label: "Confirm password",
+        placeholder: "Repeat your password",
+        value: confirmPassword,
+        onChange: (e) => setConfirmPassword(e.currentTarget.value),
+        disabled: isPending,
+        required: true
+      }
+    ),
+    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", type: "submit", loading: isPending, children: "Create account" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_core.Anchor,
+      {
+        component: "button",
+        type: "button",
+        size: "sm",
+        onClick: toggleMode,
+        disabled: isPending,
+        children: "Already have an account?"
+      }
+    )
+  ] }) });
+}
+
+// src/components/login/google-sign-in.tsx
+var import_react2 = require("react");
+var import_core2 = require("@mantine/core");
+var import_client2 = require("@frequencyads/db/client");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function GoogleIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("svg", { width: "18", height: "18", viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "path",
+      {
+        d: "M17.64 9.2c0-.637-.057-1.251-.164-1.84H9v3.481h4.844a4.14 4.14 0 0 1-1.796 2.716v2.259h2.908c1.702-1.567 2.684-3.875 2.684-6.615z",
+        fill: "#4285F4"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "path",
+      {
+        d: "M9 18c2.43 0 4.467-.806 5.956-2.18l-2.908-2.259c-.806.54-1.837.86-3.048.86-2.344 0-4.328-1.584-5.036-3.711H.957v2.332A8.997 8.997 0 0 0 9 18z",
+        fill: "#34A853"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "path",
+      {
+        d: "M3.964 10.71A5.41 5.41 0 0 1 3.682 9c0-.593.102-1.17.282-1.71V4.958H.957A8.997 8.997 0 0 0 0 9c0 1.452.348 2.827.957 4.042l3.007-2.332z",
+        fill: "#FBBC05"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "path",
+      {
+        d: "M9 3.58c1.321 0 2.508.454 3.44 1.345l2.582-2.58C13.463.891 11.426 0 9 0A8.997 8.997 0 0 0 .957 4.958L3.964 7.29C4.672 5.163 6.656 3.58 9 3.58z",
+        fill: "#EA4335"
+      }
+    )
+  ] });
+}
+function GoogleSignIn({ redirectTo, isPending }) {
+  const supabase = (0, import_client2.createBrowserClient)();
+  const [loading, setLoading] = (0, import_react2.useState)(false);
+  const handleGoogleLogin = async () => {
+    setLoading(true);
+    await supabase.auth.signInWithOAuth({
+      provider: "google",
+      options: {
+        redirectTo: redirectTo != null ? redirectTo : `${window.location.origin}/auth/callback`,
+        queryParams: { prompt: "select_account" }
+      }
+    });
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_core2.Button,
+    {
+      type: "button",
+      fullWidth: true,
+      size: "md",
+      variant: "default",
+      leftSection: loading ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_core2.Loader, { size: 18 }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(GoogleIcon, {}),
+      onClick: handleGoogleLogin,
+      disabled: isPending || loading,
+      styles: {
+        root: {
+          fontWeight: 500,
+          height: 44,
+          backgroundColor: "var(--mantine-color-white)",
+          color: "var(--mantine-color-gray-9)",
+          borderColor: "var(--mantine-color-gray-3)"
+        }
+      },
+      children: "Sign in with Google"
+    }
+  );
+}
+
+// src/components/login/index.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function LoginPage({
+  title = "Sign in",
+  description = "Authenticate once. Operate everywhere.",
+  info,
+  redirectTo,
+  header,
+  footer,
+  onVerifyNeeded,
+  onResetRequest,
+  onSuccess
+}) {
+  const [isPending, startTransition] = (0, import_react3.useTransition)();
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_core3.Box, { w: "100%", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_core3.Box, { maw: 460, children: [
+      header && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core3.Box, { mb: "lg", ta: "center", children: header }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_core3.Title, { order: 3, fw: 600, c: "gray.7", mb: "xs", children: [
+        title,
+        info && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_core3.Box, { component: "span", style: { whiteSpace: "nowrap" }, children: [
+          "\xA0",
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_core3.HoverCard, { width: 300, shadow: "md", withArrow: true, position: "bottom-start", openDelay: 100, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core3.HoverCard.Target, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+              import_core3.ActionIcon,
+              {
+                variant: "subtle",
+                color: "gray",
+                size: "sm",
+                display: "inline-flex",
+                style: { verticalAlign: "middle" },
+                children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons_react.IconInfoCircle, { size: 16 })
+              }
+            ) }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core3.HoverCard.Dropdown, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core3.Text, { size: "xs", c: "dimmed", lh: 1.6, children: info }) })
+          ] })
+        ] })
+      ] }),
+      description && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core3.Text, { size: "sm", c: "gray.6", mb: "lg", children: description }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        EmailPasswordForm,
+        {
+          isPending,
+          startTransition,
+          onVerifyNeeded,
+          onResetRequest,
+          onSuccess
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core3.Divider, { my: "lg", label: "or continue with", labelPosition: "center", color: "gray.3" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(GoogleSignIn, { redirectTo, isPending })
+    ] }),
+    footer && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core3.Divider, { my: "lg", color: "gray.3" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core3.Box, { ta: "left", w: "100%", children: footer })
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  LoginPage
+});

package/dist/components/login.mjs

@@ -0,0 +1,9 @@
+'use client';
+"use client";
+import {
+  LoginPage
+} from "../chunk-VBLFQXCD.mjs";
+import "../chunk-NS2JRZGO.mjs";
+export {
+  LoginPage
+};

package/dist/components/reset-password.d.mts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface ResetPasswordFormProps {
+    onComplete: () => void;
+    onBackToLogin?: () => void;
+    /** Content rendered above the form (e.g. a logo). */
+    header?: React.ReactNode;
+}
+declare function ResetPasswordForm({ onComplete, onBackToLogin, header }: ResetPasswordFormProps): react_jsx_runtime.JSX.Element;
+
+export { ResetPasswordForm };

package/dist/components/reset-password.d.ts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface ResetPasswordFormProps {
+    onComplete: () => void;
+    onBackToLogin?: () => void;
+    /** Content rendered above the form (e.g. a logo). */
+    header?: React.ReactNode;
+}
+declare function ResetPasswordForm({ onComplete, onBackToLogin, header }: ResetPasswordFormProps): react_jsx_runtime.JSX.Element;
+
+export { ResetPasswordForm };