@stackframe/stack 2.3.4 → 2.3.7

package/dist/components-core-joy/text.js

@@ -1,29 +1,69 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { Typography as JoyText } from '@mui/joy';
-export const Text = React.forwardRef((props, ref) => {
-    const { color, size, as, variant, ref: _, ...validProps } = props;
-    const muiLevel = {
-        h1: 'h1',
-        h2: 'h2',
-        h3: 'h3',
-        h4: 'h4',
-        h5: 'h4',
-        h6: 'h4',
-        p: {
-            xl: 'body-lg',
-            lg: 'body-lg',
-            md: 'body-md',
-            sm: 'body-sm',
-            xs: 'body-xs'
-        }[size || 'md']
-    }[as || 'p'];
-    const muiColor = {
-        primary: undefined,
-        secondary: 'neutral',
-        success: 'success',
-        warning: 'danger',
-    }[variant || 'primary'];
-    return _jsx(JoyText, { level: muiLevel, color: muiColor, ...validProps });
+"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-core-joy/text.tsx
+var text_exports = {};
+__export(text_exports, {
+  Text: () => Text
+});
+module.exports = __toCommonJS(text_exports);
+var import_react = __toESM(require("react"));
+var import_joy = require("@mui/joy");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Text = import_react.default.forwardRef((props, ref) => {
+  const { color, size, as, variant, ref: _, ...validProps } = props;
+  const muiLevel = {
+    h1: "h1",
+    h2: "h2",
+    h3: "h3",
+    h4: "h4",
+    h5: "h4",
+    h6: "h4",
+    p: {
+      xl: "body-lg",
+      lg: "body-lg",
+      md: "body-md",
+      sm: "body-sm",
+      xs: "body-xs"
+    }[size || "md"]
+  }[as || "p"];
+  const muiColor = {
+    primary: void 0,
+    secondary: "neutral",
+    success: "success",
+    warning: "danger"
+  }[variant || "primary"];
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_joy.Typography, { level: muiLevel, color: muiColor, ...validProps });
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Text
 });

package/dist/components-page/account-settings.d.mts

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

package/dist/components-page/account-settings.d.ts

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

package/dist/components-page/account-settings.js

@@ -1,95 +1,227 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { PasswordField, useUser } from '..';
-import RedirectMessageCard from '../components/redirect-message-card';
-import { Text, Label, Input, Button, Card, CardHeader, CardContent, CardFooter, Container } from "../components-core";
-import UserAvatar from '../components/user-avatar';
-import { useState } from 'react';
-import FormWarningText from '../components/form-warning';
-import { getPasswordError } from '@stackframe/stack-shared/dist/helpers/password';
+"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-page/account-settings.tsx
+var account_settings_exports = {};
+__export(account_settings_exports, {
+  default: () => AccountSettings
+});
+module.exports = __toCommonJS(account_settings_exports);
+var import__ = require("..");
+var import_redirect_message_card = __toESM(require("../components/redirect-message-card"));
+var import_components_core = require("../components-core");
+var import_user_avatar = __toESM(require("../components/user-avatar"));
+var import_react = require("react");
+var import_form_warning = __toESM(require("../components/form-warning"));
+var import_password = require("@stackframe/stack-shared/dist/helpers/password");
+var import_jsx_runtime = require("react/jsx-runtime");
 function SettingSection(props) {
-    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(Text, { size: 'xl', as: 'h2', children: props.title }), _jsx(Text, { variant: 'secondary', children: props.desc })] }), props.children && _jsx(CardContent, { children: _jsx("div", { style: { display: 'flex', flexDirection: 'column', gap: '1.5rem' }, children: props.children }) }), props.buttonText && _jsx(CardFooter, { children: _jsx("div", { style: { display: 'flex', justifyContent: 'flex-end', width: '100%' }, children: _jsx(Button, { disabled: props.buttonDisabled, onClick: props.onButtonClick, variant: props.buttonVariant, children: props.buttonText }) }) })] }));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components_core.Card, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components_core.CardHeader, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Text, { size: "xl", as: "h2", children: props.title }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Text, { variant: "secondary", children: props.desc })
+    ] }),
+    props.children && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.CardContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { display: "flex", flexDirection: "column", gap: "1.5rem" }, children: props.children }) }),
+    props.buttonText && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.CardFooter, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { display: "flex", justifyContent: "flex-end", width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_components_core.Button,
+      {
+        disabled: props.buttonDisabled,
+        onClick: props.onButtonClick,
+        variant: props.buttonVariant,
+        children: props.buttonText
+      }
+    ) }) })
+  ] });
 }
 function ProfileSection() {
-    const user = useUser();
-    const [userInfo, setUserInfo] = useState({ displayName: user?.displayName || '' });
-    const [changed, setChanged] = useState(false);
-    return (_jsxs(SettingSection, { title: 'Profile', desc: 'Your profile information', buttonDisabled: !changed, buttonText: 'Save', onButtonClick: async () => {
-            await user?.update(userInfo);
-            setChanged(false);
-        }, children: [_jsxs("div", { style: { display: 'flex', gap: '1rem', alignItems: 'center' }, children: [_jsx(UserAvatar, { size: 60 }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column' }, children: [_jsx(Text, { size: 'lg', children: user?.displayName }), _jsx(Text, { variant: 'secondary', size: 'sm', children: user?.primaryEmail })] })] }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column' }, children: [_jsx(Label, { htmlFor: 'display-name', children: "Display Name" }), _jsx(Input, { id: 'display-name', value: userInfo.displayName, onChange: (e) => {
-                            setUserInfo((i) => ({ ...i, displayName: e.target.value }));
-                            setChanged(true);
-                        } })] })] }));
+  const user = (0, import__.useUser)();
+  const [userInfo, setUserInfo] = (0, import_react.useState)({ displayName: user?.displayName || "" });
+  const [changed, setChanged] = (0, import_react.useState)(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    SettingSection,
+    {
+      title: "Profile",
+      desc: "Your profile information",
+      buttonDisabled: !changed,
+      buttonText: "Save",
+      onButtonClick: async () => {
+        await user?.update(userInfo);
+        setChanged(false);
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", gap: "1rem", alignItems: "center" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_user_avatar.default, { user, size: 60 }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", flexDirection: "column" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Text, { size: "lg", children: user?.displayName }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Text, { variant: "secondary", size: "sm", children: user?.primaryEmail })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", flexDirection: "column" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Label, { htmlFor: "display-name", children: "Display Name" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_components_core.Input,
+            {
+              id: "display-name",
+              value: userInfo.displayName,
+              onChange: (e) => {
+                setUserInfo((i) => ({ ...i, displayName: e.target.value }));
+                setChanged(true);
+              }
+            }
+          )
+        ] })
+      ]
+    }
+  );
 }
 function EmailVerificationSection() {
-    const user = useUser();
-    const [emailSent, setEmailSent] = useState(false);
-    return (_jsx(SettingSection, { title: 'Email Verification', desc: 'We want to make sure that you own the email address.', buttonDisabled: emailSent, buttonText: !user?.primaryEmailVerified ?
-            emailSent ?
-                'Email sent!' :
-                'Send Email'
-            : undefined, onButtonClick: async () => {
-            await user?.sendVerificationEmail();
-            setEmailSent(true);
-        }, children: user?.primaryEmailVerified ?
-            _jsx(Text, { variant: 'success', children: "Your email has been verified" }) :
-            _jsx(Text, { variant: 'warning', children: "Your email has not been verified" }) }));
+  const user = (0, import__.useUser)();
+  const [emailSent, setEmailSent] = (0, import_react.useState)(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    SettingSection,
+    {
+      title: "Email Verification",
+      desc: "We want to make sure that you own the email address.",
+      buttonDisabled: emailSent,
+      buttonText: !user?.primaryEmailVerified ? emailSent ? "Email sent!" : "Send Email" : void 0,
+      onButtonClick: async () => {
+        await user?.sendVerificationEmail();
+        setEmailSent(true);
+      },
+      children: user?.primaryEmailVerified ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Text, { variant: "success", children: "Your email has been verified" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Text, { variant: "warning", children: "Your email has not been verified" })
+    }
+  );
 }
 function PasswordSection() {
-    const user = useUser();
-    const [oldPassword, setOldPassword] = useState('');
-    const [oldPasswordError, setOldPasswordError] = useState('');
-    const [newPassword, setNewPassword] = useState('');
-    const [newPasswordError, setNewPasswordError] = useState('');
-    if (!user?.hasPassword) {
-        return null;
-    }
-    return (_jsxs(SettingSection, { title: 'Password', desc: 'Change your password here.', buttonDisabled: !oldPassword || !newPassword, buttonText: 'Save', onButtonClick: async () => {
-            if (oldPassword && newPassword) {
-                const errorMessage = getPasswordError(newPassword);
-                if (errorMessage) {
-                    setNewPasswordError(errorMessage.message);
-                }
-                else {
-                    const errorCode = await user?.updatePassword({ oldPassword, newPassword });
-                    if (errorCode) {
-                        setOldPasswordError('Incorrect password');
-                    }
-                    else {
-                        setOldPassword('');
-                        setNewPassword('');
-                    }
-                }
+  const user = (0, import__.useUser)();
+  const [oldPassword, setOldPassword] = (0, import_react.useState)("");
+  const [oldPasswordError, setOldPasswordError] = (0, import_react.useState)("");
+  const [newPassword, setNewPassword] = (0, import_react.useState)("");
+  const [newPasswordError, setNewPasswordError] = (0, import_react.useState)("");
+  if (!user?.hasPassword) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    SettingSection,
+    {
+      title: "Password",
+      desc: "Change your password here.",
+      buttonDisabled: !oldPassword || !newPassword,
+      buttonText: "Save",
+      onButtonClick: async () => {
+        if (oldPassword && newPassword) {
+          const errorMessage = (0, import_password.getPasswordError)(newPassword);
+          if (errorMessage) {
+            setNewPasswordError(errorMessage.message);
+          } else {
+            const errorCode = await user?.updatePassword({ oldPassword, newPassword });
+            if (errorCode) {
+              setOldPasswordError("Incorrect password");
+            } else {
+              setOldPassword("");
+              setNewPassword("");
             }
-            else if (oldPassword && !newPassword) {
-                setNewPasswordError('Please enter a new password');
+          }
+        } else if (oldPassword && !newPassword) {
+          setNewPasswordError("Please enter a new password");
+        } else if (newPassword && !oldPassword) {
+          setOldPasswordError("Please enter your old password");
+        }
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", flexDirection: "column" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Label, { htmlFor: "old-password", children: "Old Password" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import__.PasswordField,
+            {
+              id: "old-password",
+              value: oldPassword,
+              onChange: (e) => {
+                setOldPassword(e.target.value);
+                setOldPasswordError("");
+              }
             }
-            else if (newPassword && !oldPassword) {
-                setOldPasswordError('Please enter your old password');
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form_warning.default, { text: oldPasswordError })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", flexDirection: "column" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Label, { htmlFor: "new-password", children: "New Password" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import__.PasswordField,
+            {
+              id: "new-password",
+              value: newPassword,
+              onChange: (e) => {
+                setNewPassword(e.target.value);
+                setNewPasswordError("");
+              }
             }
-        }, children: [_jsxs("div", { style: { display: 'flex', flexDirection: 'column' }, children: [_jsx(Label, { htmlFor: 'old-password', children: "Old Password" }), _jsx(PasswordField, { id: 'old-password', value: oldPassword, onChange: (e) => {
-                            setOldPassword(e.target.value);
-                            setOldPasswordError('');
-                        } }), _jsx(FormWarningText, { text: oldPasswordError })] }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column' }, children: [_jsx(Label, { htmlFor: 'new-password', children: "New Password" }), _jsx(PasswordField, { id: 'new-password', value: newPassword, onChange: (e) => {
-                            setNewPassword(e.target.value);
-                            setNewPasswordError('');
-                        } }), _jsx(FormWarningText, { text: newPasswordError })] })] }));
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form_warning.default, { text: newPasswordError })
+        ] })
+      ]
+    }
+  );
 }
 function SignOutSection() {
-    const user = useUser();
-    return (_jsx(SettingSection, { title: 'Sign out', desc: 'Sign out of your account on this device.', buttonVariant: 'secondary', buttonText: 'Sign Out', onButtonClick: () => user?.signOut() }));
-}
-export default function AccountSettings({ fullPage = false }) {
-    const user = useUser();
-    if (!user) {
-        return _jsx(RedirectMessageCard, { type: 'signedOut', fullPage: fullPage });
-    }
-    const inner = (_jsxs("div", { style: { padding: fullPage ? '1rem' : 0, display: 'flex', flexDirection: 'column', gap: '1.5rem' }, children: [_jsxs("div", { children: [_jsx(Text, { size: "xl", as: 'h2', style: { marginBottom: '0.5rem', fontWeight: '700' }, children: "Account Settings" }), _jsx(Text, { variant: 'secondary', children: "Manage your account" })] }), _jsx(ProfileSection, {}), _jsx(EmailVerificationSection, {}), _jsx(PasswordSection, {}), _jsx(SignOutSection, {})] }));
-    if (fullPage) {
-        return (_jsx(Container, { size: 'sm', children: inner }));
-    }
-    else {
-        return inner;
+  const user = (0, import__.useUser)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    SettingSection,
+    {
+      title: "Sign out",
+      desc: "Sign out of your account on this device.",
+      buttonVariant: "secondary",
+      buttonText: "Sign Out",
+      onButtonClick: () => user?.signOut()
     }
+  );
+}
+function AccountSettings({ fullPage = false }) {
+  const user = (0, import__.useUser)();
+  if (!user) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_redirect_message_card.default, { type: "signedOut", fullPage });
+  }
+  const inner = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { padding: fullPage ? "1rem" : 0, display: "flex", flexDirection: "column", gap: "1.5rem" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Text, { size: "xl", as: "h2", style: { marginBottom: "0.5rem", fontWeight: "700" }, children: "Account Settings" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Text, { variant: "secondary", children: "Manage your account" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ProfileSection, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EmailVerificationSection, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PasswordSection, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SignOutSection, {})
+  ] });
+  if (fullPage) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Container, { size: "sm", children: inner });
+  } else {
+    return inner;
+  }
 }

package/dist/components-page/auth-page.d.mts

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function AuthPage({ fullPage, type }: {
+    fullPage?: boolean;
+    type: 'sign-in' | 'sign-up';
+}): react_jsx_runtime.JSX.Element;
+
+export { AuthPage as default };

package/dist/components-page/auth-page.d.ts

@@ -1,4 +1,8 @@
-export default function AuthPage({ fullPage, type }: {
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function AuthPage({ fullPage, type }: {
     fullPage?: boolean;
     type: 'sign-in' | 'sign-up';
-}): import("react/jsx-runtime").JSX.Element;
+}): react_jsx_runtime.JSX.Element;
+
+export { AuthPage as default };

package/dist/components-page/auth-page.js

@@ -1,20 +1,80 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import CredentialSignIn from '../components/credential-sign-in';
-import SeparatorWithText from '../components/separator-with-text';
-import OAuthGroup from '../components/oauth-group';
-import CardFrame from '../components/card-frame';
-import { useUser, useStackApp, CredentialSignUp } from '..';
-import RedirectMessageCard from '../components/redirect-message-card';
-import { Link, Tabs, TabsContent, TabsList, TabsTrigger, Text } from "../components-core";
-import MagicLinkSignIn from '../components/magic-link-sign-in';
-export default function AuthPage({ fullPage = false, type }) {
-    const stackApp = useStackApp();
-    const user = useUser();
-    const project = stackApp.useProject();
-    if (user) {
-        return _jsx(RedirectMessageCard, { type: 'signedIn', fullPage: fullPage });
-    }
-    const enableSeparator = (project.credentialEnabled || project.magicLinkEnabled) && project.oauthProviders.filter(p => p.enabled).length > 0;
-    return (_jsxs(CardFrame, { fullPage: fullPage, children: [_jsxs("div", { style: { textAlign: 'center', marginBottom: '1.5rem' }, children: [_jsx(Text, { size: "xl", as: 'h2', children: type === 'sign-in' ? 'Sign in to your account' : 'Create a new account' }), type === 'sign-in' ? (_jsxs(Text, { children: ["Don't have an account? ", _jsx(Link, { href: stackApp.urls.signUp, children: "Sign up" })] })) : (_jsxs(Text, { children: ["Already have an account? ", _jsx(Link, { href: stackApp.urls.signIn, children: "Sign in" })] }))] }), _jsx(OAuthGroup, { type: 'signin' }), enableSeparator && _jsx(SeparatorWithText, { text: 'Or continue with' }), project.credentialEnabled && project.magicLinkEnabled ? (_jsxs(Tabs, { defaultValue: 'magic-link', children: [_jsxs(TabsList, { children: [_jsx(TabsTrigger, { value: 'magic-link', children: "Magic Link" }), _jsx(TabsTrigger, { value: 'password', children: "Password" })] }), _jsx(TabsContent, { value: 'magic-link', children: _jsx(MagicLinkSignIn, {}) }), _jsx(TabsContent, { value: 'password', children: type === 'sign-up' ? _jsx(CredentialSignUp, {}) : _jsx(CredentialSignIn, {}) })] })) : project.credentialEnabled ? (type === 'sign-up' ? _jsx(CredentialSignUp, {}) : _jsx(CredentialSignIn, {})) : project.magicLinkEnabled ? (_jsx(MagicLinkSignIn, {})) : null] }));
+"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-page/auth-page.tsx
+var auth_page_exports = {};
+__export(auth_page_exports, {
+  default: () => AuthPage
+});
+module.exports = __toCommonJS(auth_page_exports);
+var import_credential_sign_in = __toESM(require("../components/credential-sign-in"));
+var import_separator_with_text = __toESM(require("../components/separator-with-text"));
+var import_oauth_group = __toESM(require("../components/oauth-group"));
+var import_card_frame = __toESM(require("../components/card-frame"));
+var import__ = require("..");
+var import_redirect_message_card = __toESM(require("../components/redirect-message-card"));
+var import_components_core = require("../components-core");
+var import_magic_link_sign_in = __toESM(require("../components/magic-link-sign-in"));
+var import_jsx_runtime = require("react/jsx-runtime");
+function AuthPage({
+  fullPage = false,
+  type
+}) {
+  const stackApp = (0, import__.useStackApp)();
+  const user = (0, import__.useUser)();
+  const project = stackApp.useProject();
+  if (user) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_redirect_message_card.default, { type: "signedIn", fullPage });
+  }
+  const enableSeparator = (project.credentialEnabled || project.magicLinkEnabled) && project.oauthProviders.filter((p) => p.enabled).length > 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_card_frame.default, { fullPage, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { textAlign: "center", marginBottom: "1.5rem" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Text, { size: "xl", as: "h2", children: type === "sign-in" ? "Sign in to your account" : "Create a new account" }),
+      type === "sign-in" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components_core.Text, { children: [
+        "Don't have an account? ",
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Link, { href: stackApp.urls.signUp, children: "Sign up" })
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components_core.Text, { children: [
+        "Already have an account? ",
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Link, { href: stackApp.urls.signIn, children: "Sign in" })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_oauth_group.default, { type: "signin" }),
+    enableSeparator && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_separator_with_text.default, { text: "Or continue with" }),
+    project.credentialEnabled && project.magicLinkEnabled ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components_core.Tabs, { defaultValue: "magic-link", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components_core.TabsList, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.TabsTrigger, { value: "magic-link", children: "Magic Link" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.TabsTrigger, { value: "password", children: "Password" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.TabsContent, { value: "magic-link", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_magic_link_sign_in.default, {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.TabsContent, { value: "password", children: type === "sign-up" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.CredentialSignUp, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_credential_sign_in.default, {}) })
+    ] }) : project.credentialEnabled ? type === "sign-up" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.CredentialSignUp, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_credential_sign_in.default, {}) : project.magicLinkEnabled ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_magic_link_sign_in.default, {}) : null
+  ] });
 }

package/dist/components-page/email-verification.d.mts

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function EmailVerification({ searchParams: { code, }, fullPage, }: {
+    searchParams?: Record<string, string>;
+    fullPage?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+export { EmailVerification as default };

package/dist/components-page/email-verification.d.ts

@@ -1,4 +1,8 @@
-export default function EmailVerification({ searchParams: { code, }, fullPage, }: {
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function EmailVerification({ searchParams: { code, }, fullPage, }: {
     searchParams?: Record<string, string>;
     fullPage?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+}): react_jsx_runtime.JSX.Element;
+
+export { EmailVerification as default };