@stackframe/stack 2.3.5 → 2.3.8

package/dist/components/card-frame.d.mts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+
+declare function CardFrame({ children, fullPage }: {
+    children: React__default.ReactNode;
+    fullPage?: boolean;
+}): string | number | boolean | Iterable<React__default.ReactNode> | Promise<React__default.AwaitedReactNode> | react_jsx_runtime.JSX.Element | null | undefined;
+
+export { CardFrame as default };

package/dist/components/card-frame.d.ts

@@ -1,6 +1,9 @@
-/// <reference types="react/experimental" />
-import React from "react";
-export default function CardFrame({ children, fullPage }: {
-    children: React.ReactNode;
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+
+declare function CardFrame({ children, fullPage }: {
+    children: React__default.ReactNode;
     fullPage?: boolean;
-}): string | number | boolean | Iterable<React.ReactNode> | Promise<React.AwaitedReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+}): string | number | boolean | Iterable<React__default.ReactNode> | Promise<React__default.AwaitedReactNode> | react_jsx_runtime.JSX.Element | null | undefined;
+
+export { CardFrame as default };

package/dist/components/card-frame.js

@@ -1,24 +1,59 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Container } from "../components-core";
-import { useEffect, useState } from "react";
-export default function CardFrame({ children, fullPage = true }) {
-    const [hasNoParent, setHasNoParent] = useState(false);
-    useEffect(() => {
-        const component = document.getElementById('stack-card-frame');
-        setHasNoParent(!component?.parentElement ||
-            component?.parentElement === document.body ||
-            component?.parentElement === document.documentElement);
-    }, []);
-    if (fullPage) {
-        return (_jsx("div", { id: 'stack-card-frame', style: {
-                height: hasNoParent ? '100vh' : '100%',
-                display: 'flex',
-                alignItems: 'center',
-                justifyContent: 'center',
-            }, children: _jsx(Container, { size: 380, style: { padding: '1rem 1rem' }, children: children }) }));
-    }
-    else {
-        return children;
-    }
+"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/card-frame.tsx
+var card_frame_exports = {};
+__export(card_frame_exports, {
+  default: () => CardFrame
+});
+module.exports = __toCommonJS(card_frame_exports);
+var import_components_core = require("../components-core");
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+function CardFrame({
+  children,
+  fullPage = true
+}) {
+  const [hasNoParent, setHasNoParent] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(() => {
+    const component = document.getElementById("stack-card-frame");
+    setHasNoParent(
+      !component?.parentElement || component?.parentElement === document.body || component?.parentElement === document.documentElement
+    );
+  }, []);
+  if (fullPage) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        id: "stack-card-frame",
+        style: {
+          height: hasNoParent ? "100vh" : "100%",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center"
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Container, { size: 380, style: { padding: "1rem 1rem" }, children })
+      }
+    );
+  } else {
+    return children;
+  }
 }

package/dist/components/credential-sign-in.d.mts

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

package/dist/components/credential-sign-in.d.ts

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

package/dist/components/credential-sign-in.js

@@ -1,44 +1,112 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import FormWarningText from "./form-warning";
-import PasswordField from "./password-field";
-import { validateEmail } from "../utils/email";
-import { useStackApp } from "..";
-import { Button, Input, Label, Link } from "../components-core";
-import { KnownErrors } from "@stackframe/stack-shared";
-export default function CredentialSignIn() {
-    const [email, setEmail] = useState('');
-    const [emailError, setEmailError] = useState('');
-    const [password, setPassword] = useState('');
-    const [passwordError, setPasswordError] = useState('');
-    const app = useStackApp();
-    const onSubmit = async () => {
-        if (!email) {
-            setEmailError('Please enter your email');
-            return;
+"use client";
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/credential-sign-in.tsx
+var credential_sign_in_exports = {};
+__export(credential_sign_in_exports, {
+  default: () => CredentialSignIn
+});
+module.exports = __toCommonJS(credential_sign_in_exports);
+var import_react = require("react");
+var import_form_warning = __toESM(require("./form-warning"));
+var import_password_field = __toESM(require("./password-field"));
+var import_email = require("../utils/email");
+var import__ = require("..");
+var import_components_core = require("../components-core");
+var import_stack_shared = require("@stackframe/stack-shared");
+var import_jsx_runtime = require("react/jsx-runtime");
+function CredentialSignIn() {
+  const [email, setEmail] = (0, import_react.useState)("");
+  const [emailError, setEmailError] = (0, import_react.useState)("");
+  const [password, setPassword] = (0, import_react.useState)("");
+  const [passwordError, setPasswordError] = (0, import_react.useState)("");
+  const app = (0, import__.useStackApp)();
+  const onSubmit = async () => {
+    if (!email) {
+      setEmailError("Please enter your email");
+      return;
+    }
+    if (!(0, import_email.validateEmail)(email)) {
+      setEmailError("Please enter a valid email");
+      return;
+    }
+    if (!password) {
+      setPasswordError("Please enter your password");
+      return;
+    }
+    const error = await app.signInWithCredential({ email, password });
+    if (error instanceof import_stack_shared.KnownErrors.EmailPasswordMismatch) {
+      setPasswordError("Wrong email or password");
+    } else if (error) {
+      setEmailError(`An error occurred. ${error.message}`);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", flexDirection: "column", alignItems: "stretch" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Label, { htmlFor: "email", children: "Email" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_components_core.Input,
+      {
+        id: "email",
+        type: "email",
+        name: "email",
+        value: email,
+        onChange: (e) => {
+          setEmail(e.target.value);
+          setEmailError("");
         }
-        if (!validateEmail(email)) {
-            setEmailError('Please enter a valid email');
-            return;
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form_warning.default, { text: emailError }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Label, { htmlFor: "password", style: { marginTop: "1rem" }, children: "Password" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_password_field.default,
+      {
+        id: "password",
+        name: "password",
+        value: password,
+        onChange: (e) => {
+          setPassword(e.target.value);
+          setPasswordError("");
         }
-        if (!password) {
-            setPasswordError('Please enter your password');
-            return;
-        }
-        const error = await app.signInWithCredential({ email, password });
-        if (error instanceof KnownErrors.EmailPasswordMismatch) {
-            setPasswordError('Wrong email or password');
-        }
-        else if (error) {
-            setEmailError(`An error occurred. ${error.message}`);
-        }
-    };
-    return (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', alignItems: 'stretch' }, children: [_jsx(Label, { htmlFor: "email", children: "Email" }), _jsx(Input, { id: "email", type: "email", name: "email", value: email, onChange: (e) => {
-                    setEmail(e.target.value);
-                    setEmailError('');
-                } }), _jsx(FormWarningText, { text: emailError }), _jsx(Label, { htmlFor: "password", style: { marginTop: '1rem' }, children: "Password" }), _jsx(PasswordField, { id: "password", name: "password", value: password, onChange: (e) => {
-                    setPassword(e.target.value);
-                    setPasswordError('');
-                } }), _jsx(FormWarningText, { text: passwordError }), _jsx(Link, { href: app.urls.forgotPassword, size: 'sm', style: { marginTop: '0.5rem' }, children: "Forgot password?" }), _jsx(Button, { style: { marginTop: '1.5rem' }, onClick: onSubmit, children: "Sign In" })] }));
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form_warning.default, { text: passwordError }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Link, { href: app.urls.forgotPassword, size: "sm", style: { marginTop: "0.5rem" }, children: "Forgot password?" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_components_core.Button,
+      {
+        style: { marginTop: "1.5rem" },
+        onClick: onSubmit,
+        children: "Sign In"
+      }
+    )
+  ] });
 }

package/dist/components/credential-sign-up.d.mts

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

package/dist/components/credential-sign-up.d.ts

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

package/dist/components/credential-sign-up.js

@@ -1,66 +1,144 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import PasswordField from "./password-field";
-import FormWarningText from "./form-warning";
-import { validateEmail } from "../utils/email";
-import { getPasswordError } from "@stackframe/stack-shared/dist/helpers/password";
-import { useStackApp } from "..";
-import { Label, Input, Button } from "../components-core";
-import { KnownErrors } from "@stackframe/stack-shared";
-export default function CredentialSignUp() {
-    const [email, setEmail] = useState('');
-    const [emailError, setEmailError] = useState('');
-    const [password, setPassword] = useState('');
-    const [passwordError, setPasswordError] = useState('');
-    const [passwordRepeat, setPasswordRepeat] = useState('');
-    const [passwordRepeatError, setPasswordRepeatError] = useState('');
-    const app = useStackApp();
-    const onSubmit = async () => {
-        if (!email) {
-            setEmailError('Please enter your email');
-            return;
+"use client";
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/credential-sign-up.tsx
+var credential_sign_up_exports = {};
+__export(credential_sign_up_exports, {
+  default: () => CredentialSignUp
+});
+module.exports = __toCommonJS(credential_sign_up_exports);
+var import_react = require("react");
+var import_password_field = __toESM(require("./password-field"));
+var import_form_warning = __toESM(require("./form-warning"));
+var import_email = require("../utils/email");
+var import_password = require("@stackframe/stack-shared/dist/helpers/password");
+var import__ = require("..");
+var import_components_core = require("../components-core");
+var import_stack_shared = require("@stackframe/stack-shared");
+var import_jsx_runtime = require("react/jsx-runtime");
+function CredentialSignUp() {
+  const [email, setEmail] = (0, import_react.useState)("");
+  const [emailError, setEmailError] = (0, import_react.useState)("");
+  const [password, setPassword] = (0, import_react.useState)("");
+  const [passwordError, setPasswordError] = (0, import_react.useState)("");
+  const [passwordRepeat, setPasswordRepeat] = (0, import_react.useState)("");
+  const [passwordRepeatError, setPasswordRepeatError] = (0, import_react.useState)("");
+  const app = (0, import__.useStackApp)();
+  const onSubmit = async () => {
+    if (!email) {
+      setEmailError("Please enter your email");
+      return;
+    }
+    if (!(0, import_email.validateEmail)(email)) {
+      setEmailError("Please enter a valid email");
+      return;
+    }
+    if (!password) {
+      setPasswordError("Please enter your password");
+      return;
+    }
+    if (!passwordRepeat) {
+      setPasswordRepeatError("Please repeat your password");
+      return;
+    }
+    if (password !== passwordRepeat) {
+      setPasswordRepeatError("Passwords do not match");
+      return;
+    }
+    const passwordError2 = (0, import_password.getPasswordError)(password);
+    if (passwordError2) {
+      setPasswordError(passwordError2.message);
+      return;
+    }
+    let error;
+    error = await app.signUpWithCredential({ email, password });
+    if (error instanceof import_stack_shared.KnownErrors.UserEmailAlreadyExists) {
+      setEmailError("User already exists");
+    } else if (error) {
+      setEmailError(`An error occurred. ${error.message}`);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", flexDirection: "column", alignItems: "stretch" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Label, { htmlFor: "email", children: "Email" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_components_core.Input,
+      {
+        id: "email",
+        type: "email",
+        name: "email",
+        value: email,
+        onChange: (e) => {
+          setEmail(e.target.value);
+          setEmailError("");
         }
-        if (!validateEmail(email)) {
-            setEmailError('Please enter a valid email');
-            return;
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form_warning.default, { text: emailError }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Label, { htmlFor: "password", style: { marginTop: "1rem" }, children: "Password" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_password_field.default,
+      {
+        id: "password",
+        name: "password",
+        value: password,
+        onChange: (e) => {
+          setPassword(e.target.value);
+          setPasswordError("");
+          setPasswordRepeatError("");
         }
-        if (!password) {
-            setPasswordError('Please enter your password');
-            return;
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form_warning.default, { text: passwordError }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Label, { htmlFor: "repeat-password", style: { marginTop: "1rem" }, children: "Repeat Password" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_password_field.default,
+      {
+        id: "repeat-password",
+        name: "repeat-password",
+        value: passwordRepeat,
+        onChange: (e) => {
+          setPasswordRepeat(e.target.value);
+          setPasswordError("");
+          setPasswordRepeatError("");
         }
-        if (!passwordRepeat) {
-            setPasswordRepeatError('Please repeat your password');
-            return;
-        }
-        if (password !== passwordRepeat) {
-            setPasswordRepeatError('Passwords do not match');
-            return;
-        }
-        const passwordError = getPasswordError(password);
-        if (passwordError) {
-            setPasswordError(passwordError.message);
-            return;
-        }
-        let error;
-        error = await app.signUpWithCredential({ email, password });
-        if (error instanceof KnownErrors.UserEmailAlreadyExists) {
-            setEmailError('User already exists');
-        }
-        else if (error) {
-            setEmailError(`An error occurred. ${error.message}`);
-        }
-    };
-    return (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', alignItems: 'stretch' }, children: [_jsx(Label, { htmlFor: "email", children: "Email" }), _jsx(Input, { id: "email", type: "email", name: "email", value: email, onChange: (e) => {
-                    setEmail(e.target.value);
-                    setEmailError('');
-                } }), _jsx(FormWarningText, { text: emailError }), _jsx(Label, { htmlFor: "password", style: { marginTop: '1rem' }, children: "Password" }), _jsx(PasswordField, { id: "password", name: "password", value: password, onChange: (e) => {
-                    setPassword(e.target.value);
-                    setPasswordError('');
-                    setPasswordRepeatError('');
-                } }), _jsx(FormWarningText, { text: passwordError }), _jsx(Label, { htmlFor: "repeat-password", style: { marginTop: '1rem' }, children: "Repeat Password" }), _jsx(PasswordField, { id: "repeat-password", name: "repeat-password", value: passwordRepeat, onChange: (e) => {
-                    setPasswordRepeat(e.target.value);
-                    setPasswordError('');
-                    setPasswordRepeatError('');
-                } }), _jsx(FormWarningText, { text: passwordRepeatError }), _jsx(Button, { style: { marginTop: '1.5rem' }, onClick: onSubmit, children: "Sign Up" })] }));
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form_warning.default, { text: passwordRepeatError }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_components_core.Button,
+      {
+        style: { marginTop: "1.5rem" },
+        onClick: onSubmit,
+        children: "Sign Up"
+      }
+    )
+  ] });
 }

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

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function ForgotPassword({ onSent }: {
+    onSent?: () => void;
+}): react_jsx_runtime.JSX.Element;
+
+export { ForgotPassword as default };

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

@@ -1,3 +1,7 @@
-export default function ForgotPassword({ onSent }: {
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function ForgotPassword({ onSent }: {
     onSent?: () => void;
-}): import("react/jsx-runtime").JSX.Element;
+}): react_jsx_runtime.JSX.Element;
+
+export { ForgotPassword as default };

package/dist/components/forgot-password.js

@@ -1,28 +1,85 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import FormWarningText from "./form-warning";
-import { validateEmail } from "../utils/email";
-import { useStackApp } from "..";
-import { Button, Input, Label } from "../components-core";
-export default function ForgotPassword({ onSent }) {
-    const [email, setEmail] = useState('');
-    const [emailError, setEmailError] = useState('');
-    const stackApp = useStackApp();
-    const onSubmit = async () => {
-        if (!email) {
-            setEmailError('Please enter your email');
-            return;
+"use client";
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/forgot-password.tsx
+var forgot_password_exports = {};
+__export(forgot_password_exports, {
+  default: () => ForgotPassword
+});
+module.exports = __toCommonJS(forgot_password_exports);
+var import_react = require("react");
+var import_form_warning = __toESM(require("./form-warning"));
+var import_email = require("../utils/email");
+var import__ = require("..");
+var import_components_core = require("../components-core");
+var import_jsx_runtime = require("react/jsx-runtime");
+function ForgotPassword({ onSent }) {
+  const [email, setEmail] = (0, import_react.useState)("");
+  const [emailError, setEmailError] = (0, import_react.useState)("");
+  const stackApp = (0, import__.useStackApp)();
+  const onSubmit = async () => {
+    if (!email) {
+      setEmailError("Please enter your email");
+      return;
+    }
+    if (!(0, import_email.validateEmail)(email)) {
+      setEmailError("Please enter a valid email");
+      return;
+    }
+    await stackApp.sendForgotPasswordEmail(email);
+    onSent?.();
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", flexDirection: "column", alignItems: "stretch" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Label, { htmlFor: "email", children: "Your Email" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_components_core.Input,
+      {
+        id: "email",
+        type: "email",
+        name: "email",
+        value: email,
+        onChange: (e) => {
+          setEmail(e.target.value);
+          setEmailError("");
         }
-        if (!validateEmail(email)) {
-            setEmailError('Please enter a valid email');
-            return;
-        }
-        await stackApp.sendForgotPasswordEmail(email);
-        onSent?.();
-    };
-    return (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', alignItems: 'stretch' }, children: [_jsx(Label, { htmlFor: "email", children: "Your Email" }), _jsx(Input, { id: "email", type: "email", name: "email", value: email, onChange: (e) => {
-                    setEmail(e.target.value);
-                    setEmailError('');
-                } }), _jsx(FormWarningText, { text: emailError }), _jsx(Button, { style: { marginTop: '1.5rem' }, onClick: onSubmit, children: "Send Email" })] }));
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form_warning.default, { text: emailError }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_components_core.Button,
+      {
+        style: { marginTop: "1.5rem" },
+        onClick: onSubmit,
+        children: "Send Email"
+      }
+    )
+  ] });
 }

package/dist/components/form-warning.d.mts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function FormWarningText({ text }: {
+    text?: string;
+}): react_jsx_runtime.JSX.Element | null;
+
+export { FormWarningText as default };