@stackframe/stack 2.3.5 → 2.3.7

package/dist/components/password-field.js

@@ -1,42 +1,112 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Input } from "../components-core";
-import { forwardRef, useRef, useState } from 'react';
-import { HiEye, HiEyeOff } from 'react-icons/hi';
-import { useDesign } from "..";
-const PasswordField = forwardRef(({ id, name, ...props }, ref) => {
-    const [isOpen, setIsOpen] = useState(false);
-    const { colors } = useDesign();
-    const inputRef = useRef(null);
-    const mergeRef = (node) => {
-        if (ref) {
-            if (typeof ref === 'function') {
-                ref(node);
-            }
-            else {
-                ref.current = node;
-            }
-        }
-        inputRef.current = node;
-    };
-    const onClickReveal = () => {
-        setIsOpen(!isOpen);
-        const currentInput = inputRef.current;
-        if (currentInput) {
-            currentInput.focus({ preventScroll: true });
-        }
-    };
-    return (_jsxs("div", { style: { position: 'relative', display: 'flex' }, children: [_jsx(Input, { id: id, ref: mergeRef, name: name, type: isOpen ? 'text' : 'password', autoComplete: "current-password", required: true, style: { flex: 1 }, ...props }), _jsx("button", { tabIndex: -1, type: "button", style: {
-                    position: 'absolute',
-                    backgroundColor: 'transparent',
-                    border: 'none',
-                    top: 0,
-                    right: 0,
-                    bottom: 0,
-                    display: 'flex',
-                    alignItems: 'center',
-                    paddingRight: '12px'
-                }, onClick: onClickReveal, "aria-label": isOpen ? 'Mask password' : 'Reveal password', children: isOpen ? _jsx(HiEyeOff, { color: colors.secondaryColor }) : _jsx(HiEye, { color: colors.secondaryColor }) })] }));
+"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/password-field.tsx
+var password_field_exports = {};
+__export(password_field_exports, {
+  default: () => password_field_default
 });
-PasswordField.displayName = 'PasswordField';
-export default PasswordField;
+module.exports = __toCommonJS(password_field_exports);
+var import_components_core = require("../components-core");
+var import_react = require("react");
+var import_hi = require("react-icons/hi");
+var import__ = require("..");
+var import_styled_components = __toESM(require("styled-components"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var getIconStyle = (colors) => `
+  color: ${colors.light.secondaryColor};
+
+  html[data-theme='dark'] & {
+    color: ${colors.dark.secondaryColor};
+  }
+`;
+var StyledEyeOff = (0, import_styled_components.default)(import_hi.HiEyeOff)`${(props) => getIconStyle(props.colors)}`;
+var StyledEye = (0, import_styled_components.default)(import_hi.HiEye)`${(props) => getIconStyle(props.colors)}`;
+var PasswordField = (0, import_react.forwardRef)(({ id, name, ...props }, ref) => {
+  const [isOpen, setIsOpen] = (0, import_react.useState)(false);
+  const { colors } = (0, import__.useDesign)();
+  const inputRef = (0, import_react.useRef)(null);
+  const mergeRef = (node) => {
+    if (ref) {
+      if (typeof ref === "function") {
+        ref(node);
+      } else {
+        ref.current = node;
+      }
+    }
+    inputRef.current = node;
+  };
+  const onClickReveal = () => {
+    setIsOpen(!isOpen);
+    const currentInput = inputRef.current;
+    if (currentInput) {
+      currentInput.focus({ preventScroll: true });
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { position: "relative", display: "flex" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_components_core.Input,
+      {
+        id,
+        ref: mergeRef,
+        name,
+        type: isOpen ? "text" : "password",
+        autoComplete: "current-password",
+        required: true,
+        style: { flex: 1 },
+        ...props
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "button",
+      {
+        tabIndex: -1,
+        type: "button",
+        style: {
+          position: "absolute",
+          backgroundColor: "transparent",
+          border: "none",
+          top: 0,
+          right: 0,
+          bottom: 0,
+          display: "flex",
+          alignItems: "center",
+          paddingRight: "12px"
+        },
+        onClick: onClickReveal,
+        "aria-label": isOpen ? "Mask password" : "Reveal password",
+        children: isOpen ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledEyeOff, { colors }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledEye, { colors })
+      }
+    )
+  ] });
+});
+PasswordField.displayName = "PasswordField";
+var password_field_default = PasswordField;

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

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

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

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

package/dist/components/password-reset-inner.js

@@ -1,61 +1,123 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import { getPasswordError } from "@stackframe/stack-shared/dist/helpers/password";
-import { useStackApp } from "..";
-import PasswordField from "./password-field";
-import FormWarningText from "./form-warning";
-import RedirectMessageCard from "./redirect-message-card";
-import MessageCard from "./message-card";
-import CardFrame from "./card-frame";
-import { Button, Label, Text } from "../components-core";
-export default function PasswordResetInner({ code, fullPage = false }) {
-    const [password, setPassword] = useState('');
-    const [passwordError, setPasswordError] = useState('');
-    const [passwordRepeat, setPasswordRepeat] = useState('');
-    const [passwordRepeatError, setPasswordRepeatError] = useState('');
-    const [finished, setFinished] = useState(false);
-    const [resetError, setResetError] = useState(false);
-    const stackApp = useStackApp();
-    const onSubmit = async () => {
-        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 passwordError = getPasswordError(password);
-        if (passwordError) {
-            setPasswordError(passwordError.message);
-            return;
-        }
-        const errorCode = await stackApp.resetPassword({ password, code });
-        // this should not happen, the outer component should verify the code before rendering this component
-        if (errorCode) {
-            setResetError(true);
-            return;
-        }
-        setFinished(true);
-    };
-    if (finished) {
-        return _jsx(RedirectMessageCard, { type: 'passwordReset', fullPage: fullPage });
+"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/password-reset-inner.tsx
+var password_reset_inner_exports = {};
+__export(password_reset_inner_exports, {
+  default: () => PasswordResetInner
+});
+module.exports = __toCommonJS(password_reset_inner_exports);
+var import_react = require("react");
+var import_password = require("@stackframe/stack-shared/dist/helpers/password");
+var import__ = require("..");
+var import_password_field = __toESM(require("./password-field"));
+var import_form_warning = __toESM(require("./form-warning"));
+var import_redirect_message_card = __toESM(require("./redirect-message-card"));
+var import_message_card = __toESM(require("./message-card"));
+var import_card_frame = __toESM(require("./card-frame"));
+var import_components_core = require("../components-core");
+var import_jsx_runtime = require("react/jsx-runtime");
+function PasswordResetInner({ code, fullPage = false }) {
+  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 [finished, setFinished] = (0, import_react.useState)(false);
+  const [resetError, setResetError] = (0, import_react.useState)(false);
+  const stackApp = (0, import__.useStackApp)();
+  const onSubmit = async () => {
+    if (!password) {
+      setPasswordError("Please enter your password");
+      return;
     }
-    if (resetError) {
-        return (_jsx(MessageCard, { title: "Failed to reset password", fullPage: fullPage, children: _jsx(Text, { children: "Failed to reset password. Please request a new password reset link" }) }));
+    if (!passwordRepeat) {
+      setPasswordRepeatError("Please repeat your password");
+      return;
     }
-    return (_jsxs(CardFrame, { fullPage: fullPage, children: [_jsx("div", { style: { textAlign: 'center', marginBottom: '1.5rem' }, children: _jsx(Text, { size: "xl", as: 'h2', children: "Reset Your Password" }) }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', alignItems: 'stretch' }, children: [_jsx(Label, { htmlFor: "password", children: "New 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 New 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: "Reset Password" })] })] }));
+    if (password !== passwordRepeat) {
+      setPasswordRepeatError("Passwords do not match");
+      return;
+    }
+    const passwordError2 = (0, import_password.getPasswordError)(password);
+    if (passwordError2) {
+      setPasswordError(passwordError2.message);
+      return;
+    }
+    const errorCode = await stackApp.resetPassword({ password, code });
+    if (errorCode) {
+      setResetError(true);
+      return;
+    }
+    setFinished(true);
+  };
+  if (finished) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_redirect_message_card.default, { type: "passwordReset", fullPage });
+  }
+  if (resetError) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_message_card.default, { title: "Failed to reset password", fullPage, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Text, { children: "Failed to reset password. Please request a new password reset link" }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_card_frame.default, { fullPage, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { textAlign: "center", marginBottom: "1.5rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Text, { size: "xl", as: "h2", children: "Reset Your Password" }) }),
+    /* @__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: "password", children: "New 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("");
+          }
+        }
+      ),
+      /* @__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 New 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("");
+          }
+        }
+      ),
+      /* @__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: "Reset Password" })
+    ] })
+  ] });
 }

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

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function RedirectMessageCard({ type, fullPage, }: {
+    type: 'signedIn' | 'signedOut' | 'emailSent' | 'passwordReset' | 'emailVerified';
+    fullPage?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+export { RedirectMessageCard as default };

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

@@ -1,4 +1,8 @@
-export default function RedirectMessageCard({ type, fullPage, }: {
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function RedirectMessageCard({ type, fullPage, }: {
     type: 'signedIn' | 'signedOut' | 'emailSent' | 'passwordReset' | 'emailVerified';
     fullPage?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+}): react_jsx_runtime.JSX.Element;
+
+export { RedirectMessageCard as default };

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

@@ -1,61 +1,113 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRouter } from "next/navigation";
-import { useStackApp } from "..";
-import MessageCard from "./message-card";
-import { Text, Button } from "../components-core";
-import { neverResolve } from "@stackframe/stack-shared/dist/utils/promises";
-export default function RedirectMessageCard({ type, fullPage = false, }) {
-    const stackApp = useStackApp();
-    const router = useRouter();
-    let title;
-    let primaryUrl;
-    let secondaryUrl = null;
-    let message = null;
-    let primaryButton;
-    let secondaryButton = null;
-    switch (type) {
-        case 'signedIn': {
-            title = "You are already signed in";
-            primaryUrl = stackApp.urls.home;
-            secondaryUrl = stackApp.urls.signOut;
-            primaryButton = "Go to Home";
-            secondaryButton = "Sign Out";
-            break;
-        }
-        case 'signedOut': {
-            title = "You are not currently signed in.";
-            primaryUrl = stackApp.urls.home;
-            primaryButton = "Go to Home";
-            break;
-        }
-        case 'emailSent': {
-            title = "Email sent!";
-            message = 'Please check your inbox. Make sure to check your spam folder.';
-            primaryUrl = stackApp.urls.home;
-            primaryButton = "Go to Home";
-            break;
-        }
-        case 'passwordReset': {
-            title = "Password reset successfully!";
-            message = 'Your password has been reset. You can now sign in with your new password.';
-            primaryUrl = stackApp.urls.signIn;
-            primaryButton = "Go to Sign In";
-            break;
-        }
-        case 'emailVerified': {
-            title = "Email verified!";
-            message = 'Your have successfully verified your email.';
-            primaryUrl = stackApp.urls.home;
-            primaryButton = "Go to Home";
-            break;
-        }
+"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/redirect-message-card.tsx
+var redirect_message_card_exports = {};
+__export(redirect_message_card_exports, {
+  default: () => RedirectMessageCard
+});
+module.exports = __toCommonJS(redirect_message_card_exports);
+var import_navigation = require("next/navigation");
+var import__ = require("..");
+var import_message_card = __toESM(require("./message-card"));
+var import_components_core = require("../components-core");
+var import_promises = require("@stackframe/stack-shared/dist/utils/promises");
+var import_jsx_runtime = require("react/jsx-runtime");
+function RedirectMessageCard({
+  type,
+  fullPage = false
+}) {
+  const stackApp = (0, import__.useStackApp)();
+  const router = (0, import_navigation.useRouter)();
+  let title;
+  let primaryUrl;
+  let secondaryUrl = null;
+  let message = null;
+  let primaryButton;
+  let secondaryButton = null;
+  switch (type) {
+    case "signedIn": {
+      title = "You are already signed in";
+      primaryUrl = stackApp.urls.home;
+      secondaryUrl = stackApp.urls.signOut;
+      primaryButton = "Go to Home";
+      secondaryButton = "Sign Out";
+      break;
     }
-    return (_jsxs(MessageCard, { title: title, fullPage: fullPage, children: [message && _jsx(Text, { children: message }), _jsxs("div", { style: { display: 'flex', flexDirection: 'row', alignItems: 'center', justifyContent: 'center', gap: '16px', marginTop: 20 }, children: [secondaryButton && (_jsx(Button, { variant: "secondary", onClick: async () => {
-                            router.push(stackApp.urls.signOut.toString());
-                            await neverResolve();
-                        }, children: secondaryButton })), _jsx(Button, { onClick: async () => {
-                            router.push(primaryUrl.toString());
-                            await neverResolve();
-                        }, children: primaryButton })] })] }));
+    case "signedOut": {
+      title = "You are not currently signed in.";
+      primaryUrl = stackApp.urls.home;
+      primaryButton = "Go to Home";
+      break;
+    }
+    case "emailSent": {
+      title = "Email sent!";
+      message = "Please check your inbox. Make sure to check your spam folder.";
+      primaryUrl = stackApp.urls.home;
+      primaryButton = "Go to Home";
+      break;
+    }
+    case "passwordReset": {
+      title = "Password reset successfully!";
+      message = "Your password has been reset. You can now sign in with your new password.";
+      primaryUrl = stackApp.urls.signIn;
+      primaryButton = "Go to Sign In";
+      break;
+    }
+    case "emailVerified": {
+      title = "Email verified!";
+      message = "Your have successfully verified your email.";
+      primaryUrl = stackApp.urls.home;
+      primaryButton = "Go to Home";
+      break;
+    }
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_message_card.default, { title, fullPage, children: [
+    message && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Text, { children: message }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", flexDirection: "row", alignItems: "center", justifyContent: "center", gap: "16px", marginTop: 20 }, children: [
+      secondaryButton && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_components_core.Button,
+        {
+          variant: "secondary",
+          onClick: async () => {
+            router.push(stackApp.urls.signOut.toString());
+            await (0, import_promises.neverResolve)();
+          },
+          children: secondaryButton
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Button, { onClick: async () => {
+        router.push(primaryUrl.toString());
+        await (0, import_promises.neverResolve)();
+      }, children: primaryButton })
+    ] })
+  ] });
 }

package/dist/components/separator-with-text.d.mts

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

package/dist/components/separator-with-text.d.ts

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

package/dist/components/separator-with-text.js

@@ -1,6 +1,36 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Separator, Text } from "../components-core";
-export default function SeparatorWithText({ text }) {
-    return (_jsxs("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'center', marginTop: '1.5rem', marginBottom: '1.5rem' }, children: [_jsx("div", { style: { flex: 1 }, children: _jsx(Separator, {}) }), _jsx(Text, { style: { padding: '0 16px' }, variant: "secondary", size: 'sm', children: text }), _jsx("div", { style: { flex: 1 }, children: _jsx(Separator, {}) })] }));
+"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/separator-with-text.tsx
+var separator_with_text_exports = {};
+__export(separator_with_text_exports, {
+  default: () => SeparatorWithText
+});
+module.exports = __toCommonJS(separator_with_text_exports);
+var import_components_core = require("../components-core");
+var import_jsx_runtime = require("react/jsx-runtime");
+function SeparatorWithText({ text }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", marginTop: "1.5rem", marginBottom: "1.5rem" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { flex: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Separator, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Text, { style: { padding: "0 16px" }, variant: "secondary", size: "sm", children: text }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { flex: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Separator, {}) })
+  ] });
 }

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

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { User } from '../lib/stack-app.mjs';
+import '@stackframe/stack-shared';
+import '@stackframe/stack-shared/dist/interface/clientInterface';
+import '@stackframe/stack-shared/dist/utils/json';
+import '@stackframe/stack-shared/dist/interface/adminInterface';
+
+declare function UserAvatar(props: {
+    size?: number;
+    user: User | null;
+}): react_jsx_runtime.JSX.Element;
+
+export { UserAvatar as default };