@stackframe/stack 1.2.1 → 2.1.0

package/dist/providers/styled-components-registry.js

@@ -0,0 +1,18 @@
+'use client';
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import { useServerInsertedHTML } from 'next/navigation';
+import { ServerStyleSheet, StyleSheetManager } from 'styled-components';
+export default function StyledComponentsRegistry({ children, }) {
+    // Only create stylesheet once with lazy initial state
+    // x-ref: https://reactjs.org/docs/hooks-reference.html#lazy-initial-state
+    const [styledComponentsStyleSheet] = useState(() => new ServerStyleSheet());
+    useServerInsertedHTML(() => {
+        const styles = styledComponentsStyleSheet.getStyleElement();
+        styledComponentsStyleSheet.instance.clearTag();
+        return _jsx(_Fragment, { children: styles });
+    });
+    if (typeof window !== 'undefined')
+        return _jsx(_Fragment, { children: children });
+    return (_jsx(StyleSheetManager, { sheet: styledComponentsStyleSheet.instance, children: children }));
+}

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

@@ -0,0 +1,11 @@
+import React, { ComponentProps } from "react";
+import { DesignConfig } from "./design-provider";
+import { ComponentConfig } from "./component-provider";
+import { ThemeProvider as NextThemeProvider } from "next-themes";
+export type ThemeConfig = DesignConfig & ComponentConfig;
+export declare function StackTheme({ theme, children, colorModeConfig, }: {
+    children?: React.ReactNode;
+    theme?: DesignConfig & ComponentConfig;
+    colorModeConfig?: Omit<ComponentProps<typeof NextThemeProvider>, "themes" | "children">;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=theme-provider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"theme-provider.d.ts","sourceRoot":"","sources":["../../src/providers/theme-provider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAuB,YAAY,EAAsB,MAAM,mBAAmB,CAAC;AAC1F,OAAO,EAA0B,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAE/E,OAAO,EAA4B,aAAa,IAAI,iBAAiB,EAAC,MAAM,aAAa,CAAC;AAE1F,MAAM,MAAM,WAAW,GAAG,YAAY,GAAG,eAAe,CAAC;AAEzD,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,eAAe,GAChB,EAAG;IACF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,YAAY,GAAG,eAAe,CAAC;IACvC,eAAe,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC,CAAC;CACzF,2CAyBA"}

package/dist/providers/theme-provider.js

@@ -0,0 +1,20 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { StackDesignProvider, hasCustomColorMode } from "./design-provider";
+import { StackComponentProvider } from "./component-provider";
+import StyledComponentsRegistry from "./styled-components-registry";
+import { useTheme as useNextTheme, ThemeProvider as NextThemeProvider } from "next-themes";
+export function StackTheme({ theme, children, colorModeConfig, }) {
+    const { theme: nextTheme } = useNextTheme();
+    const componentProps = { components: theme?.components };
+    const ColorModeProvider = !nextTheme ? NextThemeProvider : React.Fragment;
+    const colorModeProps = !nextTheme ? colorModeConfig : {};
+    let designProps = {};
+    if (theme && hasCustomColorMode(theme)) {
+        let { colorMode, setColorMode } = theme;
+        designProps = { colorMode, setColorMode };
+    }
+    designProps = designProps || { breakpoints: theme?.breakpoints, colors: theme?.colors };
+    return (_jsx(ColorModeProvider, { ...colorModeProps, children: _jsx(StyledComponentsRegistry, { children: _jsx(StackDesignProvider, { ...designProps, children: _jsx(StackComponentProvider, { ...componentProps, children: children }) }) }) }));
+}

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

@@ -0,0 +1,10 @@
+import React, { ComponentProps } from "react";
+import { DesignConfig } from "./design-provider";
+import { ComponentConfig } from "./component-provider";
+import { ThemeProvider as NextThemeProvider } from "next-themes";
+export type ThemeConfig = DesignConfig & ComponentConfig;
+export declare function StackTheme({ theme, children, colorModeConfig, }: {
+    children?: React.ReactNode;
+    theme?: DesignConfig & ComponentConfig;
+    colorModeConfig?: Omit<ComponentProps<typeof NextThemeProvider>, "themes" | "children">;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/providers/ui-provider.js

@@ -0,0 +1,20 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { StackDesignProvider, hasCustomColorMode } from "./design-provider";
+import { StackComponentProvider } from "./component-provider";
+import StyledComponentsRegistry from "./styled-components-registry";
+import { useTheme as useNextTheme, ThemeProvider as NextThemeProvider } from "next-themes";
+export function StackTheme({ theme, children, colorModeConfig, }) {
+    const { theme: nextTheme } = useNextTheme();
+    const componentProps = { components: theme?.components };
+    const ColorModeProvider = !nextTheme ? NextThemeProvider : React.Fragment;
+    const colorModeProps = !nextTheme ? colorModeConfig : {};
+    let designProps = {};
+    if (theme && hasCustomColorMode(theme)) {
+        let { colorMode, setColorMode } = theme;
+        designProps = { colorMode, setColorMode };
+    }
+    designProps = designProps || { breakpoints: theme?.breakpoints, colors: theme?.colors };
+    return (_jsx(ColorModeProvider, { ...colorModeProps, children: _jsx(StyledComponentsRegistry, { children: _jsx(StackDesignProvider, { ...designProps, children: _jsx(StackComponentProvider, { ...componentProps, children: children }) }) }) }));
+}

package/dist/utils/constants.d.ts

@@ -0,0 +1,41 @@
+export declare const FONT_SIZES: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+};
+export declare const LINE_HEIGHTS: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+};
+export declare const FONT_FAMILY = "ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"";
+export declare const PRIMARY_FONT_COLORS: {
+    dark: string;
+    light: string;
+};
+export declare const SECONDARY_FONT_COLORS: {
+    dark: string;
+    light: string;
+};
+export declare const BORDER_RADIUS = "0.375rem";
+export declare const DEFAULT_COLORS: {
+    readonly dark: {
+        readonly primaryColor: "#570df8";
+        readonly secondaryColor: "#404040";
+        readonly primaryBgColor: "black";
+        readonly secondaryBgColor: "#1f1f1f";
+        readonly neutralColor: "#27272a";
+    };
+    readonly light: {
+        readonly primaryColor: "#570df8";
+        readonly secondaryColor: "#e0e0e0";
+        readonly primaryBgColor: "white";
+        readonly secondaryBgColor: "#474747";
+        readonly neutralColor: "#e4e4e7";
+    };
+};
+//# sourceMappingURL=constants.d.ts.map

package/dist/utils/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/utils/constants.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;;CAAqF,CAAC;AAC7G,eAAO,MAAM,YAAY;;;;;;CAAiF,CAAC;AAC3G,eAAO,MAAM,WAAW,+HAAuH,CAAC;AAChJ,eAAO,MAAM,mBAAmB;;;CAAwC,CAAC;AACzE,eAAO,MAAM,qBAAqB;;;CAA4C,CAAC;AAC/E,eAAO,MAAM,aAAa,aAAa,CAAC;AACxC,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;CAehB,CAAC"}

package/dist/utils/constants.js

@@ -0,0 +1,22 @@
+export const FONT_SIZES = { 'xs': '0.75rem', 'sm': '0.875rem', 'md': '1rem', 'lg': '1.25rem', 'xl': '1.5rem' };
+export const LINE_HEIGHTS = { 'xs': '1rem', 'sm': '1.25rem', 'md': '1.5rem', 'lg': '1.75rem', 'xl': '2rem' };
+export const FONT_FAMILY = 'ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"';
+export const PRIMARY_FONT_COLORS = { 'dark': 'white', 'light': 'black' };
+export const SECONDARY_FONT_COLORS = { 'dark': '#a8a8a8', 'light': '#737373' };
+export const BORDER_RADIUS = '0.375rem';
+export const DEFAULT_COLORS = {
+    dark: {
+        primaryColor: '#570df8',
+        secondaryColor: '#404040',
+        primaryBgColor: 'black',
+        secondaryBgColor: '#1f1f1f',
+        neutralColor: '#27272a',
+    },
+    light: {
+        primaryColor: '#570df8',
+        secondaryColor: '#e0e0e0',
+        primaryBgColor: 'white',
+        secondaryBgColor: '#474747',
+        neutralColor: '#e4e4e7',
+    },
+};

package/dist/utils/email.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"email.d.ts","sourceRoot":"","sources":["../../src/utils/email.ts"],"names":[],"mappings":"AAAA,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,2BAO1C"}
+{"version":3,"file":"email.d.ts","sourceRoot":"","sources":["../../src/utils/email.tsx"],"names":[],"mappings":"AAAA,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,2BAO1C"}

package/dist/utils/next.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"next.d.ts","sourceRoot":"","sources":["../../src/utils/next.ts"],"names":[],"mappings":"AAAA,wBAAgB,QAAQ,YAGvB"}
+{"version":3,"file":"next.d.ts","sourceRoot":"","sources":["../../src/utils/next.tsx"],"names":[],"mappings":"AAAA,wBAAgB,QAAQ,YAGvB"}

package/dist/utils/react.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../src/utils/react.ts"],"names":[],"mappings":"AAGA,wBAAgB,OAAO,IAAI,KAAK,CAG/B"}
+{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../src/utils/react.tsx"],"names":[],"mappings":"AAGA,wBAAgB,OAAO,IAAI,KAAK,CAG/B"}

package/dist/utils/results.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"results.d.ts","sourceRoot":"","sources":["../../src/utils/results.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,MAAM,CAAC,CAAC,EAAE,CAAC,GAAG,OAAO,IAC7B;IACA,MAAM,EAAE,IAAI,CAAC;IACb,IAAI,EAAE,CAAC,CAAC;CACT,GACC;IACA,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,CAAC,CAAC;CACV,CAAC;AAEJ,MAAM,MAAM,WAAW,CAAC,CAAC,EAAE,CAAC,GAAG,OAAO,EAAE,CAAC,GAAG,IAAI,IAC5C,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,GACV;IACF,MAAM,EAAE,SAAS,CAAC;CACnB,GACC,CAAC,CAAC,SAAS,IAAI,GAAG,EAAE,GAAG;IAAE,QAAQ,EAAE,CAAC,CAAA;CAAE,CAAC,CAAC;AAE5C,eAAO,MAAM,MAAM;;;;;;;CAsBlB,CAAC;AAEF,iBAAS,eAAe,CAAC,CAAC,EAAE,CAAC,GAAG,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAQnF;AAED,iBAAS,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,OAAO,EAAE,CAAC,GAAG,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAC3G,iBAAS,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,OAAO,EAAE,CAAC,GAAG,OAAO,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC"}
+{"version":3,"file":"results.d.ts","sourceRoot":"","sources":["../../src/utils/results.tsx"],"names":[],"mappings":"AAAA,MAAM,MAAM,MAAM,CAAC,CAAC,EAAE,CAAC,GAAG,OAAO,IAC7B;IACA,MAAM,EAAE,IAAI,CAAC;IACb,IAAI,EAAE,CAAC,CAAC;CACT,GACC;IACA,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,CAAC,CAAC;CACV,CAAC;AAEJ,MAAM,MAAM,WAAW,CAAC,CAAC,EAAE,CAAC,GAAG,OAAO,EAAE,CAAC,GAAG,IAAI,IAC5C,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,GACV;IACF,MAAM,EAAE,SAAS,CAAC;CACnB,GACC,CAAC,CAAC,SAAS,IAAI,GAAG,EAAE,GAAG;IAAE,QAAQ,EAAE,CAAC,CAAA;CAAE,CAAC,CAAC;AAE5C,eAAO,MAAM,MAAM;;;;;;;CAsBlB,CAAC;AAEF,iBAAS,eAAe,CAAC,CAAC,EAAE,CAAC,GAAG,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAQnF;AAED,iBAAS,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,OAAO,EAAE,CAAC,GAAG,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAC3G,iBAAS,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,OAAO,EAAE,CAAC,GAAG,OAAO,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC"}

package/dist/utils/url.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"url.d.ts","sourceRoot":"","sources":["../../src/utils/url.ts"],"names":[],"mappings":"AAAA,wBAAgB,YAAY,SAW3B;AAED,wBAAgB,oBAAoB,CAAC,WAAW,EAAE,GAAG,GAAG,MAAM,GAAG,SAAS,UAGzE"}
+{"version":3,"file":"url.d.ts","sourceRoot":"","sources":["../../src/utils/url.tsx"],"names":[],"mappings":"AAAA,wBAAgB,YAAY,SAW3B;AAED,wBAAgB,oBAAoB,CAAC,WAAW,EAAE,GAAG,GAAG,MAAM,GAAG,SAAS,UAGzE"}

package/package.json

@@ -1,50 +1,45 @@
 {
   "name": "@stackframe/stack",
-  "version": "1.2.1",
-  "main": "./dist/index.js",
-  "types": "./dist/index.d.ts",
+  "version": "2.1.0",
   "type": "module",
+  "types": "./dist/index.d.ts",
+  "main": "./dist/index.js",
   "files": [
     "dist"
   ],
   "dependencies": {
+    "color": "^4.2.3",
     "js-cookie": "^3.0.5",
     "oauth4webapi": "^2.10.3",
     "react-icons": "^5.0.1",
-    "tailwindcss-scoped-preflight": "^2.1.0",
     "server-only": "^0.0.1",
-    "@stackframe/stack-sc": "1.2.1",
-    "@stackframe/stack-shared": "1.2.1"
+    "tailwindcss-scoped-preflight": "^2.1.0",
+    "@radix-ui/react-label": "^2.0.2",
+    "next-themes": "^0.2.1",
+    "styled-components": "^6.1.8",
+    "@stackframe/stack-shared": "2.1.0",
+    "@stackframe/stack-sc": "1.3.0"
   },
   "peerDependencies": {
-    "next": "^14",
-    "react": "^18.2.0"
+    "next": "^14.1",
+    "react": "^18.2",
+    "@mui/joy": "^5.0.0-beta.30"
+  },
+  "peerDependenciesMeta": {
+    "@mui/joy": {
+      "optional": true
+    }
   },
   "devDependencies": {
+    "@types/color": "^3.0.6",
     "@types/js-cookie": "^3.0.6",
-    "@types/react": "^18.2.60",
-    "@typescript-eslint/eslint-plugin": "^6",
-    "@typescript-eslint/parser": "^6.x",
-    "autoprefixer": "^10.4.17",
-    "concurrently": "^8.2.2",
-    "daisyui": "^4.7.2",
-    "eslint": "^8",
-    "eslint-config-next": "^14",
-    "postcss": "^8.4.35",
-    "postcss-cli": "^11.0.0",
-    "postcss-nested": "^6.0.1",
-    "postcss-prefix-selector": "^1.16.0",
-    "react": "^18.2.0",
-    "rimraf": "^5.0.5",
-    "tailwindcss": "^3.4.1"
+    "@types/react": "^18.2.66"
   },
   "scripts": {
     "typecheck": "tsc --noEmit",
-    "build": "tsc && npx tailwindcss build -i src/tailwind.css -o dist/tailwind.css && postcss ./src/tailwind.css -o ./dist/tailwind.css --config postcss.config.js",
+    "build": "tsc",
     "clean": "rimraf dist && rimraf node_modules",
-    "dev": "concurrently \"npm run watch:ts\" \"npm run watch:postcss\"",
-    "watch:ts": "tsc -w --preserveWatchOutput --declarationMap",
-    "watch:postcss": "postcss ./src/tailwind.css -o ./dist/tailwind.css --config postcss.config.js --watch",
+    "dev": "tsc -w --preserveWatchOutput --declarationMap",
     "lint": "eslint --ext .tsx,.ts ."
   }
 }

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

@@ -1 +0,0 @@
-{"version":3,"file":"EmailVerification.d.ts","sourceRoot":"","sources":["../../src/components/EmailVerification.tsx"],"names":[],"mappings":"AAQA,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,YAAY,EAAE,EACZ,IAAS,GACL,EACN,QAAgB,GACjB,EAAE;IACD,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,kDAkCA"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"ForgotPassword.d.ts","sourceRoot":"","sources":["../../src/components/ForgotPassword.tsx"],"names":[],"mappings":"AAWA,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,QAAc,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,2CA0BhF"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"OAuthCallback.d.ts","sourceRoot":"","sources":["../../src/components/OAuthCallback.tsx"],"names":[],"mappings":"AAOA,MAAM,CAAC,OAAO,UAAU,aAAa,4CAapC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"PasswordReset.d.ts","sourceRoot":"","sources":["../../src/components/PasswordReset.tsx"],"names":[],"mappings":"AAaA,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,YAAY,EACZ,QAAgB,GACjB,EAAE;IACD,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,2CA0CA"}

package/dist/components/SignIn.d.ts

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"SignIn.d.ts","sourceRoot":"","sources":["../../src/components/SignIn.tsx"],"names":[],"mappings":"AAWA,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,WAAW,EAAE,QAAc,EAAE,EAAE;IAAE,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,2CA2B3G"}

package/dist/components/SignIn.js

@@ -1,20 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import NextLink from 'next/link';
-import CredentialSignIn from '../elements/CredentialSignIn';
-import DividerWithText from '../elements/DividerWithText';
-import OAuthGroup from '../elements/OAuthGroup';
-import CardFrame from '../elements/CardFrame';
-import CardHeader from '../elements/CardHeader';
-import { useUser, useStackApp } from '..';
-import RedirectMessageCard from '../elements/RedirectMessageCard';
-export default function SignIn({ redirectUrl, fullPage = false }) {
-    const stackApp = useStackApp();
-    const user = useUser();
-    const project = stackApp.useProject();
-    if (user) {
-        return _jsx(RedirectMessageCard, { type: 'signedIn', fullPage: fullPage });
-    }
-    return (_jsxs(CardFrame, { fullPage: fullPage, children: [_jsx(CardHeader, { title: "Sign In to Your Account", children: _jsxs("p", { children: ["Don't have an account? ", _jsx(NextLink, { href: stackApp.urls['signUp'], passHref: true, className: "wl_text-blue-500", children: "Sign up" })] }) }), _jsx(OAuthGroup, { type: 'signin', redirectUrl: redirectUrl }), project.credentialEnabled &&
-                _jsxs(_Fragment, { children: [_jsx(DividerWithText, { text: 'OR' }), _jsx(CredentialSignIn, { redirectUrl: redirectUrl })] })] }));
-}

package/dist/components/SignOut.d.ts

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"SignOut.d.ts","sourceRoot":"","sources":["../../src/components/SignOut.tsx"],"names":[],"mappings":"AAMA,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,WAAW,EAAE,EAAE;IAAE,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,2CAQxE"}

package/dist/components/SignUp.d.ts

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"SignUp.d.ts","sourceRoot":"","sources":["../../src/components/SignUp.tsx"],"names":[],"mappings":"AAWA,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,WAAW,EAAE,QAAc,EAAE,EAAE;IAAE,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,2CA0B3G"}

package/dist/components/SignUp.js

@@ -1,19 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import NextLink from 'next/link';
-import DividerWithText from '../elements/DividerWithText';
-import OAuthGroup from '../elements/OAuthGroup';
-import CardFrame from '../elements/CardFrame';
-import CredentialSignUp from '../elements/CredentialSignUp';
-import CardHeader from '../elements/CardHeader';
-import { useUser, useStackApp } from '..';
-import RedirectMessageCard from '../elements/RedirectMessageCard';
-export default function SignUp({ redirectUrl, fullPage = false }) {
-    const stackApp = useStackApp();
-    const user = useUser();
-    const project = stackApp.useProject();
-    if (user) {
-        return _jsx(RedirectMessageCard, { type: 'signedIn', fullPage: fullPage });
-    }
-    return (_jsxs(CardFrame, { fullPage: fullPage, children: [_jsx(CardHeader, { title: "Create a New Account", children: _jsxs("p", { children: ["Already have an account? ", _jsx(NextLink, { href: stackApp.urls['signIn'], passHref: true, className: "wl_text-blue-500", children: "Sign in" })] }) }), _jsx(OAuthGroup, { type: 'signup', redirectUrl: redirectUrl }), project.credentialEnabled && _jsxs(_Fragment, { children: [_jsx(DividerWithText, { text: 'OR' }), _jsx(CredentialSignUp, { redirectUrl: redirectUrl })] })] }));
-}

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

@@ -1 +0,0 @@
-{"version":3,"file":"StackHandler.d.ts","sourceRoot":"","sources":["../../src/components/StackHandler.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAiB,cAAc,EAAE,MAAM,IAAI,CAAC;AAOnD,wBAA8B,YAAY,CAAC,aAAa,SAAS,OAAO,EAAE,EACxE,GAAG,EACH,MAAM,EAAE,EAAE,KAAK,EAAO,EACtB,YAAiB,GAClB,EAAE;IACD,GAAG,EAAE,cAAc,CAAC,aAAa,CAAC,CAAC;IACnC,MAAM,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;KAAE,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACvC,oDAuDA"}

package/dist/elements/Button.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-export default function Button(props: {
-    children: React.ReactNode;
-    style?: any;
-    className?: string;
-    onClick?: () => void;
-    loading?: boolean;
-    leftIcon?: React.ReactNode;
-    rightIcon?: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Button.d.ts.map

package/dist/elements/Button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/elements/Button.tsx"],"names":[],"mappings":";AAAA,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,2CAgCA"}

package/dist/elements/Button.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default function Button(props) {
-    let leftIconJsx;
-    if (props.leftIcon) {
-        leftIconJsx = _jsx("div", { children: props.leftIcon });
-    }
-    else if (props.rightIcon) {
-        leftIconJsx = _jsx("div", { className: "wl_invisible", children: props.rightIcon });
-    }
-    let rightIconJsx;
-    if (props.rightIcon) {
-        rightIconJsx = _jsx("div", { children: props.rightIcon });
-    }
-    else if (props.leftIcon) {
-        rightIconJsx = _jsx("div", { className: "wl_invisible", children: props.leftIcon });
-    }
-    return (_jsxs("button", { className: "wl_btn wl_items-center " + (props.className || ""), style: props.style, onClick: props.onClick, disabled: props.loading, children: [leftIconJsx, _jsxs("div", { className: "wl_flex-grow wl_flex wl_items-center wl_justify-center", children: [_jsx("span", { className: `wl_loading wl_loading-spinner wl_mr-2 ${props.loading ? "" : "wl_invisible"}` }), props.children, _jsx("span", { className: "wl_loading wl_loading-spinner wl_ml-2 wl_invisible" })] }), rightIconJsx] }));
-}

package/dist/elements/CardFrame.d.ts

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

package/dist/elements/CardFrame.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CardFrame.d.ts","sourceRoot":"","sources":["../../src/elements/CardFrame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,QAAQ,EACR,QAAa,EACd,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,2CAkBA"}

package/dist/elements/CardFrame.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function CardFrame({ children, fullPage = true }) {
-    const inner = (_jsx("div", { className: "stack-scope wl_container wl_mx-auto wl_max-w-md wl_font-sans", children: _jsx("div", { className: `wl_py-8 wl_px-4 wl_bg-transparent wl_rounded-xl sm:wl_px-10 sm:wl_bg-base-200 sm:wl_shadow-xl`, children: children }) }));
-    if (fullPage) {
-        return (_jsx("div", { className: "wl_min-h-screen wl_flex wl_items-center wl_justify-center", children: inner }));
-    }
-    else {
-        return inner;
-    }
-}

package/dist/elements/CardHeader.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CardHeader.d.ts","sourceRoot":"","sources":["../../src/elements/CardHeader.tsx"],"names":[],"mappings":";AAAA,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/elements/CardHeader.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default function CardHeader({ children, title }) {
-    return (_jsxs("div", { className: "wl_text-center wl_mb-6 wl_space-y-2 md:wl_space-y-3", children: [_jsx("h2", { className: "wl_text-2xl", children: title }), children] }));
-}

package/dist/elements/CredentialSignIn.d.ts

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

package/dist/elements/CredentialSignIn.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CredentialSignIn.d.ts","sourceRoot":"","sources":["../../src/elements/CredentialSignIn.tsx"],"names":[],"mappings":"AAWA,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EAAE,WAAW,EAAE,EAAE;IAAE,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,2CAkGjF"}

package/dist/elements/CredentialSignIn.js

@@ -1,57 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import { FormWarningText } from "./FormWarning";
-import { PasswordField } from "./PasswordField";
-import { validateEmail } from "../utils/email";
-import NextLink from "next/link";
-import { useStackApp } from "..";
-import Button from "./Button";
-import { runAsynchronously } from "@stackframe/stack-shared/dist/utils/promises";
-import { EmailPasswordMissMatchErrorCode, UserNotExistErrorCode } from "@stackframe/stack-shared/dist/utils/types";
-// Import or define the PasswordField, FormWarningText, and validateEmail utilities if they're custom components or functions.
-export default function CredentialSignIn({ redirectUrl }) {
-    const [email, setEmail] = useState('');
-    const [emailError, setEmailError] = useState('');
-    const [password, setPassword] = useState('');
-    const [passwordError, setPasswordError] = useState('');
-    const [loading, setLoading] = 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;
-        }
-        if (!password) {
-            setPasswordError('Please enter your password');
-            return;
-        }
-        setLoading(true);
-        const errorCode = await stackApp.signInWithCredential({ email, password, redirectUrl });
-        setLoading(false);
-        switch (errorCode) {
-            case UserNotExistErrorCode: {
-                setEmailError('User does not exist');
-                break;
-            }
-            case EmailPasswordMissMatchErrorCode: {
-                setPasswordError('Wrong email or password');
-                break;
-            }
-            case undefined: {
-                // success
-                break;
-            }
-        }
-    };
-    return (_jsxs("div", { className: "wl_flex wl_flex-col wl_space-y-2 wl_items-stretch", children: [_jsxs("div", { className: "wl_form-control", children: [_jsx("label", { className: "wl_label", htmlFor: "email", children: _jsx("span", { className: "wl_label-text", children: "Email" }) }), _jsx("input", { id: "email", type: "email", name: "email", className: "wl_input wl_input-bordered", value: email, onChange: (e) => {
-                            setEmail(e.target.value);
-                            setEmailError('');
-                        } }), _jsx(FormWarningText, { text: emailError })] }), _jsxs("div", { className: "wl_form-control", children: [_jsx("label", { className: "wl_label", htmlFor: "password", children: _jsx("span", { className: "wl_label-text", children: "Password" }) }), _jsx(PasswordField, { id: "password", name: "password", value: password, onChange: (e) => {
-                            setPassword(e.target.value);
-                            setPasswordError('');
-                        } }), _jsx(FormWarningText, { text: passwordError })] }), _jsx("div", { className: "wl_flex wl_items-center wl_justify-between", children: _jsx(NextLink, { href: stackApp.urls.forgotPassword, className: "wl_text-sm wl_text-blue-500 wl_no-underline wl_hover:wl_underline", children: "Forgot password?" }) }), _jsx("div", { className: "wl_flex wl_flex-col wl_items-stretch", children: _jsx(Button, { className: "wl_btn-primary wl_mt-6", onClick: () => runAsynchronously(onSubmit), loading: loading, children: "Sign In" }) })] }));
-}

package/dist/elements/CredentialSignUp.d.ts

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

package/dist/elements/CredentialSignUp.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CredentialSignUp.d.ts","sourceRoot":"","sources":["../../src/elements/CredentialSignUp.tsx"],"names":[],"mappings":"AAYA,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EAAE,WAAW,EAAE,EAAE;IAAE,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,2CAuHjF"}

package/dist/elements/CredentialSignUp.js

@@ -1,73 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import { PasswordField } from "./PasswordField";
-import { FormWarningText } from "./FormWarning";
-import { validateEmail } from "../utils/email";
-import { getPasswordError } from "@stackframe/stack-shared/dist/helpers/password";
-import { useStackApp } from "..";
-import { runAsynchronously } from "@stackframe/stack-shared/dist/utils/promises";
-import Button from "./Button";
-import { UserAlreadyExistErrorCode } from "@stackframe/stack-shared/dist/utils/types";
-export default function CredentialSignUp({ redirectUrl }) {
-    const [email, setEmail] = useState('');
-    const [emailError, setEmailError] = useState('');
-    const [password, setPassword] = useState('');
-    const [passwordError, setPasswordError] = useState('');
-    const [passwordRepeat, setPasswordRepeat] = useState('');
-    const [passwordRepeatError, setPasswordRepeatError] = useState('');
-    const [loading, setLoading] = 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;
-        }
-        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;
-        }
-        setLoading(true);
-        const errorCode = await stackApp.signUpWithCredential({ email, password, redirectUrl });
-        setLoading(false);
-        switch (errorCode) {
-            case UserAlreadyExistErrorCode: {
-                setEmailError('User already exists');
-                break;
-            }
-            case undefined: {
-                // success
-                break;
-            }
-        }
-    };
-    return (_jsxs("div", { className: "wl_flex wl_flex-col wl_space-y-2 wl_items-stretch", children: [_jsxs("div", { className: "wl_form-control", children: [_jsx("label", { className: "wl_label", htmlFor: "email", children: "Email" }), _jsx("input", { className: "wl_input wl_input-bordered", id: "email", type: "email", name: "email", value: email, onChange: (e) => {
-                            setEmail(e.target.value);
-                            setEmailError('');
-                        } }), _jsx(FormWarningText, { text: emailError })] }), _jsxs("div", { className: "wl_form-control", children: [_jsx("label", { className: "wl_label", htmlFor: "password", children: "Password" }), _jsx(PasswordField, { id: "password", name: "password", value: password, onChange: (e) => {
-                            setPassword(e.target.value);
-                            setPasswordError('');
-                            setPasswordRepeatError('');
-                        } }), _jsx(FormWarningText, { text: passwordError })] }), _jsxs("div", { className: "wl_form-control", children: [_jsx("label", { className: "wl_label", htmlFor: "repeat-password", children: "Repeat Password" }), _jsx(PasswordField, { id: "repeat-password", name: "repeat-password", value: passwordRepeat, onChange: (e) => {
-                            setPasswordRepeat(e.target.value);
-                            setPasswordError('');
-                            setPasswordRepeatError('');
-                        } }), _jsx(FormWarningText, { text: passwordRepeatError })] }), _jsx("div", { className: "wl_flex wl_flex-col wl_items-stretch", children: _jsx(Button, { className: "wl_btn-primary wl_mt-6", onClick: () => runAsynchronously(onSubmit), loading: loading, children: "Sign Up" }) })] }));
-}

package/dist/elements/DividerWithText.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DividerWithText.d.ts","sourceRoot":"","sources":["../../src/elements/DividerWithText.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,2CASjE"}

package/dist/elements/DividerWithText.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default function DividerWithText({ text }) {
-    const lineStyle = "wl_flex-grow wl_bg-neutral wl_h-px";
-    return (_jsxs("div", { className: "wl_flex wl_items-center wl_my-4", children: [_jsx("div", { className: lineStyle }), _jsx("span", { className: "wl_px-4 wl_text-sm wl_text-neutral", children: text }), _jsx("div", { className: lineStyle })] }));
-}

package/dist/elements/ForgotPassword.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ForgotPassword.d.ts","sourceRoot":"","sources":["../../src/elements/ForgotPassword.tsx"],"names":[],"mappings":"AAUA,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE,2CAqDzE"}