@stackframe/stack 2.2.1 → 2.2.4

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

@@ -4,3 +4,4 @@ export default function CardFrame({ children, fullPage }: {
     children: React.ReactNode;
     fullPage?: boolean;
 }): string | number | boolean | Iterable<React.ReactNode> | Promise<React.AwaitedReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+//# sourceMappingURL=card-frame.d.ts.map

package/dist/components/card-frame.js

@@ -15,8 +15,8 @@ export default function CardFrame({ children, fullPage = true }) {
                 height: hasNoParent ? '100vh' : '100%',
                 display: 'flex',
                 alignItems: 'center',
-                justifyContent: 'center'
-            }, children: _jsx(Container, { size: 350, children: children }) }));
+                justifyContent: 'center',
+            }, children: _jsx(Container, { size: 380, style: { padding: '1rem 1rem' }, children: children }) }));
     }
     else {
         return children;

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

@@ -1 +1,2 @@
 export default function CredentialSignIn(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=credential-sign-in.d.ts.map

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

@@ -1 +1,2 @@
 export default function CredentialSignUp(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=credential-sign-up.d.ts.map

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

@@ -1,3 +1,4 @@
 export default function ForgotPassword({ onSent }: {
     onSent?: () => void;
 }): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=forgot-password.d.ts.map

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

@@ -1,3 +1,4 @@
 export default function FormWarningText({ text }: {
     text?: string;
 }): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=form-warning.d.ts.map

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

@@ -4,3 +4,4 @@ export default function MessageCard({ children, title, fullPage }: {
     title: string;
     fullPage?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=message-card.d.ts.map

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

@@ -2,3 +2,4 @@ export default function OAuthButton({ provider, type, }: {
     provider: string;
     type: 'signin' | 'signup';
 }): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=oauth-button.d.ts.map

package/dist/components/oauth-group.d.ts

@@ -1,3 +1,4 @@
 export default function OAuthGroup({ type, }: {
     type: 'signin' | 'signup';
 }): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=oauth-group.d.ts.map

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

@@ -1,3 +1,4 @@
 /// <reference types="react" />
 declare const PasswordField: import("react").ForwardRefExoticComponent<import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;
 export default PasswordField;
+//# sourceMappingURL=password-field.d.ts.map

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

@@ -2,3 +2,4 @@ export default function PasswordResetInner({ code, fullPage }: {
     code: string;
     fullPage?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=password-reset-inner.d.ts.map

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

@@ -2,3 +2,4 @@ export default function RedirectMessageCard({ type, fullPage, }: {
     type: 'signedIn' | 'signedOut' | 'emailSent' | 'passwordReset' | 'emailVerified';
     fullPage?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=redirect-message-card.d.ts.map

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

@@ -1,3 +1,4 @@
 export default function SeparatorWithText({ text }: {
     text: string;
 }): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=separator-with-text.d.ts.map

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

@@ -1,3 +1,4 @@
 export default function UserAvatar(props: {
     size?: number;
 }): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=user-avatar.d.ts.map

package/dist/components/user-button.d.ts

@@ -2,3 +2,4 @@ export default function UserButton({ showUserInfo, showColorMode, }: {
     showUserInfo?: boolean;
     showColorMode?: boolean;
 }): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=user-button.d.ts.map

package/dist/components/user-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"user-button.d.ts","sourceRoot":"","sources":["../../src/components/user-button.tsx"],"names":[],"mappings":"AAoBA,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,YAAoB,EACpB,aAAoB,GACrB,EAAE;IACD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,kDAyDA"}
+{"version":3,"file":"user-button.d.ts","sourceRoot":"","sources":["../../src/components/user-button.tsx"],"names":[],"mappings":"AAqBA,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,YAAoB,EACpB,aAAoB,GACrB,EAAE;IACD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,kDA0DA"}

package/dist/components/user-button.js

@@ -5,6 +5,7 @@ import { RxPerson, RxEnter, RxSun, RxShadow } from "react-icons/rx";
 import { runAsynchronously } from "@stackframe/stack-shared/dist/utils/promises";
 import { SECONDARY_FONT_COLORS } from "../utils/constants";
 import UserAvatar from "./user-avatar";
+import { useRouter } from "next/navigation";
 function Item(props) {
     return (_jsxs(DropdownMenuItem, { onClick: () => runAsynchronously(props.onClick), style: { display: 'flex', gap: '0.5rem', alignItems: 'center' }, children: [props.icon, _jsx(Text, { children: props.text })] }));
 }
@@ -12,6 +13,7 @@ export default function UserButton({ showUserInfo = false, showColorMode = true,
     const { colorMode, setColorMode } = useDesign();
     const user = useUser();
     const app = useStackApp();
+    const router = useRouter();
     const textStyles = {
         textOverflow: 'ellipsis',
         whiteSpace: 'nowrap',
@@ -19,7 +21,7 @@ export default function UserButton({ showUserInfo = false, showColorMode = true,
     };
     if (!user)
         return null;
-    return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { children: _jsxs("div", { style: { display: 'flex', gap: '0.5rem', alignItems: 'center' }, children: [_jsx(UserAvatar, {}), showUserInfo && _jsxs("div", { style: { display: 'flex', flexDirection: 'column', justifyContent: 'center' }, children: [_jsx(Text, { style: textStyles, children: user.displayName }), _jsx(Text, { style: { ...textStyles, fontWeight: 400 }, variant: "secondary", size: "sm", children: user.primaryEmail })] })] }) }), _jsxs(DropdownMenuContent, { children: [_jsx(DropdownMenuLabel, { children: _jsxs("div", { style: { display: 'flex', gap: '0.5rem', alignItems: 'center' }, children: [_jsx(UserAvatar, {}), _jsxs("div", { children: [_jsx(Text, { children: user.displayName }), _jsx(Text, { variant: "secondary", size: "sm", style: { fontWeight: 400 }, children: user.primaryEmail })] })] }) }), _jsx(DropdownMenuSeparator, {}), _jsx(Item, { text: "Account settings", onClick: () => app.redirectToAccountSettings(), icon: _jsx(RxPerson, { size: 22, color: SECONDARY_FONT_COLORS[colorMode] }) }), showColorMode && _jsx(Item, { text: colorMode === 'dark' ? 'Light theme' : 'Dark theme', onClick: () => setColorMode(colorMode === 'dark' ? 'light' : 'dark'), icon: colorMode === 'dark' ?
+    return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { children: _jsxs("div", { style: { display: 'flex', gap: '0.5rem', alignItems: 'center' }, children: [_jsx(UserAvatar, {}), showUserInfo && _jsxs("div", { style: { display: 'flex', flexDirection: 'column', justifyContent: 'center' }, children: [_jsx(Text, { style: textStyles, children: user.displayName }), _jsx(Text, { style: { ...textStyles, fontWeight: 400 }, variant: "secondary", size: "sm", children: user.primaryEmail })] })] }) }), _jsxs(DropdownMenuContent, { children: [_jsx(DropdownMenuLabel, { children: _jsxs("div", { style: { display: 'flex', gap: '0.5rem', alignItems: 'center' }, children: [_jsx(UserAvatar, {}), _jsxs("div", { children: [_jsx(Text, { children: user.displayName }), _jsx(Text, { variant: "secondary", size: "sm", style: { fontWeight: 400 }, children: user.primaryEmail })] })] }) }), _jsx(DropdownMenuSeparator, {}), _jsx(Item, { text: "Account settings", onClick: () => runAsynchronously(router.push(app.urls.accountSettings)), icon: _jsx(RxPerson, { size: 22, color: SECONDARY_FONT_COLORS[colorMode] }) }), showColorMode && _jsx(Item, { text: colorMode === 'dark' ? 'Light theme' : 'Dark theme', onClick: () => setColorMode(colorMode === 'dark' ? 'light' : 'dark'), icon: colorMode === 'dark' ?
                             _jsx(RxSun, { size: 22, color: SECONDARY_FONT_COLORS[colorMode] }) :
                             _jsx(RxShadow, { size: 22, color: SECONDARY_FONT_COLORS[colorMode] }) }), _jsx(Item, { text: "Sign out", onClick: () => user.signOut(), icon: _jsx(RxEnter, { size: 22, color: SECONDARY_FONT_COLORS[colorMode] }) })] })] }));
 }

package/dist/components-core/avatar.d.ts

@@ -4,3 +4,4 @@ declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.Avata
 declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
 declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
 export { Avatar, AvatarImage, AvatarFallback };
+//# sourceMappingURL=avatar.d.ts.map

package/dist/components-core/button.d.ts

@@ -8,3 +8,4 @@ export type ButtonProps = {
 } & Omit<React.HTMLProps<HTMLButtonElement>, 'size' | 'type' | 'onClick'>;
 declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export { Button, };
+//# sourceMappingURL=button.d.ts.map

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

@@ -4,3 +4,4 @@ declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<H
 declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 export { Card, CardHeader, CardFooter, CardContent, };
+//# sourceMappingURL=card.d.ts.map

package/dist/components-core/collapsible.d.ts

@@ -4,3 +4,4 @@ declare const Collapsible: import("react").ForwardRefExoticComponent<Collapsible
 declare const CollapsibleTrigger: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
 declare const CollapsibleContent: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleContentProps & import("react").RefAttributes<HTMLDivElement>>;
 export { Collapsible, CollapsibleTrigger, CollapsibleContent };
+//# sourceMappingURL=collapsible.d.ts.map

package/dist/components-core/container.d.ts

@@ -4,3 +4,4 @@ type ContainerProps = {
 } & Omit<React.HTMLProps<HTMLDivElement>, 'size'>;
 export declare function Container({ size, ...props }: ContainerProps): import("react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=container.d.ts.map

package/dist/components-core/dropdown.d.ts

@@ -11,3 +11,4 @@ declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMe
 } & React.RefAttributes<HTMLDivElement>>;
 declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, };
+//# sourceMappingURL=dropdown.d.ts.map

package/dist/components-core/index.d.ts

@@ -39,3 +39,4 @@ export declare const CollapsibleContent: React.ForwardRefExoticComponent<Omit<im
 export declare const CardHeader: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export declare const CardContent: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export declare const CardFooter: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=index.d.ts.map

package/dist/components-core/input.d.ts

@@ -2,3 +2,4 @@ import React from "react";
 type InputProps = React.InputHTMLAttributes<HTMLInputElement> & Pick<React.HTMLProps<HTMLInputElement>, 'ref'>;
 declare const Input: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 export { Input };
+//# sourceMappingURL=input.d.ts.map

package/dist/components-core/label.d.ts

@@ -2,3 +2,4 @@ import React from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";
 declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
 export { Label };
+//# sourceMappingURL=label.d.ts.map

package/dist/components-core/link.d.ts

@@ -7,3 +7,4 @@ type LinkProps = {
 } & Omit<React.HTMLProps<HTMLLinkElement>, 'size' | 'href'>;
 export declare function Link({ size, href, style, ...props }: LinkProps): import("react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=link.d.ts.map

package/dist/components-core/loading-indicator.d.ts

@@ -4,3 +4,4 @@ declare const LoadingIndicator: import("styled-components").IStyledComponent<"we
     size?: number | undefined;
 }>>;
 export default LoadingIndicator;
+//# sourceMappingURL=loading-indicator.d.ts.map

package/dist/components-core/popover.d.ts

@@ -4,3 +4,4 @@ declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
 declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export { Popover, PopoverTrigger, PopoverContent };
+//# sourceMappingURL=popover.d.ts.map

package/dist/components-core/separator.d.ts

@@ -2,3 +2,4 @@ import React from 'react';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export { Separator };
+//# sourceMappingURL=separator.d.ts.map

package/dist/components-core/text.d.ts

@@ -6,3 +6,4 @@ type TextProps = {
 } & Omit<React.HTMLProps<HTMLParagraphElement>, 'size'>;
 declare const Text: React.ForwardRefExoticComponent<Omit<TextProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
 export { Text };
+//# sourceMappingURL=text.d.ts.map

package/dist/components-core-joy/button.d.ts

@@ -1,2 +1,3 @@
 import React from "react";
 export declare const Button: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("../components-core/button").ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=button.d.ts.map

package/dist/components-core-joy/input.d.ts

@@ -1,2 +1,3 @@
 import React from 'react';
 export declare const Input: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.InputHTMLAttributes<HTMLInputElement> & Pick<React.HTMLProps<HTMLInputElement>, "ref">, "ref"> & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=input.d.ts.map

package/dist/components-core-joy/separator.d.ts

@@ -1,2 +1,3 @@
 import React from "react";
 export declare const Separator: React.ForwardRefExoticComponent<Omit<Omit<Omit<import("@radix-ui/react-separator").SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLHRElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=separator.d.ts.map

package/dist/components-core-joy/text.d.ts

@@ -4,3 +4,4 @@ export declare const Text: React.ForwardRefExoticComponent<Omit<Omit<Omit<{
     as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | undefined;
     size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
 } & Omit<React.HTMLProps<HTMLParagraphElement>, "size">, "ref"> & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+//# sourceMappingURL=text.d.ts.map

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

@@ -1,3 +1,4 @@
 export default function AccountSettings({ fullPage }: {
     fullPage?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=account-settings.d.ts.map

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

@@ -25,7 +25,7 @@ function ProfileSection() {
 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 ?
+    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'
@@ -45,7 +45,7 @@ function PasswordSection() {
     if (user?.authMethod !== 'credential') {
         return null;
     }
-    return (_jsxs(SettingSection, { title: 'Password', desc: 'Change your password', buttonDisabled: !oldPassword || !newPassword, buttonText: 'Save', onButtonClick: async () => {
+    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) {
@@ -78,7 +78,7 @@ function PasswordSection() {
 }
 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() }));
+    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();

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

@@ -2,3 +2,4 @@ export default function EmailVerification({ searchParams: { code, }, fullPage, }
     searchParams?: Record<string, string>;
     fullPage?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=email-verification.d.ts.map

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

@@ -1,3 +1,4 @@
 export default function ForgotPassword({ fullPage }: {
     fullPage?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=forgot-password.d.ts.map

package/dist/components-page/oauth-callback.d.ts

@@ -1 +1,2 @@
 export default function OAuthCallback(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=oauth-callback.d.ts.map

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

@@ -2,3 +2,4 @@ export default function PasswordReset({ searchParams, fullPage, }: {
     searchParams?: Record<string, string>;
     fullPage?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=password-reset.d.ts.map

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

@@ -1,3 +1,4 @@
 export default function SignIn({ fullPage }: {
     fullPage?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=sign-in.d.ts.map

package/dist/components-page/sign-out.d.ts

@@ -1 +1,2 @@
 export default function Signout(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=sign-out.d.ts.map

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

@@ -1,3 +1,4 @@
 export default function SignUp({ fullPage }: {
     fullPage?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=sign-up.d.ts.map

package/dist/components-page/stack-handler.d.ts

@@ -6,3 +6,4 @@ export default function StackHandler<HasTokenStore extends boolean>({ app, param
     };
     searchParams?: Record<string, string>;
 }): Promise<import("react/jsx-runtime").JSX.Element>;
+//# sourceMappingURL=stack-handler.d.ts.map

package/dist/index.d.ts

@@ -18,5 +18,6 @@ export { default as AccountSettings } from "./components-page/account-settings";
 export { useDesign } from './providers/design-provider';
 export { useComponents } from './providers/component-provider';
 export { StackTheme, ThemeConfig } from './providers/theme-provider';
-export { StackJoyTheme } from './providers/joy-provider';
+export { CurrentUser, Project, ServerUser, ApiKeySetFirstView, ApiKeySet } from './lib/stack-app';
 export * from './components-core';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAEtE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhF,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAEnE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,6BAA6B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAEhF,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAEtE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhF,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAEnE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,6BAA6B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAEhF,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAErE,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAElG,cAAc,mBAAmB,CAAC"}

package/dist/index.js

@@ -18,5 +18,4 @@ export { default as AccountSettings } from "./components-page/account-settings";
 export { useDesign } from './providers/design-provider';
 export { useComponents } from './providers/component-provider';
 export { StackTheme } from './providers/theme-provider';
-export { StackJoyTheme } from './providers/joy-provider';
 export * from './components-core';

package/dist/joy.d.ts

@@ -0,0 +1,2 @@
+export { StackJoyTheme } from './providers/joy-provider';
+//# sourceMappingURL=joy.d.ts.map

package/dist/joy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"joy.d.ts","sourceRoot":"","sources":["../src/joy.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/joy.js

@@ -0,0 +1 @@
+export { StackJoyTheme } from './providers/joy-provider';

package/dist/lib/auth.d.ts

@@ -5,3 +5,4 @@ export declare function signInWithOAuth(iface: StackClientInterface, { provider,
     redirectUrl?: string;
 }): Promise<void>;
 export declare function callOAuthCallback(iface: StackClientInterface, tokenStore: TokenStore, redirectUrl: string): Promise<import("oauth4webapi").OAuth2TokenEndpointResponse | null>;
+//# sourceMappingURL=auth.d.ts.map

package/dist/lib/cookie.d.ts

@@ -10,3 +10,4 @@ export declare function getVerifierAndState(): {
     codeVerifier: string | null;
     state: string | null;
 };
+//# sourceMappingURL=cookie.d.ts.map

package/dist/lib/hooks.d.ts

@@ -19,3 +19,4 @@ export declare function useUser(options?: GetUserOptions): CurrentUser | null;
 export declare function useStackApp<ProjectId extends string>(options?: {
     projectIdMustMatch?: ProjectId;
 }): StackClientApp<true, ProjectId>;
+//# sourceMappingURL=hooks.d.ts.map

package/dist/lib/stack-app.d.ts

@@ -210,3 +210,4 @@ type StackAdminAppConstructor = {
 };
 export declare const StackAdminApp: StackAdminAppConstructor;
 export {};
+//# sourceMappingURL=stack-app.d.ts.map

package/dist/providers/component-provider.d.ts

@@ -79,3 +79,4 @@ export declare function useComponents(): {
 export declare function StackComponentProvider(props: {
     children?: React.ReactNode;
 } & ComponentConfig): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=component-provider.d.ts.map

package/dist/providers/design-provider.d.ts

@@ -37,3 +37,4 @@ export declare function StackDesignProvider(props: {
 } & DesignConfig): import("react/jsx-runtime").JSX.Element | null;
 export declare function useDesign(): DesignContextValue;
 export {};
+//# sourceMappingURL=design-provider.d.ts.map

package/dist/providers/joy-provider.d.ts

@@ -14,3 +14,4 @@ export declare function StackJoyTheme(props: {
     theme?: ThemeConfig;
     children?: React.ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=joy-provider.d.ts.map

package/dist/providers/stack-provider-client.d.ts

@@ -7,3 +7,4 @@ export declare function StackProviderClient(props: {
     appJsonPromise: Promise<StackClientAppJson<true, string>>;
     children?: React.ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=stack-provider-client.d.ts.map

package/dist/providers/stack-provider.d.ts

@@ -4,3 +4,4 @@ export default function StackProvider({ children, app, }: {
     children: React.ReactNode;
     app: StackClientApp<true>;
 }): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=stack-provider.d.ts.map

package/dist/providers/styled-components-registry.d.ts

@@ -2,3 +2,4 @@ import React from 'react';
 export default function StyledComponentsRegistry({ children, }: {
     children: React.ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=styled-components-registry.d.ts.map

package/dist/providers/theme-provider.d.ts

@@ -8,3 +8,4 @@ export declare function StackTheme({ theme, children, colorModeConfig, }: {
     theme?: DesignConfig & ComponentConfig;
     colorModeConfig?: Omit<ComponentProps<typeof NextThemeProvider>, "themes" | "children">;
 }): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=theme-provider.d.ts.map

package/dist/utils/constants.d.ts

@@ -44,3 +44,4 @@ export declare const DEFAULT_COLORS: {
         readonly neutralColor: "#e4e4e7";
     };
 };
+//# sourceMappingURL=constants.d.ts.map

package/dist/utils/email.d.ts

@@ -1 +1,2 @@
 export declare function validateEmail(email: string): RegExpMatchArray | null;
+//# sourceMappingURL=email.d.ts.map

package/dist/utils/next.d.ts

@@ -1 +1,2 @@
 export declare function isClient(): boolean;
+//# sourceMappingURL=next.d.ts.map

package/dist/utils/url.d.ts

@@ -1,2 +1,3 @@
 export declare function autoRedirect(): void;
 export declare function constructRedirectUrl(redirectUrl: URL | string | undefined): string;
+//# sourceMappingURL=url.d.ts.map

package/package.json

@@ -1,9 +1,17 @@
 {
   "name": "@stackframe/stack",
-  "version": "2.2.1",
+  "version": "2.2.4",
   "type": "module",
-  "types": "./dist/index.d.ts",
-  "main": "./dist/index.js",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./joy": {
+      "types": "./dist/joy.d.ts",
+      "default": "./dist/joy.js"
+    }
+  },
   "files": [
     "dist"
   ],
@@ -22,8 +30,8 @@
     "server-only": "^0.0.1",
     "styled-components": "^6.1.8",
     "tailwindcss-scoped-preflight": "^2.1.0",
-    "@stackframe/stack-sc": "1.3.0",
-    "@stackframe/stack-shared": "2.2.0"
+    "@stackframe/stack-sc": "1.3.1",
+    "@stackframe/stack-shared": "2.2.1"
   },
   "peerDependencies": {
     "@mui/joy": "^5.0.0-beta.30",

package/dist/components/avatar.d.ts

@@ -1 +0,0 @@
-//# sourceMappingURL=avatar.d.ts.map

package/dist/components/avatar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../src/components/avatar.tsx"],"names":[],"mappings":""}

package/dist/components/avatar.js

@@ -1 +0,0 @@
-"use strict";

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

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-export default function CardHeader({ children, title }: {
-    children?: React.ReactNode;
-    title: string;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=card-header.d.ts.map

package/dist/components/card-header.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"card-header.d.ts","sourceRoot":"","sources":["../../src/components/card-header.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,OAAO,UAAU,UAAU,CAChC,EAAE,QAAQ,EAAE,KAAK,EAAE,EACnB;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,2CAQ9C"}

package/dist/components/card-header.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Text } from "../components-core";
-export default function CardHeader({ children, title }) {
-    return (_jsxs("div", { style: { textAlign: 'center', marginBottom: '24px' }, children: [_jsx(Text, { size: "xl", as: 'h2', style: { marginBottom: '5px' }, children: title }), children] }));
-}

package/dist/components/centered-card-header.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-export default function CenteredCardHeader({ children, title }: {
-    children?: React.ReactNode;
-    title: string;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=centered-card-header.d.ts.map

package/dist/components/centered-card-header.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"centered-card-header.d.ts","sourceRoot":"","sources":["../../src/components/centered-card-header.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,OAAO,UAAU,kBAAkB,CACxC,EAAE,QAAQ,EAAE,KAAK,EAAE,EACnB;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,2CAQ9C"}

package/dist/components/centered-card-header.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CardHeader, Text } from "../components-core";
-export default function CenteredCardHeader({ children, title }) {
-    return (_jsxs(CardHeader, { style: { textAlign: 'center' }, children: [_jsx(Text, { size: "xl", as: 'h2', style: { marginBottom: '5px' }, children: title }), children] }));
-}

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

@@ -1,23 +0,0 @@
-/// <reference types="react" />
-type SidebarItem = {
-    type: 'label' | 'link' | 'divider' | undefined;
-} & ({
-    type: 'label';
-    text: string;
-} | {
-    type: 'link';
-    text: string;
-    href: string;
-} | {
-    type: 'divider';
-});
-export default function DashboardFrame(props: {
-    logoUrl?: string | {
-        dark: string;
-        light: string;
-    };
-    sidebarContent: SidebarItem[];
-    children?: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=dashboard-frame.d.ts.map

package/dist/components/dashboard-frame.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"dashboard-frame.d.ts","sourceRoot":"","sources":["../../src/components/dashboard-frame.tsx"],"names":[],"mappings":";AAOA,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;CAChD,GAAG,CACF;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAC/B;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAC5C;IAAE,IAAI,EAAE,SAAS,CAAA;CAAE,CACpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE;IAC5C,OAAO,CAAC,EAAE,MAAM,GAAG;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IACnD,cAAc,EAAE,WAAW,EAAE,CAAC;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,2CAmCA"}

package/dist/components/dashboard-frame.js

@@ -1,20 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { useDesign } from "../providers/design-provider";
-import { LogoBright, LogoDark } from "./logo";
-export default function DashboardFrame(props) {
-    const { colors, colorMode } = useDesign();
-    const logoSrc = useMemo(() => {
-        if (!props.logoUrl) {
-            return colorMode === 'dark' ? _jsx(LogoDark, {}) : _jsx(LogoBright, {});
-        }
-        else if (typeof props.logoUrl === 'string') {
-            return props.logoUrl;
-        }
-        else {
-            return colorMode === 'dark' ? props.logoUrl?.dark : props.logoUrl?.light;
-        }
-    }, [props.logoUrl, colorMode]);
-    return (_jsxs("div", { style: { position: 'absolute', top: 0, left: 0, width: '100%', height: '100vh', display: 'flex', flexDirection: 'row' }, children: [_jsx("nav", { style: { width: '280px', height: '100%', borderRight: 1, borderRightStyle: 'solid', borderRightColor: colors.neutralColor }, children: _jsx("div", { style: { height: '50px', borderBottom: 1, borderBottomStyle: 'solid', borderBottomColor: colors.neutralColor, display: 'flex', alignItems: 'center', padding: '0 15px' }, children: _jsx(LogoBright, { height: 28 }) }) }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', width: '100%' }, children: [_jsx("nav", { style: { height: '50px', borderBottom: 1, borderBottomStyle: 'solid', borderBottomColor: colors.neutralColor } }), _jsx("div", { style: { height: 'calc(100% - 50px)', overflowY: 'auto' }, children: props.children })] })] }));
-}

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

@@ -1,4 +0,0 @@
-export default function SeparatorWithText({ text }: {
-    text: string;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=divider-with-text.d.ts.map