@stackframe/stack 2.0.0 → 2.1.0

package/dist/elements/forgot-password.js

@@ -0,0 +1,32 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { FormWarningText } from "./form-warning";
+import { validateEmail } from "../utils/email";
+import { useStackApp } from "..";
+import { runAsynchronously } from "@stackframe/stack-shared/dist/utils/promises";
+import { Button, Input, Label } from "@stackframe/stack-ui";
+export default function ForgotPassword({ onSent }) {
+    const [email, setEmail] = useState('');
+    const [emailError, setEmailError] = useState('');
+    const [sending, setSending] = useState(false);
+    const stackApp = useStackApp();
+    const onSubmit = async () => {
+        if (!email) {
+            setEmailError('Please enter your email');
+            return;
+        }
+        if (!validateEmail(email)) {
+            setEmailError('Please enter a valid email');
+            return;
+        }
+        setSending(true);
+        await stackApp.sendForgotPasswordEmail(email);
+        setSending(false);
+        onSent?.();
+    };
+    return (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', alignItems: 'stretch' }, children: [_jsx(Label, { htmlFor: "email", children: "Your Email" }), _jsx(Input, { id: "email", type: "email", name: "email", value: email, onChange: (e) => {
+                    setEmail(e.target.value);
+                    setEmailError('');
+                } }), _jsx(FormWarningText, { text: emailError }), _jsx(Button, { style: { marginTop: '1.5rem' }, onClick: () => runAsynchronously(onSubmit()), loading: sending, children: "Send Email" })] }));
+}

package/dist/elements/{FormWarning.d.ts → form-warning.d.ts}

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

package/dist/elements/form-warning.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-warning.d.ts","sourceRoot":"","sources":["../../src/elements/form-warning.tsx"],"names":[],"mappings":"AAEA,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,kDAS1D"}

package/dist/elements/{FormWarning.js → form-warning.js}

@@ -1,7 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { Text } from "@stackframe/stack-ui";
 export function FormWarningText({ text }) {
     if (!text) {
         return null;
     }
-    return (_jsx("p", { className: "wl_text-sm wl_text-red-500", children: text }));
+    return (_jsx(Text, { size: "sm", variant: "warning", children: text }));
 }

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

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

package/dist/elements/message-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-card.d.ts","sourceRoot":"","sources":["../../src/elements/message-card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,CAAC,OAAO,UAAU,WAAW,CACjC,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAc,EAAE,EACnC;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAC,2CAUjE"}

package/dist/elements/message-card.js

@@ -0,0 +1,7 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import CardFrame from "./card-frame";
+import { Text } from "@stackframe/stack-ui";
+export default function MessageCard({ children, title, fullPage = false }) {
+    return (_jsx(CardFrame, { fullPage: fullPage, children: _jsxs("div", { style: { textAlign: 'center' }, children: [_jsx(Text, { size: "xl", as: 'h2', style: { marginBottom: '24px' }, children: title }), children] }) }));
+}

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

@@ -0,0 +1,5 @@
+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/elements/oauth-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"oauth-button.d.ts","sourceRoot":"","sources":["../../src/elements/oauth-button.tsx"],"names":[],"mappings":"AAUA,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,QAAQ,EACR,IAAI,GACL,EAAE;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAC;CAC3B,2CA6GA"}

package/dist/elements/{OAuthButton.js → oauth-button.js}

@@ -3,17 +3,19 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { FaGithub, FaFacebook, FaApple } from 'react-icons/fa';
 import { useStackApp } from '..';
 import { runAsynchronously } from "@stackframe/stack-shared/dist/utils/promises";
-import Button from './Button';
-const iconSize = 24;
+import { Button, useDesign } from '@stackframe/stack-ui';
+import Color from 'color';
+const iconSize = 22;
 export default function OAuthButton({ provider, type, }) {
+    const { colors } = useDesign();
     const stackApp = useStackApp();
     let style;
     switch (provider) {
         case 'google': {
             style = {
                 backgroundColor: '#fff',
-                textColor: '#000',
                 name: 'Google',
+                border: Color(colors.primaryBgColor).isDark() ? undefined : '1px solid #ccc',
                 icon: (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: iconSize, height: iconSize, viewBox: "0 0 24 24", children: [_jsx("path", { fill: "#4285F4", d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z" }), _jsx("path", { fill: "#34A853", d: "M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z" }), _jsx("path", { fill: "#FBBC05", d: "M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z" }), _jsx("path", { fill: "#EA4335", d: "M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z" }), _jsx("path", { fill: "none", d: "M1 1h22v22H1z" })] })),
             };
             break;
@@ -21,7 +23,7 @@ export default function OAuthButton({ provider, type, }) {
         case 'github': {
             style = {
                 backgroundColor: '#111',
-                textColor: '#fff',
+                border: Color(colors.primaryBgColor).isDark() ? '1px solid #666' : undefined,
                 name: 'GitHub',
                 icon: (_jsx(FaGithub, { color: "#fff", size: iconSize })),
             };
@@ -30,7 +32,6 @@ export default function OAuthButton({ provider, type, }) {
         case 'facebook': {
             style = {
                 backgroundColor: '#1877F2',
-                textColor: '#fff',
                 name: 'Facebook',
                 icon: (_jsx(FaFacebook, { color: "#fff", size: iconSize })),
             };
@@ -39,7 +40,6 @@ export default function OAuthButton({ provider, type, }) {
         case 'apple': {
             style = {
                 backgroundColor: '#000',
-                textColor: '#fff',
                 name: 'Apple',
                 icon: (_jsx(FaApple, { color: "#fff", size: iconSize })),
             };
@@ -48,7 +48,6 @@ export default function OAuthButton({ provider, type, }) {
         case 'microsoft': {
             style = {
                 backgroundColor: '#2f2f2f',
-                textColor: '#fff',
                 name: 'Microsoft',
                 icon: (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: iconSize, height: iconSize, viewBox: "0 0 21 21", children: [_jsx("title", { children: "MS-SymbolLockup" }), _jsx("path", { fill: "#f25022", d: "M1 1h9v9H1z" }), _jsx("path", { fill: "#00a4ef", d: "M1 11h9v9H1z" }), _jsx("path", { fill: "#7fba00", d: "M11 1h9v9h-9z" }), _jsx("path", { fill: "#ffb900", d: "M11 11h9v9h-9z" })] })),
             };
@@ -57,11 +56,10 @@ export default function OAuthButton({ provider, type, }) {
         default: {
             style = {
                 backgroundColor: '#000',
-                textColor: '#fff',
                 name: provider,
                 icon: null
             };
         }
     }
-    return (_jsxs(Button, { style: { backgroundColor: style.backgroundColor, color: style.textColor }, onClick: () => runAsynchronously(stackApp.signInWithOAuth(provider)), leftIcon: style.icon, children: [type === 'signup' ? 'Sign up with ' : 'Sign in with ', style.name] }));
+    return (_jsx(Button, { color: style.backgroundColor, style: { border: style.border }, onClick: () => runAsynchronously(stackApp.signInWithOAuth(provider)), children: _jsxs("div", { style: { display: 'flex', alignItems: 'center', width: '100%' }, children: [style.icon, _jsxs("span", { style: { flexGrow: 1 }, children: [type === 'signup' ? 'Sign up with ' : 'Sign in with ', style.name] }), _jsx("div", { style: { visibility: 'hidden' }, children: style.icon })] }) }));
 }

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

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

package/dist/elements/oauth-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"oauth-group.d.ts","sourceRoot":"","sources":["../../src/elements/oauth-group.tsx"],"names":[],"mappings":"AAGA,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,IAAI,GACL,EAAE;IACD,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAC;CAC3B,2CAWA"}

package/dist/elements/oauth-group.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useStackApp } from "..";
+import OAuthButton from "./oauth-button";
+export default function OAuthGroup({ type, }) {
+    const stackApp = useStackApp();
+    const project = stackApp.useProject();
+    return (_jsx("div", { style: { gap: '16px', display: 'flex', flexDirection: 'column', alignItems: 'stretch' }, children: project.oauthProviders.filter(p => p.enabled).map(p => (_jsx(OAuthButton, { provider: p.id, type: type }, p.id))) }));
+}

package/dist/elements/{PasswordField.d.ts → password-field.d.ts}

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

package/dist/elements/password-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"password-field.d.ts","sourceRoot":"","sources":["../../src/elements/password-field.tsx"],"names":[],"mappings":";AAIA,eAAO,MAAM,aAAa,oJAwDxB,CAAC"}

package/dist/elements/password-field.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Input } from '@stackframe/stack-ui';
+import { forwardRef, useRef, useState } from 'react';
+import { HiEye, HiEyeOff } from 'react-icons/hi';
+export const PasswordField = forwardRef(({ id, name, ...props }, ref) => {
+    const [isOpen, setIsOpen] = useState(false);
+    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, {}) : _jsx(HiEye, {}) })] }));
+});
+PasswordField.displayName = 'PasswordField';

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

@@ -0,0 +1,5 @@
+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/elements/password-reset-inner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"password-reset-inner.d.ts","sourceRoot":"","sources":["../../src/elements/password-reset-inner.tsx"],"names":[],"mappings":"AAeA,MAAM,CAAC,OAAO,UAAU,kBAAkB,CACxC,EAAE,IAAI,EAAE,QAAgB,EAAE,EAC1B;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,2CAyFrC"}

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

@@ -0,0 +1,63 @@
+'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 CardHeader from "./card-header";
+import { Button, Label, Text } from "@stackframe/stack-ui";
+import { runAsynchronously } from "@stackframe/stack-shared/dist/utils/promises";
+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 errorMessage = getPasswordError(password);
+        if (errorMessage) {
+            setPasswordError(errorMessage);
+            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 });
+    }
+    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" }) }));
+    }
+    return (_jsxs(CardFrame, { fullPage: fullPage, children: [_jsx(CardHeader, { title: "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: () => runAsynchronously(onSubmit()), children: "Reset Password" })] })] }));
+}

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

@@ -0,0 +1,5 @@
+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/elements/redirect-message-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"redirect-message-card.d.ts","sourceRoot":"","sources":["../../src/elements/redirect-message-card.tsx"],"names":[],"mappings":"AAOA,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,IAAI,EACJ,QAAc,GACf,EAAE;IACD,IAAI,EAAE,UAAU,GAAG,WAAW,GAAG,WAAW,GAAG,eAAe,GAAG,eAAe,CAAC;IACjF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,2CAoEA"}

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

@@ -0,0 +1,54 @@
+"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 "@stackframe/stack-ui";
+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;
+        }
+    }
+    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: () => router.push(stackApp.urls.signOut.toString()), children: secondaryButton })), _jsx(Button, { onClick: () => router.push(primaryUrl.toString()), children: primaryButton })] })] }));
+}

package/dist/index.d.ts

@@ -1,10 +1,20 @@
-export { default as StackProvider } from "./providers/StackProvider";
+export { default as StackProvider } from "./providers/stack-provider";
 export { useUser, useStackApp } from "./lib/hooks";
 export { StackClientApp, StackServerApp, StackAdminApp } from "./lib/stack-app";
-export { default as SignIn } from "./components/SignIn";
-export { default as SignUp } from "./components/SignUp";
-export { default as StackHandler } from "./components/StackHandler";
-export { default as EmailVerification } from "./components/EmailVerification";
-export { default as PasswordReset } from "./components/PasswordReset";
-export { default as ForgotPassword } from "./components/ForgotPassword";
-import '../dist/tailwind.css';
+export { default as StackHandler } from "./components-page/stack-handler";
+export { default as SignIn } from "./components-page/sign-in";
+export { default as SignUp } from "./components-page/sign-up";
+export { default as EmailVerification } from "./components-page/email-verification";
+export { default as PasswordReset } from "./components-page/password-reset";
+export { default as ForgotPassword } from "./components-page/forgot-password";
+export { default as CredentialSignIn } from "./components/credential-sign-in";
+export { default as CredentialSignUp } from "./components/credential-sign-up";
+export { default as OAuthButton } from "./components/oauth-button";
+export { default as OAuthGroup } from "./components/oauth-group";
+export { default as PasswordField } from "./components/password-field";
+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 * 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.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAErE,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,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAGxE,OAAO,sBAAsB,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;AAE9E,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;AAEvE,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"}

package/dist/index.js

@@ -1,11 +1,19 @@
-export { default as StackProvider } from "./providers/StackProvider";
+export { default as StackProvider } from "./providers/stack-provider";
 export { useUser, useStackApp } from "./lib/hooks";
 export { StackClientApp, StackServerApp, StackAdminApp } from "./lib/stack-app";
-export { default as SignIn } from "./components/SignIn";
-export { default as SignUp } from "./components/SignUp";
-export { default as StackHandler } from "./components/StackHandler";
-export { default as EmailVerification } from "./components/EmailVerification";
-export { default as PasswordReset } from "./components/PasswordReset";
-export { default as ForgotPassword } from "./components/ForgotPassword";
-// TODO we can't import it like this
-import '../dist/tailwind.css';
+export { default as StackHandler } from "./components-page/stack-handler";
+export { default as SignIn } from "./components-page/sign-in";
+export { default as SignUp } from "./components-page/sign-up";
+export { default as EmailVerification } from "./components-page/email-verification";
+export { default as PasswordReset } from "./components-page/password-reset";
+export { default as ForgotPassword } from "./components-page/forgot-password";
+export { default as CredentialSignIn } from "./components/credential-sign-in";
+export { default as CredentialSignUp } from "./components/credential-sign-up";
+export { default as OAuthButton } from "./components/oauth-button";
+export { default as OAuthGroup } from "./components/oauth-group";
+export { default as PasswordField } from "./components/password-field";
+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/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>;
+//# 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/hooks.js

@@ -1,4 +1,4 @@
-import { StackContext } from "../providers/StackProviderClient";
+import { StackContext } from "../providers/stack-provider-client";
 import { useContext } from "react";
 export function useUser(options) {
     return useStackApp().useUser(options);

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

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

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

@@ -0,0 +1,25 @@
+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';
+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>;
+};
+export type ComponentConfig = {
+    components?: Partial<Components>;
+};
+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

@@ -0,0 +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;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;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,2CAc7F"}

package/dist/providers/component-provider.js

@@ -0,0 +1,29 @@
+'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';
+const ComponentContext = createContext(undefined);
+export function useComponents() {
+    const context = useContext(ComponentContext);
+    if (!context) {
+        throw new Error('Stack UI components must be used within a StackTheme');
+    }
+    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,
+        }, children: props.children }));
+}

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

@@ -0,0 +1,41 @@
+import React from 'react';
+type ColorPalette = {
+    primaryColor: string;
+    secondaryColor: string;
+    primaryBgColor: string;
+    secondaryBgColor: string;
+    neutralColor: string;
+};
+type Breakpoints = {
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+};
+type DesignContextValue = {
+    colors: ColorPalette;
+    breakpoints: Breakpoints;
+    colorMode: 'dark' | 'light';
+    setColorMode: (theme: 'dark' | 'light') => void;
+};
+export type DesignConfig = {
+    colors?: {
+        dark: Partial<ColorPalette>;
+        light: Partial<ColorPalette>;
+    };
+    breakpoints?: Partial<Breakpoints>;
+} & ({} | {
+    colorMode: 'dark' | 'light';
+    setColorMode: (theme: 'dark' | 'light') => void;
+});
+export declare function hasCustomColorMode(config: DesignConfig): config is DesignConfig & {
+    colorMode: 'dark' | 'light';
+    setColorMode: (theme: 'dark' | 'light') => void;
+};
+export declare function StackDesignProvider(props: {
+    children?: React.ReactNode;
+} & DesignConfig): import("react/jsx-runtime").JSX.Element | null;
+export declare function useDesign(): DesignContextValue;
+export {};
+//# sourceMappingURL=design-provider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"design-provider.d.ts","sourceRoot":"","sources":["../../src/providers/design-provider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,KAAK,YAAY,GAAG;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,KAAK,WAAW,GAAG;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,MAAM,EAAE,YAAY,CAAC;IACrB,WAAW,EAAE,WAAW,CAAC;IACzB,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,KAAK,IAAI,CAAC;CACjD,CAAA;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,MAAM,CAAC,EAAE;QACP,IAAI,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;QAC5B,KAAK,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;KAC9B,CAAC;IACF,WAAW,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;CACpC,GAAG,CACF,EAAE,GACA;IACA,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,KAAK,IAAI,CAAC;CACjD,CACF,CAAA;AAYD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,IAAI,YAAY,GAAG;IACjF,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,KAAK,IAAI,CAAC;CACjD,CAEA;AA4BD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,GAAG,YAAY,kDA6BvF;AAED,wBAAgB,SAAS,IAAI,kBAAkB,CAM9C"}