@stackframe/stack 2.1.3 → 2.2.1

package/dist/lib/stack-app.js

@@ -1,7 +1,7 @@
-import React, { use, useCallback } from "react";
+import React, { use, useCallback, useMemo } from "react";
 import { StackAdminInterface, StackClientInterface, StackServerInterface } from "@stackframe/stack-shared";
 import { getCookie, setOrDeleteCookie } from "./cookie";
-import { throwErr } from "@stackframe/stack-shared/dist/utils/errors";
+import { StackAssertionError, throwErr } from "@stackframe/stack-shared/dist/utils/errors";
 import { generateUuid } from "@stackframe/stack-shared/dist/utils/uuids";
 import { AsyncResult, Result } from "@stackframe/stack-shared/dist/utils/results";
 import { suspendIfSsr } from "@stackframe/stack-shared/dist/utils/react";
@@ -11,10 +11,10 @@ import { isClient } from "../utils/next";
 import { callOAuthCallback, signInWithOAuth } from "./auth";
 import { RedirectType, redirect, useRouter } from "next/navigation";
 import { constructRedirectUrl } from "../utils/url";
-import { filterUndefined } from "@stackframe/stack-shared/dist/utils/objects";
-import { neverResolve, resolved } from "@stackframe/stack-shared/dist/utils/promises";
+import { filterUndefined, omit } from "@stackframe/stack-shared/dist/utils/objects";
+import { neverResolve, resolved, runAsynchronously } from "@stackframe/stack-shared/dist/utils/promises";
 import { AsyncCache } from "@stackframe/stack-shared/dist/utils/caches";
-import { suspend } from "../utils/react";
+import { suspend } from "@stackframe/stack-shared/dist/utils/react";
 function getUrls(partial) {
     const handler = partial.handler ?? "/handler";
     return {
@@ -30,6 +30,7 @@ function getUrls(partial) {
         forgotPassword: `${handler}/forgot-password`,
         oauthCallback: `${handler}/oauth-callback`,
         home: "/",
+        accountSettings: `${handler}/account-settings`,
         ...filterUndefined(partial),
     };
 }
@@ -48,7 +49,7 @@ function getDefaultSuperSecretAdminKey() {
 function getDefaultBaseUrl() {
     return process.env.NEXT_PUBLIC_STACK_URL || defaultBaseUrl;
 }
-const defaultBaseUrl = "https://app.stackframe.co";
+const defaultBaseUrl = "https://app.stack-auth.com";
 function createEmptyTokenStore() {
     const store = new AsyncStore();
     store.set({
@@ -195,17 +196,36 @@ class _StackClientAppImpl {
         this._urlOptions = options.urls ?? {};
         this._uniqueIdentifier = options.uniqueIdentifier ?? generateUuid();
         if (allClientApps.has(this._uniqueIdentifier)) {
-            throw new Error("A Stack client app with the same unique identifier already exists");
+            throw new StackAssertionError("A Stack client app with the same unique identifier already exists");
         }
         allClientApps.set(this._uniqueIdentifier, [options.checkString ?? "default check string", this]);
+        // For some important calls, either use the provided cached values or start fetching them now
+        if (options.currentClientUserJson !== undefined) {
+            this._currentUserCache.forceSetCachedValue([getTokenStore(this._tokenStoreOptions)], options.currentClientUserJson);
+        }
+        else if (this.hasPersistentTokenStore()) {
+            runAsynchronously(() => this.getUser(), { ignoreErrors: true });
+        }
+        if (options.currentProjectJson !== undefined) {
+            this._currentProjectCache.forceSetCachedValue([], options.currentProjectJson);
+        }
+        else {
+            runAsynchronously(this.getProject(), { ignoreErrors: true });
+        }
+    }
+    hasPersistentTokenStore() {
+        return this._tokenStoreOptions !== null;
     }
     _ensurePersistentTokenStore() {
-        if (!this._tokenStoreOptions) {
+        if (!this.hasPersistentTokenStore()) {
             throw new Error("Cannot call this function on a Stack app without a persistent token store. Make sure the tokenStore option is set to a non-null value when initializing Stack.");
         }
     }
+    isInternalProject() {
+        return this.projectId === "internal";
+    }
     _ensureInternalProject() {
-        if (this.projectId !== "internal") {
+        if (!this.isInternalProject()) {
             throw new Error("Cannot call this function on a Stack app with a project ID other than 'internal'.");
         }
     }
@@ -219,6 +239,7 @@ class _StackClientAppImpl {
             profileImageUrl: json.profileImageUrl,
             signedUpAt: new Date(json.signedUpAtMillis),
             clientMetadata: json.clientMetadata,
+            authMethod: json.authMethod,
             toJson() {
                 return json;
             }
@@ -237,6 +258,12 @@ class _StackClientAppImpl {
             signOut() {
                 return app._signOut(tokenStore);
             },
+            sendVerificationEmail() {
+                return app._sendVerificationEmail(tokenStore);
+            },
+            updatePassword(options) {
+                return app._updatePassword(options, tokenStore);
+            }
         };
         Object.freeze(res);
         return res;
@@ -251,6 +278,7 @@ class _StackClientAppImpl {
             profileImageUrl: user.profileImageUrl,
             signedUpAtMillis: user.signedUpAt.getTime(),
             clientMetadata: user.clientMetadata,
+            authMethod: user.authMethod,
         };
     }
     _projectAdminFromJson(data, adminInterface, onRefresh) {
@@ -315,12 +343,15 @@ class _StackClientAppImpl {
     async redirectToAfterSignIn() { return await this._redirectTo("afterSignIn"); }
     async redirectToAfterSignUp() { return await this._redirectTo("afterSignUp"); }
     async redirectToAfterSignOut() { return await this._redirectTo("afterSignOut"); }
+    async redirectToAccountSettings() { return await this._redirectTo("accountSettings"); }
     async sendForgotPasswordEmail(email) {
         const redirectUrl = constructRedirectUrl(this.urls.passwordReset);
-        await this._interface.sendForgotPasswordEmail(email, redirectUrl);
+        const error = await this._interface.sendForgotPasswordEmail(email, redirectUrl);
+        return error;
     }
     async resetPassword(options) {
-        return await this._interface.resetPassword(options);
+        const error = await this._interface.resetPassword(options);
+        return error;
     }
     async verifyPasswordResetCode(code) {
         return await this._interface.verifyPasswordResetCode(code);
@@ -331,7 +362,7 @@ class _StackClientAppImpl {
     async getUser(options) {
         this._ensurePersistentTokenStore();
         const tokenStore = getTokenStore(this._tokenStoreOptions);
-        const userJson = await this._currentUserCache.getOrWait([tokenStore], "never");
+        const userJson = await this._currentUserCache.getOrWait([tokenStore], "write-only");
         if (userJson === null) {
             switch (options?.or) {
                 case 'redirect': {
@@ -358,7 +389,7 @@ class _StackClientAppImpl {
                 case 'redirect': {
                     router.replace(this.urls.signIn);
                     suspend();
-                    throw new Error("suspend should never return!");
+                    throw new Error("suspend should never return! This is a bug in Stack.");
                 }
                 case 'throw': {
                     throw new Error("User is not signed in but useUser was called with { or: 'throw' }");
@@ -368,7 +399,9 @@ class _StackClientAppImpl {
                 }
             }
         }
-        return this._currentUserFromJson(userJson, tokenStore);
+        return useMemo(() => {
+            return this._currentUserFromJson(userJson, tokenStore);
+        }, [userJson, tokenStore, options?.or]);
     }
     onUserChange(callback) {
         this._ensurePersistentTokenStore();
@@ -409,17 +442,25 @@ class _StackClientAppImpl {
         this._ensurePersistentTokenStore();
         const tokenStore = getTokenStore(this._tokenStoreOptions);
         const result = await callOAuthCallback(this._interface, tokenStore, this.urls.oauthCallback);
-        if (result.newUser) {
-            await window.location.replace(this.urls.afterSignUp);
+        if (result?.newUser) {
+            window.location.replace(this.urls.afterSignUp);
         }
         else {
-            await window.location.replace(this.urls.afterSignIn);
+            window.location.replace(this.urls.afterSignIn);
         }
+        await neverResolve();
     }
     async _signOut(tokenStore) {
         await this._interface.signOut(tokenStore);
         window.location.assign(this.urls.afterSignOut);
     }
+    async _sendVerificationEmail(tokenStore) {
+        const emailVerificationRedirectUrl = constructRedirectUrl(this.urls.emailVerification);
+        return await this._interface.sendVerificationEmail(emailVerificationRedirectUrl, tokenStore);
+    }
+    async _updatePassword(options, tokenStore) {
+        return await this._interface.updatePassword(options, tokenStore);
+    }
     async signOut() {
         const user = await this.getUser();
         if (user) {
@@ -427,7 +468,7 @@ class _StackClientAppImpl {
         }
     }
     async getProject() {
-        return await this._currentProjectCache.getOrWait([], "never");
+        return await this._currentProjectCache.getOrWait([], "write-only");
     }
     useProject() {
         return useCache(this._currentProjectCache, [], "useProject()");
@@ -438,14 +479,14 @@ class _StackClientAppImpl {
     async listOwnedProjects() {
         this._ensureInternalProject();
         const tokenStore = getTokenStore(this._tokenStoreOptions);
-        const json = await this._ownedProjectsCache.getOrWait([tokenStore], "never");
+        const json = await this._ownedProjectsCache.getOrWait([tokenStore], "write-only");
         return json.map((j) => this._projectAdminFromJson(j, this._createAdminInterface(j.id, tokenStore), () => this._refreshOwnedProjects(tokenStore)));
     }
     useOwnedProjects() {
         this._ensureInternalProject();
         const tokenStore = getTokenStore(this._tokenStoreOptions);
         const json = useCache(this._ownedProjectsCache, [tokenStore], "useOwnedProjects()");
-        return json.map((j) => this._projectAdminFromJson(j, this._createAdminInterface(j.id, tokenStore), () => this._refreshOwnedProjects(tokenStore)));
+        return useMemo(() => json.map((j) => this._projectAdminFromJson(j, this._createAdminInterface(j.id, tokenStore), () => this._refreshOwnedProjects(tokenStore))), [json]);
     }
     onOwnedProjectsChange(callback) {
         this._ensureInternalProject();
@@ -477,17 +518,18 @@ class _StackClientAppImpl {
     static get [stackAppInternalsSymbol]() {
         return {
             fromClientJson: (json) => {
+                const providedCheckString = JSON.stringify(omit(json, ["currentClientUserJson", "currentProjectJson"]));
                 const existing = allClientApps.get(json.uniqueIdentifier);
                 if (existing) {
-                    const [checkString, clientApp] = existing;
-                    if (checkString !== JSON.stringify(json)) {
-                        throw new Error("The provided app JSON does not match the configuration of the existing client app with the same unique identifier");
+                    const [existingCheckString, clientApp] = existing;
+                    if (existingCheckString !== providedCheckString) {
+                        throw new StackAssertionError("The provided app JSON does not match the configuration of the existing client app with the same unique identifier", { providedObj: json, existingString: existingCheckString });
                     }
                     return clientApp;
                 }
                 return new _StackClientAppImpl({
                     ...json,
-                    checkString: JSON.stringify(json),
+                    checkString: providedCheckString,
                 });
             }
         };
@@ -499,6 +541,10 @@ class _StackClientAppImpl {
                     // TODO find a way to do this
                     throw Error("Cannot serialize to JSON from an application without a publishable client key");
                 }
+                const [user, project] = await Promise.all([
+                    this.getUser(),
+                    this.getProject(),
+                ]);
                 return {
                     baseUrl: this._interface.options.baseUrl,
                     projectId: this.projectId,
@@ -506,6 +552,8 @@ class _StackClientAppImpl {
                     tokenStore: this._tokenStoreOptions,
                     urls: this._urlOptions,
                     uniqueIdentifier: this._uniqueIdentifier,
+                    currentClientUserJson: user?.toJson() ?? null,
+                    currentProjectJson: project,
                 };
             }
         };
@@ -591,6 +639,12 @@ class _StackServerAppImpl extends _StackClientAppImpl {
             getClientUser() {
                 return app._currentUserFromJson(json, tokenStore);
             },
+            sendVerificationEmail() {
+                return app._sendVerificationEmail(tokenStore);
+            },
+            updatePassword(options) {
+                return app._updatePassword(options, tokenStore);
+            }
         };
         Object.freeze(res);
         return res;
@@ -606,22 +660,25 @@ class _StackServerAppImpl extends _StackClientAppImpl {
             signedUpAtMillis: user.signedUpAt.getTime(),
             clientMetadata: user.clientMetadata,
             serverMetadata: user.serverMetadata,
+            authMethod: user.authMethod,
         };
     }
     async getServerUser() {
         this._ensurePersistentTokenStore();
         const tokenStore = getTokenStore(this._tokenStoreOptions);
-        const userJson = await this._currentServerUserCache.getOrWait([tokenStore], "never");
+        const userJson = await this._currentServerUserCache.getOrWait([tokenStore], "write-only");
         return this._currentServerUserFromJson(userJson, tokenStore);
     }
     useServerUser(options) {
         this._ensurePersistentTokenStore();
         const tokenStore = getTokenStore(this._tokenStoreOptions);
         const userJson = useCache(this._currentServerUserCache, [tokenStore], "useServerUser()");
-        if (options?.required && userJson === null) {
-            use(this.redirectToSignIn());
-        }
-        return this._currentServerUserFromJson(userJson, tokenStore);
+        return useMemo(() => {
+            if (options?.required && userJson === null) {
+                use(this.redirectToSignIn());
+            }
+            return this._currentServerUserFromJson(userJson, tokenStore);
+        }, [userJson, tokenStore, options?.required]);
     }
     onServerUserChange(callback) {
         this._ensurePersistentTokenStore();
@@ -631,12 +688,14 @@ class _StackServerAppImpl extends _StackClientAppImpl {
         });
     }
     async listServerUsers() {
-        const json = await this._serverUsersCache.getOrWait([], "never");
+        const json = await this._serverUsersCache.getOrWait([], "write-only");
         return json.map((j) => this._serverUserFromJson(j));
     }
     useServerUsers() {
         const json = useCache(this._serverUsersCache, [], "useServerUsers()");
-        return json.map((j) => this._serverUserFromJson(j));
+        return useMemo(() => {
+            return json.map((j) => this._serverUserFromJson(j));
+        }, [json]);
     }
     onServerUsersChange(callback) {
         return this._serverUsersCache.onChange([], (users) => {
@@ -722,10 +781,11 @@ class _StackAdminAppImpl extends _StackServerAppImpl {
         };
     }
     async getProjectAdmin() {
-        return this._projectAdminFromJson(await this._adminProjectCache.getOrWait([], "never"), this._interface, () => this._refreshProject());
+        return this._projectAdminFromJson(await this._adminProjectCache.getOrWait([], "write-only"), this._interface, () => this._refreshProject());
     }
     useProjectAdmin() {
-        return this._projectAdminFromJson(useCache(this._adminProjectCache, [], "useProjectAdmin()"), this._interface, () => this._refreshProject());
+        const json = useCache(this._adminProjectCache, [], "useProjectAdmin()");
+        return useMemo(() => this._projectAdminFromJson(json, this._interface, () => this._refreshProject()), [json]);
     }
     onProjectAdminChange(callback) {
         return this._adminProjectCache.onChange([], (project) => {
@@ -733,12 +793,14 @@ class _StackAdminAppImpl extends _StackServerAppImpl {
         });
     }
     async listApiKeySets() {
-        const json = await this._apiKeySetsCache.getOrWait([], "never");
+        const json = await this._apiKeySetsCache.getOrWait([], "write-only");
         return json.map((j) => this._createApiKeySetFromJson(j));
     }
     useApiKeySets() {
         const json = useCache(this._apiKeySetsCache, [], "useApiKeySets()");
-        return json.map((j) => this._createApiKeySetFromJson(j));
+        return useMemo(() => {
+            return json.map((j) => this._createApiKeySetFromJson(j));
+        }, [json]);
     }
     onApiKeySetsChange(callback) {
         return this._apiKeySetsCache.onChange([], (apiKeySets) => {

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

@@ -1,27 +1,81 @@
 import React from 'react';
-import { ButtonProps } from '../components-core/button';
-import { ContainerProps } from '../components-core/container';
-import { DividerProps } from '../components-core/divider';
-import { InputProps } from '../components-core/input';
-import { LinkProps } from '../components-core/link';
-import { LabelProps } from '../components-core/label';
-import { TextProps } from '../components-core/text';
-import { CardProps } from '../components-core/card';
-export type Components = {
-    Button: React.ComponentType<ButtonProps>;
-    Container: React.ComponentType<ContainerProps>;
-    Divider: React.ComponentType<DividerProps>;
-    Input: React.ComponentType<InputProps>;
-    Label: React.ComponentType<LabelProps>;
-    Link: React.ComponentType<LinkProps>;
-    Text: React.ComponentType<TextProps>;
-    Card: React.ComponentType<CardProps>;
+import { Container } from '../components-core/container';
+import { Link } from '../components-core/link';
+export declare const Components: {
+    readonly Input: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement> & Pick<React.HTMLProps<HTMLInputElement>, "ref">, "ref"> & React.RefAttributes<HTMLInputElement>>;
+    readonly Button: React.ForwardRefExoticComponent<Omit<import("../components-core/button").ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    readonly Container: typeof Container;
+    readonly Separator: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-separator").SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    readonly Label: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-label").LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
+    readonly Link: typeof Link;
+    readonly Text: React.ForwardRefExoticComponent<Omit<{
+        variant?: "primary" | "secondary" | "warning" | "success" | undefined;
+        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>>;
+    readonly Popover: React.FC<import("@radix-ui/react-popover").PopoverProps>;
+    readonly PopoverTrigger: React.ForwardRefExoticComponent<import("@radix-ui/react-popover").PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+    readonly PopoverContent: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-popover").PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    readonly DropdownMenu: React.FC<import("@radix-ui/react-dropdown-menu").DropdownMenuProps>;
+    readonly DropdownMenuTrigger: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    readonly DropdownMenuContent: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    readonly DropdownMenuItem: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+        inset?: boolean | undefined;
+    } & React.RefAttributes<HTMLDivElement>>;
+    readonly DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+        inset?: boolean | undefined;
+    } & React.RefAttributes<HTMLDivElement>>;
+    readonly DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    readonly Avatar: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-avatar").AvatarProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+    readonly AvatarFallback: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-avatar").AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+    readonly AvatarImage: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-avatar").AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
+    readonly Collapsible: React.ForwardRefExoticComponent<import("@radix-ui/react-collapsible").CollapsibleProps & React.RefAttributes<HTMLDivElement>>;
+    readonly CollapsibleTrigger: React.ForwardRefExoticComponent<import("@radix-ui/react-collapsible").CollapsibleTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+    readonly CollapsibleContent: React.ForwardRefExoticComponent<import("@radix-ui/react-collapsible").CollapsibleContentProps & React.RefAttributes<HTMLDivElement>>;
+    readonly Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+    readonly CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+    readonly CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+    readonly CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 };
 export type ComponentConfig = {
-    components?: Partial<Components>;
+    components?: Partial<typeof Components>;
+};
+export declare function useComponents(): {
+    readonly Input: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement> & Pick<React.HTMLProps<HTMLInputElement>, "ref">, "ref"> & React.RefAttributes<HTMLInputElement>>;
+    readonly Button: React.ForwardRefExoticComponent<Omit<import("../components-core/button").ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    readonly Container: typeof Container;
+    readonly Separator: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-separator").SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    readonly Label: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-label").LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
+    readonly Link: typeof Link;
+    readonly Text: React.ForwardRefExoticComponent<Omit<{
+        variant?: "primary" | "secondary" | "warning" | "success" | undefined;
+        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>>;
+    readonly Popover: React.FC<import("@radix-ui/react-popover").PopoverProps>;
+    readonly PopoverTrigger: React.ForwardRefExoticComponent<import("@radix-ui/react-popover").PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+    readonly PopoverContent: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-popover").PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    readonly DropdownMenu: React.FC<import("@radix-ui/react-dropdown-menu").DropdownMenuProps>;
+    readonly DropdownMenuTrigger: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    readonly DropdownMenuContent: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    readonly DropdownMenuItem: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+        inset?: boolean | undefined;
+    } & React.RefAttributes<HTMLDivElement>>;
+    readonly DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+        inset?: boolean | undefined;
+    } & React.RefAttributes<HTMLDivElement>>;
+    readonly DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-dropdown-menu").DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    readonly Avatar: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-avatar").AvatarProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+    readonly AvatarFallback: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-avatar").AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+    readonly AvatarImage: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-avatar").AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
+    readonly Collapsible: React.ForwardRefExoticComponent<import("@radix-ui/react-collapsible").CollapsibleProps & React.RefAttributes<HTMLDivElement>>;
+    readonly CollapsibleTrigger: React.ForwardRefExoticComponent<import("@radix-ui/react-collapsible").CollapsibleTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+    readonly CollapsibleContent: React.ForwardRefExoticComponent<import("@radix-ui/react-collapsible").CollapsibleContentProps & React.RefAttributes<HTMLDivElement>>;
+    readonly Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+    readonly CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+    readonly CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+    readonly CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 };
-export declare function useComponents(): Components;
 export declare function StackComponentProvider(props: {
     children?: React.ReactNode;
 } & ComponentConfig): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=component-provider.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"component-provider.d.ts","sourceRoot":"","sources":["../../src/providers/component-provider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAe,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAkB,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AACzE,OAAgB,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAc,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAa,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAc,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAa,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAa,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAE1D,MAAM,MAAM,UAAU,GAAG;IACvB,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IACzC,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;IAC/C,OAAO,EAAE,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;IAC3C,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IACvC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IACvC,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IACrC,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IACrC,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;CACtC,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;CAClC,CAAA;AAID,wBAAgB,aAAa,eAM5B;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,GAAG,eAAe,2CAe7F"}
+{"version":3,"file":"component-provider.d.ts","sourceRoot":"","sources":["../../src/providers/component-provider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAEzD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAGzD,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAgB/C,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2Bb,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC,OAAO,UAAU,CAAC,CAAC;CACzC,CAAA;AAID,wBAAgB,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAM5B;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,GAAG,eAAe,2CAM7F"}

package/dist/providers/component-provider.js

@@ -1,14 +1,46 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useContext } from 'react';
-import Button from '../components-core/button';
-import Container from '../components-core/container';
-import Divider from '../components-core/divider';
-import Input from '../components-core/input';
-import Link from '../components-core/link';
-import Label from '../components-core/label';
-import Text from '../components-core/text';
-import Card from '../components-core/card';
+import { Button } from '../components-core/button';
+import { Container } from '../components-core/container';
+import { Separator } from '../components-core/separator';
+import { Input } from '../components-core/input';
+import { Link } from '../components-core/link';
+import { Label } from '../components-core/label';
+import { Text } from '../components-core/text';
+import { Card, CardHeader, CardContent, CardFooter } from '../components-core/card';
+import { Popover, PopoverTrigger, PopoverContent } from '../components-core/popover';
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, } from '../components-core/dropdown';
+import { Avatar, AvatarFallback, AvatarImage } from '../components-core/avatar';
+import { Collapsible, CollapsibleTrigger, CollapsibleContent } from '../components-core/collapsible';
+export const Components = {
+    Input,
+    Button,
+    Container,
+    Separator,
+    Label,
+    Link,
+    Text,
+    Popover,
+    PopoverTrigger,
+    PopoverContent,
+    DropdownMenu,
+    DropdownMenuTrigger,
+    DropdownMenuContent,
+    DropdownMenuItem,
+    DropdownMenuLabel,
+    DropdownMenuSeparator,
+    Avatar,
+    AvatarFallback,
+    AvatarImage,
+    Collapsible,
+    CollapsibleTrigger,
+    CollapsibleContent,
+    Card,
+    CardHeader,
+    CardContent,
+    CardFooter,
+};
 const ComponentContext = createContext(undefined);
 export function useComponents() {
     const context = useContext(ComponentContext);
@@ -18,14 +50,5 @@ export function useComponents() {
     return context;
 }
 export function StackComponentProvider(props) {
-    return (_jsx(ComponentContext.Provider, { value: {
-            Button: props.components?.Button || Button,
-            Container: props.components?.Container || Container,
-            Divider: props.components?.Divider || Divider,
-            Input: props.components?.Input || Input,
-            Label: props.components?.Label || Label,
-            Link: props.components?.Link || Link,
-            Text: props.components?.Text || Text,
-            Card: props.components?.Card || Card
-        }, children: props.children }));
+    return (_jsx(ComponentContext.Provider, { value: { ...Components, ...props.components }, children: props.children }));
 }

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

@@ -37,4 +37,3 @@ 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

@@ -1,19 +1,16 @@
 /// <reference types="react" />
 import { ThemeConfig } from "./theme-provider";
-import Button from '../components-core-joy/button';
-import Input from '../components-core-joy/input';
-import Text from '../components-core-joy/text';
-import Divider from '../components-core-joy/divider';
-import { Card } from '../components-core-joy/card';
 export declare const defaultComponents: {
-    Button: typeof Button;
-    Input: typeof Input;
-    Text: typeof Text;
-    Divider: typeof Divider;
-    Card: typeof Card;
+    Button: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("../components-core/button").ButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+    Input: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").InputHTMLAttributes<HTMLInputElement> & Pick<import("react").HTMLProps<HTMLInputElement>, "ref">, "ref"> & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+    Text: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<{
+        variant?: "primary" | "secondary" | "warning" | "success" | undefined;
+        as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+    } & Omit<import("react").HTMLProps<HTMLParagraphElement>, "size">, "ref"> & import("react").RefAttributes<HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+    Separator: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("@radix-ui/react-separator").SeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLHRElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 };
 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/joy-provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"joy-provider.d.ts","sourceRoot":"","sources":["../../src/providers/joy-provider.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAc,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE3D,OAAO,MAAM,MAAM,+BAA+B,CAAC;AACnD,OAAO,KAAK,MAAM,8BAA8B,CAAC;AACjD,OAAO,IAAI,MAAM,6BAA6B,CAAC;AAC/C,OAAO,OAAO,MAAM,gCAAgC,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAEnD,eAAO,MAAM,iBAAiB;;;;;;CAM7B,CAAC;AAEF,wBAAgB,aAAa,CAAC,KAAK,EAAG;IAAE,KAAK,CAAC,EAAE,WAAW,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CAiBxF"}
+{"version":3,"file":"joy-provider.d.ts","sourceRoot":"","sources":["../../src/providers/joy-provider.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAc,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAO3D,eAAO,MAAM,iBAAiB;;;;;;;;;CAK7B,CAAC;AAEF,wBAAgB,aAAa,CAAC,KAAK,EAAG;IAAE,KAAK,CAAC,EAAE,WAAW,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CAiBxF"}

package/dist/providers/joy-provider.js

@@ -2,17 +2,15 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { StackTheme } from "./theme-provider";
 import { useColorScheme } from "@mui/joy";
-import Button from '../components-core-joy/button';
-import Input from '../components-core-joy/input';
-import Text from '../components-core-joy/text';
-import Divider from '../components-core-joy/divider';
-import { Card } from '../components-core-joy/card';
+import { Button } from '../components-core-joy/button';
+import { Input } from '../components-core-joy/input';
+import { Text } from '../components-core-joy/text';
+import { Separator } from '../components-core-joy/separator';
 export const defaultComponents = {
     Button,
     Input,
     Text,
-    Divider,
-    Card,
+    Separator,
 };
 export function StackJoyTheme(props) {
     const { mode, systemMode, setMode } = useColorScheme();
@@ -21,7 +19,7 @@ export function StackJoyTheme(props) {
             ...defaultComponents,
             ...props.theme?.components,
         },
-        colorMode: mode === 'system' ? systemMode : mode,
+        colorMode: (mode === 'system' ? systemMode : mode) || 'light',
         setColorMode: setMode,
         ...props.theme,
     };

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

@@ -7,4 +7,3 @@ 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,4 +4,3 @@ 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,4 +2,3 @@ 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,4 +8,3 @@ 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