@stackframe/stack 2.4.28 → 2.5.1

package/dist/components/{forgot-password.d.mts → forgot-password-form.d.mts}

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

package/dist/components/{forgot-password.d.ts → forgot-password-form.d.ts}

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

package/dist/components/{forgot-password.js → forgot-password-form.js}

@@ -29,43 +29,50 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/components/forgot-password.tsx
-var forgot_password_exports = {};
-__export(forgot_password_exports, {
-  default: () => ForgotPassword
+// src/components/forgot-password-form.tsx
+var forgot_password_form_exports = {};
+__export(forgot_password_form_exports, {
+  ForgotPasswordForm: () => ForgotPasswordForm
 });
-module.exports = __toCommonJS(forgot_password_exports);
+module.exports = __toCommonJS(forgot_password_form_exports);
 var import_react_hook_form = require("react-hook-form");
 var import_yup = require("@hookform/resolvers/yup");
 var yup = __toESM(require("yup"));
-var import_form_warning = __toESM(require("./form-warning"));
+var import_form_warning = require("./elements/form-warning");
 var import__ = require("..");
-var import_components_core = require("../components-core");
 var import_promises = require("@stackframe/stack-shared/dist/utils/promises");
+var import_stack_ui = require("@stackframe/stack-ui");
+var import_react = require("react");
 var import_jsx_runtime = require("react/jsx-runtime");
 var schema = yup.object().shape({
   email: yup.string().email("Please enter a valid email").required("Please enter your email")
 });
-function ForgotPassword({ onSent }) {
+function ForgotPasswordForm({ onSent }) {
   const { register, handleSubmit, formState: { errors }, clearErrors } = (0, import_react_hook_form.useForm)({
     resolver: (0, import_yup.yupResolver)(schema)
   });
   const stackApp = (0, import__.useStackApp)();
+  const [loading, setLoading] = (0, import_react.useState)(false);
   const onSubmit = async (data) => {
-    const { email } = data;
-    await stackApp.sendForgotPasswordEmail(email);
-    onSent?.();
+    setLoading(true);
+    try {
+      const { email } = data;
+      await stackApp.sendForgotPasswordEmail(email);
+      onSent?.();
+    } finally {
+      setLoading(false);
+    }
   };
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "form",
     {
-      style: { display: "flex", flexDirection: "column", alignItems: "stretch" },
+      className: "flex flex-col items-stretch stack-scope",
       onSubmit: (e) => (0, import_promises.runAsynchronouslyWithAlert)(handleSubmit(onSubmit)(e)),
       noValidate: true,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Label, { htmlFor: "email", children: "Your Email" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stack_ui.Label, { htmlFor: "email", className: "mb-1", children: "Your Email" }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_components_core.Input,
+          import_stack_ui.Input,
           {
             id: "email",
             type: "email",
@@ -73,17 +80,14 @@ function ForgotPassword({ onSent }) {
             onChange: () => clearErrors("email")
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form_warning.default, { text: errors.email?.message?.toString() }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_components_core.Button,
-          {
-            type: "submit",
-            style: { marginTop: "1.5rem" },
-            children: "Send Email"
-          }
-        )
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form_warning.FormWarningText, { text: errors.email?.message?.toString() }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stack_ui.Button, { type: "submit", className: "mt-6", loading, children: "Send Email" })
       ]
     }
   );
 }
-//# sourceMappingURL=forgot-password.js.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ForgotPasswordForm
+});
+//# sourceMappingURL=forgot-password-form.js.map

package/dist/components/forgot-password-form.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/forgot-password-form.tsx"],"sourcesContent":["'use client';\n\nimport { useForm } from \"react-hook-form\";\nimport { yupResolver } from \"@hookform/resolvers/yup\";\nimport * as yup from \"yup\";\nimport { FormWarningText } from \"./elements/form-warning\";\nimport { useStackApp } from \"..\";\nimport { runAsynchronouslyWithAlert } from \"@stackframe/stack-shared/dist/utils/promises\";\nimport { Button, Input, Label } from \"@stackframe/stack-ui\";\nimport { useState } from \"react\";\n\nconst schema = yup.object().shape({\n  email: yup.string().email('Please enter a valid email').required('Please enter your email')\n});\n\nexport function ForgotPasswordForm({ onSent }: { onSent?: () => void }) {\n  const { register, handleSubmit, formState: { errors }, clearErrors } = useForm({\n    resolver: yupResolver(schema)\n  });\n  const stackApp = useStackApp();\n  const [loading, setLoading] = useState(false);\n\n  const onSubmit = async (data: yup.InferType<typeof schema>) => {\n    setLoading(true);\n    try {\n      const { email } = data;\n      await stackApp.sendForgotPasswordEmail(email);\n    onSent?.();\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  return (\n    <form\n      className=\"flex flex-col items-stretch stack-scope\" \n      onSubmit={e => runAsynchronouslyWithAlert(handleSubmit(onSubmit)(e))}\n      noValidate\n    >\n      <Label htmlFor=\"email\" className=\"mb-1\">Your Email</Label>\n      <Input\n        id=\"email\"\n        type=\"email\"\n        {...register('email')}\n        onChange={() => clearErrors('email')}\n      />\n      <FormWarningText text={errors.email?.message?.toString()} />\n\n      <Button type=\"submit\" className=\"mt-6\" loading={loading}>\n        Send Email\n      </Button>\n    </form>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,6BAAwB;AACxB,iBAA4B;AAC5B,UAAqB;AACrB,0BAAgC;AAChC,eAA4B;AAC5B,sBAA2C;AAC3C,sBAAqC;AACrC,mBAAyB;AAyBrB;AAvBJ,IAAM,SAAa,WAAO,EAAE,MAAM;AAAA,EAChC,OAAW,WAAO,EAAE,MAAM,4BAA4B,EAAE,SAAS,yBAAyB;AAC5F,CAAC;AAEM,SAAS,mBAAmB,EAAE,OAAO,GAA4B;AACtE,QAAM,EAAE,UAAU,cAAc,WAAW,EAAE,OAAO,GAAG,YAAY,QAAI,gCAAQ;AAAA,IAC7E,cAAU,wBAAY,MAAM;AAAA,EAC9B,CAAC;AACD,QAAM,eAAW,sBAAY;AAC7B,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,KAAK;AAE5C,QAAM,WAAW,OAAO,SAAuC;AAC7D,eAAW,IAAI;AACf,QAAI;AACF,YAAM,EAAE,MAAM,IAAI;AAClB,YAAM,SAAS,wBAAwB,KAAK;AAC9C,eAAS;AAAA,IACT,UAAE;AACA,iBAAW,KAAK;AAAA,IAClB;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,UAAU,WAAK,4CAA2B,aAAa,QAAQ,EAAE,CAAC,CAAC;AAAA,MACnE,YAAU;AAAA,MAEV;AAAA,oDAAC,yBAAM,SAAQ,SAAQ,WAAU,QAAO,wBAAU;AAAA,QAClD;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,MAAK;AAAA,YACJ,GAAG,SAAS,OAAO;AAAA,YACpB,UAAU,MAAM,YAAY,OAAO;AAAA;AAAA,QACrC;AAAA,QACA,4CAAC,uCAAgB,MAAM,OAAO,OAAO,SAAS,SAAS,GAAG;AAAA,QAE1D,4CAAC,0BAAO,MAAK,UAAS,WAAU,QAAO,SAAkB,wBAEzD;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/components/magic-link-sign-in-form.d.mts

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

package/dist/components/magic-link-sign-in-form.d.ts

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

package/dist/components/{magic-link-sign-in.js → magic-link-sign-in-form.js}

@@ -29,49 +29,55 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/components/magic-link-sign-in.tsx
-var magic_link_sign_in_exports = {};
-__export(magic_link_sign_in_exports, {
-  default: () => MagicLinkSignIn
+// src/components/magic-link-sign-in-form.tsx
+var magic_link_sign_in_form_exports = {};
+__export(magic_link_sign_in_form_exports, {
+  MagicLinkSignInForm: () => MagicLinkSignInForm
 });
-module.exports = __toCommonJS(magic_link_sign_in_exports);
+module.exports = __toCommonJS(magic_link_sign_in_form_exports);
 var import_react = require("react");
 var import_react_hook_form = require("react-hook-form");
 var import_yup = require("@hookform/resolvers/yup");
 var yup = __toESM(require("yup"));
-var import_form_warning = __toESM(require("./form-warning"));
+var import_form_warning = require("./elements/form-warning");
 var import__ = require("..");
-var import_components_core = require("../components-core");
 var import_promises = require("@stackframe/stack-shared/dist/utils/promises");
+var import_stack_ui = require("@stackframe/stack-ui");
 var import_jsx_runtime = require("react/jsx-runtime");
 var schema = yup.object().shape({
   email: yup.string().email("Please enter a valid email").required("Please enter your email")
 });
-function MagicLinkSignIn() {
+function MagicLinkSignInForm() {
   const { register, handleSubmit, setError, formState: { errors }, clearErrors } = (0, import_react_hook_form.useForm)({
     resolver: (0, import_yup.yupResolver)(schema)
   });
   const [sent, setSent] = (0, import_react.useState)(false);
   const app = (0, import__.useStackApp)();
+  const [loading, setLoading] = (0, import_react.useState)(false);
   const onSubmit = async (data) => {
-    const { email } = data;
-    const error = await app.sendMagicLinkEmail(email);
-    if (error) {
-      setError("email", { type: "manual", message: error.message });
-      return;
+    setLoading(true);
+    try {
+      const { email } = data;
+      const error = await app.sendMagicLinkEmail(email);
+      if (error) {
+        setError("email", { type: "manual", message: error.message });
+        return;
+      }
+      setSent(true);
+    } finally {
+      setLoading(false);
     }
-    setSent(true);
   };
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "form",
     {
-      style: { display: "flex", flexDirection: "column", alignItems: "stretch" },
+      className: "flex flex-col items-stretch stack-scope",
       onSubmit: (e) => (0, import_promises.runAsynchronouslyWithAlert)(handleSubmit(onSubmit)(e)),
       noValidate: true,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Label, { htmlFor: "email", children: "Email" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stack_ui.Label, { htmlFor: "email", className: "mb-1", children: "Email" }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_components_core.Input,
+          import_stack_ui.Input,
           {
             id: "email",
             type: "email",
@@ -79,10 +85,14 @@ function MagicLinkSignIn() {
             disabled: sent
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form_warning.default, { text: errors.email?.message?.toString() }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Button, { disabled: sent, style: { marginTop: "1.5rem" }, type: "submit", children: sent ? "Email sent!" : "Send magic link" })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form_warning.FormWarningText, { text: errors.email?.message?.toString() }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stack_ui.Button, { disabled: sent, type: "submit", className: "mt-6", loading, children: sent ? "Email sent!" : "Send magic link" })
       ]
     }
   );
 }
-//# sourceMappingURL=magic-link-sign-in.js.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MagicLinkSignInForm
+});
+//# sourceMappingURL=magic-link-sign-in-form.js.map

package/dist/components/magic-link-sign-in-form.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/magic-link-sign-in-form.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport { yupResolver } from \"@hookform/resolvers/yup\";\nimport * as yup from \"yup\";\nimport { FormWarningText } from \"./elements/form-warning\";\nimport { useStackApp } from \"..\";\nimport { runAsynchronouslyWithAlert } from \"@stackframe/stack-shared/dist/utils/promises\";\nimport { Button, Input, Label } from \"@stackframe/stack-ui\";\n\nconst schema = yup.object().shape({\n  email: yup.string().email('Please enter a valid email').required('Please enter your email')\n});\n\nexport function MagicLinkSignInForm() {\n  const { register, handleSubmit, setError, formState: { errors }, clearErrors } = useForm({\n    resolver: yupResolver(schema)\n  });\n  const [sent, setSent] = useState(false);\n  const app = useStackApp();\n  const [loading, setLoading] = useState(false);\n\n  const onSubmit = async (data: yup.InferType<typeof schema>) => {\n    setLoading(true);\n    try {\n      const { email } = data;\n      const error = await app.sendMagicLinkEmail(email);\n      if (error) {\n        setError('email', { type: 'manual', message: error.message });\n        return;\n      }\n    setSent(true);\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  return (\n    <form \n      className=\"flex flex-col items-stretch stack-scope\"\n      onSubmit={e => runAsynchronouslyWithAlert(handleSubmit(onSubmit)(e))}\n      noValidate\n    >\n      <Label htmlFor=\"email\" className=\"mb-1\">Email</Label>\n      <Input\n        id=\"email\"\n        type=\"email\"\n        {...register('email')}\n        disabled={sent}\n      />\n      <FormWarningText text={errors.email?.message?.toString()} />\n\n      <Button disabled={sent} type=\"submit\" className=\"mt-6\" loading={loading}>\n        {sent ? 'Email sent!' : 'Send magic link'}\n      </Button>\n    </form>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAyB;AACzB,6BAAwB;AACxB,iBAA4B;AAC5B,UAAqB;AACrB,0BAAgC;AAChC,eAA4B;AAC5B,sBAA2C;AAC3C,sBAAqC;AA8BjC;AA5BJ,IAAM,SAAa,WAAO,EAAE,MAAM;AAAA,EAChC,OAAW,WAAO,EAAE,MAAM,4BAA4B,EAAE,SAAS,yBAAyB;AAC5F,CAAC;AAEM,SAAS,sBAAsB;AACpC,QAAM,EAAE,UAAU,cAAc,UAAU,WAAW,EAAE,OAAO,GAAG,YAAY,QAAI,gCAAQ;AAAA,IACvF,cAAU,wBAAY,MAAM;AAAA,EAC9B,CAAC;AACD,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,KAAK;AACtC,QAAM,UAAM,sBAAY;AACxB,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,KAAK;AAE5C,QAAM,WAAW,OAAO,SAAuC;AAC7D,eAAW,IAAI;AACf,QAAI;AACF,YAAM,EAAE,MAAM,IAAI;AAClB,YAAM,QAAQ,MAAM,IAAI,mBAAmB,KAAK;AAChD,UAAI,OAAO;AACT,iBAAS,SAAS,EAAE,MAAM,UAAU,SAAS,MAAM,QAAQ,CAAC;AAC5D;AAAA,MACF;AACF,cAAQ,IAAI;AAAA,IACZ,UAAE;AACA,iBAAW,KAAK;AAAA,IAClB;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,UAAU,WAAK,4CAA2B,aAAa,QAAQ,EAAE,CAAC,CAAC;AAAA,MACnE,YAAU;AAAA,MAEV;AAAA,oDAAC,yBAAM,SAAQ,SAAQ,WAAU,QAAO,mBAAK;AAAA,QAC7C;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,MAAK;AAAA,YACJ,GAAG,SAAS,OAAO;AAAA,YACpB,UAAU;AAAA;AAAA,QACZ;AAAA,QACA,4CAAC,uCAAgB,MAAM,OAAO,OAAO,SAAS,SAAS,GAAG;AAAA,QAE1D,4CAAC,0BAAO,UAAU,MAAM,MAAK,UAAS,WAAU,QAAO,SACpD,iBAAO,gBAAgB,mBAC1B;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/components/message-cards/known-error-message-card.d.mts

@@ -6,4 +6,4 @@ declare function KnownErrorMessageCard({ error, fullPage, }: {
     fullPage?: boolean;
 }): react_jsx_runtime.JSX.Element;
 
-export { KnownErrorMessageCard as default };
+export { KnownErrorMessageCard };

package/dist/components/message-cards/known-error-message-card.d.ts

@@ -6,4 +6,4 @@ declare function KnownErrorMessageCard({ error, fullPage, }: {
     fullPage?: boolean;
 }): react_jsx_runtime.JSX.Element;
 
-export { KnownErrorMessageCard as default };
+export { KnownErrorMessageCard };

package/dist/components/message-cards/known-error-message-card.js

@@ -1,11 +1,9 @@
 "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)
@@ -19,25 +17,17 @@ var __copyProps = (to, from, except, desc) => {
   }
   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/message-cards/known-error-message-card.tsx
 var known_error_message_card_exports = {};
 __export(known_error_message_card_exports, {
-  default: () => KnownErrorMessageCard
+  KnownErrorMessageCard: () => KnownErrorMessageCard
 });
 module.exports = __toCommonJS(known_error_message_card_exports);
 var import__ = require("../..");
-var import_message_card = __toESM(require("./message-card"));
-var import_components_core = require("../../components-core");
+var import_stack_ui = require("@stackframe/stack-ui");
+var import_message_card = require("./message-card");
 var import_jsx_runtime = require("react/jsx-runtime");
 function KnownErrorMessageCard({
   error,
@@ -45,18 +35,18 @@ function KnownErrorMessageCard({
 }) {
   const stackApp = (0, import__.useStackApp)();
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    import_message_card.default,
+    import_message_card.MessageCard,
     {
       title: "An error occurred",
       fullPage,
       primaryButtonText: "Go to Home",
       primaryAction: () => stackApp.redirectToHome(),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components_core.Text, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_stack_ui.Typography, { children: [
           "Error Code: ",
           error.errorCode
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components_core.Text, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_stack_ui.Typography, { children: [
           "Error Message: ",
           error.message
         ] })
@@ -64,4 +54,8 @@ function KnownErrorMessageCard({
     }
   );
 }
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  KnownErrorMessageCard
+});
 //# sourceMappingURL=known-error-message-card.js.map

package/dist/components/message-cards/known-error-message-card.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/message-cards/known-error-message-card.tsx"],"sourcesContent":["\"use client\";\n\nimport { useStackApp } from \"../..\";\nimport MessageCard from \"./message-card\";\nimport { Text } from \"../../components-core\";\nimport { KnownError } from \"@stackframe/stack-shared\";\n\nexport default function KnownErrorMessageCard({ \n  error,\n  fullPage=false,\n}: { \n  error: KnownError,\n  fullPage?: boolean, \n}) {\n  const stackApp = useStackApp();\n\n  return (\n    <MessageCard \n      title={\"An error occurred\"}\n      fullPage={fullPage} \n      primaryButtonText={\"Go to Home\"}\n      primaryAction={() => stackApp.redirectToHome()}\n    >\n      {<Text>Error Code: {error.errorCode}</Text>}\n      {<Text>Error Message: {error.message}</Text>}\n    </MessageCard>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,eAA4B;AAC5B,0BAAwB;AACxB,6BAAqB;AAmBd;AAhBQ,SAAR,sBAAuC;AAAA,EAC5C;AAAA,EACA,WAAS;AACX,GAGG;AACD,QAAM,eAAW,sBAAY;AAE7B,SACE;AAAA,IAAC,oBAAAA;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,MACP;AAAA,MACA,mBAAmB;AAAA,MACnB,eAAe,MAAM,SAAS,eAAe;AAAA,MAE5C;AAAA,qDAAC,+BAAK;AAAA;AAAA,UAAa,MAAM;AAAA,WAAU;AAAA,QACnC,6CAAC,+BAAK;AAAA;AAAA,UAAgB,MAAM;AAAA,WAAQ;AAAA;AAAA;AAAA,EACvC;AAEJ;","names":["MessageCard"]}
+{"version":3,"sources":["../../../src/components/message-cards/known-error-message-card.tsx"],"sourcesContent":["\"use client\";\n\nimport { useStackApp } from \"../..\";\nimport { Typography } from \"@stackframe/stack-ui\";\nimport { MessageCard } from \"./message-card\";\nimport { KnownError } from \"@stackframe/stack-shared\";\n\nexport function KnownErrorMessageCard({ \n  error,\n  fullPage=false,\n}: { \n  error: KnownError,\n  fullPage?: boolean, \n}) {\n  const stackApp = useStackApp();\n\n  return (\n    <MessageCard \n      title={\"An error occurred\"}\n      fullPage={fullPage} \n      primaryButtonText={\"Go to Home\"}\n      primaryAction={() => stackApp.redirectToHome()}\n    >\n      {<Typography>Error Code: {error.errorCode}</Typography>}\n      {<Typography>Error Message: {error.message}</Typography>}\n    </MessageCard>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,eAA4B;AAC5B,sBAA2B;AAC3B,0BAA4B;AAmBrB;AAhBA,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA,WAAS;AACX,GAGG;AACD,QAAM,eAAW,sBAAY;AAE7B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP;AAAA,MACA,mBAAmB;AAAA,MACnB,eAAe,MAAM,SAAS,eAAe;AAAA,MAE5C;AAAA,qDAAC,8BAAW;AAAA;AAAA,UAAa,MAAM;AAAA,WAAU;AAAA,QACzC,6CAAC,8BAAW;AAAA;AAAA,UAAgB,MAAM;AAAA,WAAQ;AAAA;AAAA;AAAA,EAC7C;AAEJ;","names":[]}

package/dist/components/message-cards/message-card.d.mts

@@ -1,8 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import React__default from 'react';
+import React from 'react';
 
 declare function MessageCard({ fullPage, ...props }: {
-    children?: React__default.ReactNode;
+    children?: React.ReactNode;
     title: string;
     fullPage?: boolean;
     primaryButtonText?: string;
@@ -11,4 +11,4 @@ declare function MessageCard({ fullPage, ...props }: {
     secondaryAction?: () => Promise<void> | void;
 }): react_jsx_runtime.JSX.Element;
 
-export { MessageCard as default };
+export { MessageCard };

package/dist/components/message-cards/message-card.d.ts

@@ -1,8 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import React__default from 'react';
+import React from 'react';
 
 declare function MessageCard({ fullPage, ...props }: {
-    children?: React__default.ReactNode;
+    children?: React.ReactNode;
     title: string;
     fullPage?: boolean;
     primaryButtonText?: string;
@@ -11,4 +11,4 @@ declare function MessageCard({ fullPage, ...props }: {
     secondaryAction?: () => Promise<void> | void;
 }): react_jsx_runtime.JSX.Element;
 
-export { MessageCard as default };
+export { MessageCard };

package/dist/components/message-cards/message-card.js

@@ -1,11 +1,9 @@
 "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)
@@ -19,33 +17,29 @@ var __copyProps = (to, from, except, desc) => {
   }
   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/message-cards/message-card.tsx
 var message_card_exports = {};
 __export(message_card_exports, {
-  default: () => MessageCard
+  MessageCard: () => MessageCard
 });
 module.exports = __toCommonJS(message_card_exports);
-var import_maybe_full_page = __toESM(require("../maybe-full-page"));
-var import_components_core = require("../../components-core");
+var import_maybe_full_page = require("../elements/maybe-full-page");
+var import_stack_ui = require("@stackframe/stack-ui");
 var import_jsx_runtime = require("react/jsx-runtime");
 function MessageCard({ fullPage = false, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_maybe_full_page.default, { fullPage, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { textAlign: "center" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Text, { size: "xl", as: "h2", style: { marginBottom: "24px" }, children: props.title }),
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_maybe_full_page.MaybeFullPage, { fullPage, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { textAlign: "center" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stack_ui.Typography, { type: "h3", className: "mb-6", children: props.title }),
     props.children,
     (props.primaryButtonText || props.secondaryButtonText) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", flexDirection: "row", alignItems: "center", justifyContent: "center", gap: "16px", marginTop: 20 }, children: [
-      props.secondaryButtonText && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Button, { variant: "secondary", onClick: props.secondaryAction, children: props.secondaryButtonText }),
-      props.primaryButtonText && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Button, { onClick: props.primaryAction, children: props.primaryButtonText })
+      props.secondaryButtonText && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stack_ui.Button, { variant: "secondary", onClick: props.secondaryAction, children: props.secondaryButtonText }),
+      props.primaryButtonText && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stack_ui.Button, { onClick: props.primaryAction, children: props.primaryButtonText })
     ] })
   ] }) });
 }
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MessageCard
+});
 //# sourceMappingURL=message-card.js.map

package/dist/components/message-cards/message-card.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/message-cards/message-card.tsx"],"sourcesContent":["'use client';\n\nimport React from \"react\";\nimport MaybeFullPage from \"../maybe-full-page\";\nimport { Button, Text } from \"../../components-core\";\n\nexport default function MessageCard(\n  { fullPage=false, ...props }: \n  { \n    children?: React.ReactNode, \n    title: string, \n    fullPage?: boolean,\n    primaryButtonText?: string,\n    primaryAction?: () => Promise<void> | void,\n    secondaryButtonText?: string,\n    secondaryAction?: () => Promise<void> | void,\n  }\n) {\n  return (\n    <MaybeFullPage fullPage={fullPage}>\n      <div style={{ textAlign: 'center' }}>\n        <Text size=\"xl\" as='h2' style={{ marginBottom: '24px' }}>{props.title}</Text>\n        {props.children}\n        {(props.primaryButtonText || props.secondaryButtonText) && (\n          <div style={{ display: 'flex', flexDirection: 'row', alignItems: 'center', justifyContent: 'center', gap: '16px', marginTop: 20 }}>\n            {props.secondaryButtonText && (\n              <Button variant=\"secondary\" onClick={props.secondaryAction}>\n                {props.secondaryButtonText}\n              </Button>\n            )}\n            {props.primaryButtonText && (\n              <Button onClick={props.primaryAction}>\n                {props.primaryButtonText}\n              </Button>\n            )}\n          </div>\n        )}\n      </div>\n    </MaybeFullPage>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,6BAA0B;AAC1B,6BAA6B;AAiBrB;AAfO,SAAR,YACL,EAAE,WAAS,OAAO,GAAG,MAAM,GAU3B;AACA,SACE,4CAAC,uBAAAA,SAAA,EAAc,UACb,uDAAC,SAAI,OAAO,EAAE,WAAW,SAAS,GAChC;AAAA,gDAAC,+BAAK,MAAK,MAAK,IAAG,MAAK,OAAO,EAAE,cAAc,OAAO,GAAI,gBAAM,OAAM;AAAA,IACrE,MAAM;AAAA,KACL,MAAM,qBAAqB,MAAM,wBACjC,6CAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,eAAe,OAAO,YAAY,UAAU,gBAAgB,UAAU,KAAK,QAAQ,WAAW,GAAG,GAC7H;AAAA,YAAM,uBACL,4CAAC,iCAAO,SAAQ,aAAY,SAAS,MAAM,iBACxC,gBAAM,qBACT;AAAA,MAED,MAAM,qBACL,4CAAC,iCAAO,SAAS,MAAM,eACpB,gBAAM,mBACT;AAAA,OAEJ;AAAA,KAEJ,GACF;AAEJ;","names":["MaybeFullPage"]}
+{"version":3,"sources":["../../../src/components/message-cards/message-card.tsx"],"sourcesContent":["'use client';\n\nimport React from \"react\";\nimport { MaybeFullPage } from \"../elements/maybe-full-page\";\nimport { Button, Typography } from \"@stackframe/stack-ui\";\n\nexport function MessageCard(\n  { fullPage=false, ...props }: \n  { \n    children?: React.ReactNode, \n    title: string, \n    fullPage?: boolean,\n    primaryButtonText?: string,\n    primaryAction?: () => Promise<void> | void,\n    secondaryButtonText?: string,\n    secondaryAction?: () => Promise<void> | void,\n  }\n) {\n  return (\n    <MaybeFullPage fullPage={fullPage}>\n      <div style={{ textAlign: 'center' }}>\n        <Typography type='h3' className=\"mb-6\">{props.title}</Typography>\n        {props.children}\n        {(props.primaryButtonText || props.secondaryButtonText) && (\n          <div style={{ display: 'flex', flexDirection: 'row', alignItems: 'center', justifyContent: 'center', gap: '16px', marginTop: 20 }}>\n            {props.secondaryButtonText && (\n              <Button variant=\"secondary\" onClick={props.secondaryAction}>\n                {props.secondaryButtonText}\n              </Button>\n            )}\n            {props.primaryButtonText && (\n              <Button onClick={props.primaryAction}>\n                {props.primaryButtonText}\n              </Button>\n            )}\n          </div>\n        )}\n      </div>\n    </MaybeFullPage>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,6BAA8B;AAC9B,sBAAmC;AAiB3B;AAfD,SAAS,YACd,EAAE,WAAS,OAAO,GAAG,MAAM,GAU3B;AACA,SACE,4CAAC,wCAAc,UACb,uDAAC,SAAI,OAAO,EAAE,WAAW,SAAS,GAChC;AAAA,gDAAC,8BAAW,MAAK,MAAK,WAAU,QAAQ,gBAAM,OAAM;AAAA,IACnD,MAAM;AAAA,KACL,MAAM,qBAAqB,MAAM,wBACjC,6CAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,eAAe,OAAO,YAAY,UAAU,gBAAgB,UAAU,KAAK,QAAQ,WAAW,GAAG,GAC7H;AAAA,YAAM,uBACL,4CAAC,0BAAO,SAAQ,aAAY,SAAS,MAAM,iBACxC,gBAAM,qBACT;AAAA,MAED,MAAM,qBACL,4CAAC,0BAAO,SAAS,MAAM,eACpB,gBAAM,mBACT;AAAA,OAEJ;AAAA,KAEJ,GACF;AAEJ;","names":[]}

package/dist/components/message-cards/predefined-message-card.d.mts

@@ -5,4 +5,4 @@ declare function PredefinedMessageCard({ type, fullPage, }: {
     fullPage?: boolean;
 }): react_jsx_runtime.JSX.Element;
 
-export { PredefinedMessageCard as default };
+export { PredefinedMessageCard };

package/dist/components/message-cards/predefined-message-card.d.ts

@@ -5,4 +5,4 @@ declare function PredefinedMessageCard({ type, fullPage, }: {
     fullPage?: boolean;
 }): react_jsx_runtime.JSX.Element;
 
-export { PredefinedMessageCard as default };
+export { PredefinedMessageCard };

package/dist/components/message-cards/predefined-message-card.js

@@ -1,11 +1,9 @@
 "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)
@@ -19,25 +17,17 @@ var __copyProps = (to, from, except, desc) => {
   }
   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/message-cards/predefined-message-card.tsx
 var predefined_message_card_exports = {};
 __export(predefined_message_card_exports, {
-  default: () => PredefinedMessageCard
+  PredefinedMessageCard: () => PredefinedMessageCard
 });
 module.exports = __toCommonJS(predefined_message_card_exports);
+var import_stack_ui = require("@stackframe/stack-ui");
 var import__ = require("../..");
-var import_message_card = __toESM(require("./message-card"));
-var import_components_core = require("../../components-core");
+var import_message_card = require("./message-card");
 var import_jsx_runtime = require("react/jsx-runtime");
 function PredefinedMessageCard({
   type,
@@ -95,7 +85,7 @@ function PredefinedMessageCard({
     }
   }
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_message_card.default,
+    import_message_card.MessageCard,
     {
       title,
       fullPage,
@@ -103,8 +93,12 @@ function PredefinedMessageCard({
       primaryAction,
       secondaryButtonText: secondaryButton || void 0,
       secondaryAction: secondaryAction || void 0,
-      children: message && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Text, { children: message })
+      children: message && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stack_ui.Typography, { children: message })
     }
   );
 }
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PredefinedMessageCard
+});
 //# sourceMappingURL=predefined-message-card.js.map

package/dist/components/message-cards/predefined-message-card.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/message-cards/predefined-message-card.tsx"],"sourcesContent":["\"use client\";\n\nimport { useStackApp } from \"../..\";\nimport MessageCard from \"./message-card\";\nimport { Text } from \"../../components-core\";\n\nexport default function PredefinedMessageCard({ \n  type,\n  fullPage=false,\n}: { \n  type: 'signedIn' | 'signedOut' | 'emailSent' | 'passwordReset' | 'emailVerified' | 'unknownError',\n  fullPage?: boolean, \n}) {\n  const stackApp = useStackApp();\n\n  let title: string;\n  let message: string | null = null;\n  let primaryButton: string | null = null;\n  let secondaryButton: string | null = null;\n  let primaryAction: (() => Promise<void> | void) | null = null;\n  let secondaryAction: (() => Promise<void> | void) | null = null;\n\n  switch (type) {\n    case 'signedIn': {\n      title = \"You are already signed in\";\n      primaryAction = () => stackApp.redirectToAfterSignOut();\n      secondaryAction = () => stackApp.redirectToSignOut();\n      primaryButton = \"Go to Home\";\n      secondaryButton = \"Sign Out\";\n      break;\n    }\n    case 'signedOut': {\n      title = \"You are not currently signed in.\";\n      primaryAction = () => stackApp.redirectToSignIn();\n      primaryButton = \"Go to Home\";\n      break;\n    }\n    case 'emailSent': {\n      title = \"Email sent!\";\n      message = 'Please check your inbox. Make sure to check your spam folder.';\n      primaryAction = () => stackApp.redirectToHome();\n      primaryButton = \"Go to Home\";\n      break;\n    }\n    case 'passwordReset': {\n      title = \"Password reset successfully!\";\n      message = 'Your password has been reset. You can now sign in with your new password.';\n      primaryAction = () => stackApp.redirectToSignIn();\n      primaryButton = \"Go to Sign In\";\n      break;\n    }\n    case 'emailVerified': {\n      title = \"Email verified!\";\n      message = 'Your have successfully verified your email.';\n      primaryAction = () => stackApp.redirectToSignIn();\n      primaryButton = \"Go to Home\";\n      break;\n    }\n    case 'unknownError': {\n      title = \"An unknown error occurred\";\n      message = 'Please try again and if the problem persists, contact support.';\n      primaryAction = () => stackApp.redirectToHome();\n      primaryButton = \"Go to Home\";\n      break;\n    }\n  }\n\n  return (\n    <MessageCard \n      title={title} \n      fullPage={fullPage} \n      primaryButtonText={primaryButton} \n      primaryAction={primaryAction} \n      secondaryButtonText={secondaryButton || undefined} \n      secondaryAction={secondaryAction || undefined}\n    >\n      {message && <Text>{message}</Text>}\n    </MessageCard>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,eAA4B;AAC5B,0BAAwB;AACxB,6BAAqB;AAwEH;AAtEH,SAAR,sBAAuC;AAAA,EAC5C;AAAA,EACA,WAAS;AACX,GAGG;AACD,QAAM,eAAW,sBAAY;AAE7B,MAAI;AACJ,MAAI,UAAyB;AAC7B,MAAI,gBAA+B;AACnC,MAAI,kBAAiC;AACrC,MAAI,gBAAqD;AACzD,MAAI,kBAAuD;AAE3D,UAAQ,MAAM;AAAA,IACZ,KAAK,YAAY;AACf,cAAQ;AACR,sBAAgB,MAAM,SAAS,uBAAuB;AACtD,wBAAkB,MAAM,SAAS,kBAAkB;AACnD,sBAAgB;AAChB,wBAAkB;AAClB;AAAA,IACF;AAAA,IACA,KAAK,aAAa;AAChB,cAAQ;AACR,sBAAgB,MAAM,SAAS,iBAAiB;AAChD,sBAAgB;AAChB;AAAA,IACF;AAAA,IACA,KAAK,aAAa;AAChB,cAAQ;AACR,gBAAU;AACV,sBAAgB,MAAM,SAAS,eAAe;AAC9C,sBAAgB;AAChB;AAAA,IACF;AAAA,IACA,KAAK,iBAAiB;AACpB,cAAQ;AACR,gBAAU;AACV,sBAAgB,MAAM,SAAS,iBAAiB;AAChD,sBAAgB;AAChB;AAAA,IACF;AAAA,IACA,KAAK,iBAAiB;AACpB,cAAQ;AACR,gBAAU;AACV,sBAAgB,MAAM,SAAS,iBAAiB;AAChD,sBAAgB;AAChB;AAAA,IACF;AAAA,IACA,KAAK,gBAAgB;AACnB,cAAQ;AACR,gBAAU;AACV,sBAAgB,MAAM,SAAS,eAAe;AAC9C,sBAAgB;AAChB;AAAA,IACF;AAAA,EACF;AAEA,SACE;AAAA,IAAC,oBAAAA;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,mBAAmB;AAAA,MACnB;AAAA,MACA,qBAAqB,mBAAmB;AAAA,MACxC,iBAAiB,mBAAmB;AAAA,MAEnC,qBAAW,4CAAC,+BAAM,mBAAQ;AAAA;AAAA,EAC7B;AAEJ;","names":["MessageCard"]}
+{"version":3,"sources":["../../../src/components/message-cards/predefined-message-card.tsx"],"sourcesContent":["\"use client\";\n\nimport { Typography } from \"@stackframe/stack-ui\";\nimport { useStackApp } from \"../..\";\nimport { MessageCard } from \"./message-card\";\n\nexport function PredefinedMessageCard({ \n  type,\n  fullPage=false,\n}: { \n  type: 'signedIn' | 'signedOut' | 'emailSent' | 'passwordReset' | 'emailVerified' | 'unknownError',\n  fullPage?: boolean, \n}) {\n  const stackApp = useStackApp();\n\n  let title: string;\n  let message: string | null = null;\n  let primaryButton: string | null = null;\n  let secondaryButton: string | null = null;\n  let primaryAction: (() => Promise<void> | void) | null = null;\n  let secondaryAction: (() => Promise<void> | void) | null = null;\n\n  switch (type) {\n    case 'signedIn': {\n      title = \"You are already signed in\";\n      primaryAction = () => stackApp.redirectToAfterSignOut();\n      secondaryAction = () => stackApp.redirectToSignOut();\n      primaryButton = \"Go to Home\";\n      secondaryButton = \"Sign Out\";\n      break;\n    }\n    case 'signedOut': {\n      title = \"You are not currently signed in.\";\n      primaryAction = () => stackApp.redirectToSignIn();\n      primaryButton = \"Go to Home\";\n      break;\n    }\n    case 'emailSent': {\n      title = \"Email sent!\";\n      message = 'Please check your inbox. Make sure to check your spam folder.';\n      primaryAction = () => stackApp.redirectToHome();\n      primaryButton = \"Go to Home\";\n      break;\n    }\n    case 'passwordReset': {\n      title = \"Password reset successfully!\";\n      message = 'Your password has been reset. You can now sign in with your new password.';\n      primaryAction = () => stackApp.redirectToSignIn();\n      primaryButton = \"Go to Sign In\";\n      break;\n    }\n    case 'emailVerified': {\n      title = \"Email verified!\";\n      message = 'Your have successfully verified your email.';\n      primaryAction = () => stackApp.redirectToSignIn();\n      primaryButton = \"Go to Home\";\n      break;\n    }\n    case 'unknownError': {\n      title = \"An unknown error occurred\";\n      message = 'Please try again and if the problem persists, contact support.';\n      primaryAction = () => stackApp.redirectToHome();\n      primaryButton = \"Go to Home\";\n      break;\n    }\n  }\n\n  return (\n    <MessageCard\n      title={title} \n      fullPage={fullPage} \n      primaryButtonText={primaryButton} \n      primaryAction={primaryAction} \n      secondaryButtonText={secondaryButton || undefined} \n      secondaryAction={secondaryAction || undefined}\n    >\n      {message && <Typography>{message}</Typography>}\n    </MessageCard>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,sBAA2B;AAC3B,eAA4B;AAC5B,0BAA4B;AAwEV;AAtEX,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA,WAAS;AACX,GAGG;AACD,QAAM,eAAW,sBAAY;AAE7B,MAAI;AACJ,MAAI,UAAyB;AAC7B,MAAI,gBAA+B;AACnC,MAAI,kBAAiC;AACrC,MAAI,gBAAqD;AACzD,MAAI,kBAAuD;AAE3D,UAAQ,MAAM;AAAA,IACZ,KAAK,YAAY;AACf,cAAQ;AACR,sBAAgB,MAAM,SAAS,uBAAuB;AACtD,wBAAkB,MAAM,SAAS,kBAAkB;AACnD,sBAAgB;AAChB,wBAAkB;AAClB;AAAA,IACF;AAAA,IACA,KAAK,aAAa;AAChB,cAAQ;AACR,sBAAgB,MAAM,SAAS,iBAAiB;AAChD,sBAAgB;AAChB;AAAA,IACF;AAAA,IACA,KAAK,aAAa;AAChB,cAAQ;AACR,gBAAU;AACV,sBAAgB,MAAM,SAAS,eAAe;AAC9C,sBAAgB;AAChB;AAAA,IACF;AAAA,IACA,KAAK,iBAAiB;AACpB,cAAQ;AACR,gBAAU;AACV,sBAAgB,MAAM,SAAS,iBAAiB;AAChD,sBAAgB;AAChB;AAAA,IACF;AAAA,IACA,KAAK,iBAAiB;AACpB,cAAQ;AACR,gBAAU;AACV,sBAAgB,MAAM,SAAS,iBAAiB;AAChD,sBAAgB;AAChB;AAAA,IACF;AAAA,IACA,KAAK,gBAAgB;AACnB,cAAQ;AACR,gBAAU;AACV,sBAAgB,MAAM,SAAS,eAAe;AAC9C,sBAAgB;AAChB;AAAA,IACF;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,mBAAmB;AAAA,MACnB;AAAA,MACA,qBAAqB,mBAAmB;AAAA,MACxC,iBAAiB,mBAAmB;AAAA,MAEnC,qBAAW,4CAAC,8BAAY,mBAAQ;AAAA;AAAA,EACnC;AAEJ;","names":[]}

package/dist/components/{oauth-group.d.mts → oauth-button-group.d.mts}

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ClientProjectJson } from '@stackframe/stack-shared';
 
-declare function OAuthGroup({ type, mockProject, }: {
+declare function OAuthButtonGroup({ type, mockProject, }: {
     type: 'sign-in' | 'sign-up';
     mockProject?: ClientProjectJson;
 }): react_jsx_runtime.JSX.Element;
 
-export { OAuthGroup as default };
+export { OAuthButtonGroup };

package/dist/components/{oauth-group.d.ts → oauth-button-group.d.ts}

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ClientProjectJson } from '@stackframe/stack-shared';
 
-declare function OAuthGroup({ type, mockProject, }: {
+declare function OAuthButtonGroup({ type, mockProject, }: {
     type: 'sign-in' | 'sign-up';
     mockProject?: ClientProjectJson;
 }): react_jsx_runtime.JSX.Element;
 
-export { OAuthGroup as default };
+export { OAuthButtonGroup };

package/dist/components/oauth-button-group.js

@@ -0,0 +1,43 @@
+"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/oauth-button-group.tsx
+var oauth_button_group_exports = {};
+__export(oauth_button_group_exports, {
+  OAuthButtonGroup: () => OAuthButtonGroup
+});
+module.exports = __toCommonJS(oauth_button_group_exports);
+var import_hooks = require("../lib/hooks");
+var import_oauth_button = require("./oauth-button");
+var import_jsx_runtime = require("react/jsx-runtime");
+function OAuthButtonGroup({
+  type,
+  mockProject
+}) {
+  const stackApp = (0, import_hooks.useStackApp)();
+  const project = mockProject || stackApp.useProject();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "gap-4 flex flex-col items-stretch stack-scope", children: project.oauthProviders.filter((p) => p.enabled).map((p) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_oauth_button.OAuthButton, { provider: p.id, type }, p.id)) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  OAuthButtonGroup
+});
+//# sourceMappingURL=oauth-button-group.js.map

package/dist/components/oauth-button-group.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/oauth-button-group.tsx"],"sourcesContent":["'use client';\n\nimport { ClientProjectJson } from \"@stackframe/stack-shared\";\nimport { useStackApp } from \"../lib/hooks\";\nimport { OAuthButton } from \"./oauth-button\";\n\nexport function OAuthButtonGroup({\n  type,\n  mockProject,\n}: {\n  type: 'sign-in' | 'sign-up',\n  mockProject?: ClientProjectJson,\n}) {\n  const stackApp = useStackApp();\n  const project = mockProject || stackApp.useProject();\n\n  return (\n    <div className='gap-4 flex flex-col items-stretch stack-scope'>\n      {project.oauthProviders.filter(p => p.enabled).map(p => (\n        <OAuthButton key={p.id} provider={p.id} type={type}/>\n      ))}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAA4B;AAC5B,0BAA4B;AAepB;AAbD,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AACF,GAGG;AACD,QAAM,eAAW,0BAAY;AAC7B,QAAM,UAAU,eAAe,SAAS,WAAW;AAEnD,SACE,4CAAC,SAAI,WAAU,iDACZ,kBAAQ,eAAe,OAAO,OAAK,EAAE,OAAO,EAAE,IAAI,OACjD,4CAAC,mCAAuB,UAAU,EAAE,IAAI,QAAtB,EAAE,EAA+B,CACpD,GACH;AAEJ;","names":[]}

package/dist/components/oauth-button.d.mts

@@ -5,4 +5,4 @@ declare function OAuthButton({ provider, type, }: {
     type: 'sign-in' | 'sign-up';
 }): react_jsx_runtime.JSX.Element;
 
-export { OAuthButton as default };
+export { OAuthButton };