@stackframe/stack 2.0.0 → 2.1.0

package/dist/providers/design-provider.js

@@ -0,0 +1,65 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useTheme } from "next-themes";
+import { createContext, useContext, useEffect, useState } from "react";
+import { DEFAULT_COLORS } from '../utils/constants';
+const DesignContext = createContext(undefined);
+const defaultBreakpoints = {
+    xs: 400,
+    sm: 600,
+    md: 900,
+    lg: 1200,
+    xl: 1536,
+};
+export function hasCustomColorMode(config) {
+    return 'colorMode' in config && 'setColorMode' in config;
+}
+function getColors(theme, colors) {
+    return { ...DEFAULT_COLORS[theme], ...colors?.[theme] };
+}
+const useColorMode = (props) => {
+    const { resolvedTheme: nextColorMode, setTheme: setNextColorMode } = useTheme();
+    const nextColorModeValue = nextColorMode === 'dark' ? 'dark' : 'light';
+    if (hasCustomColorMode(props)) {
+        return [
+            props.colorMode,
+            props.setColorMode,
+        ];
+    }
+    else {
+        return [
+            nextColorModeValue,
+            setNextColorMode,
+        ];
+    }
+};
+export function StackDesignProvider(props) {
+    const [mounted, setMounted] = useState(false);
+    const [colorMode, setColorMode] = useColorMode(props);
+    const [designValue, setDesignValue] = useState({
+        colors: getColors(colorMode, props.colors),
+        breakpoints: { ...defaultBreakpoints, ...props.breakpoints },
+        colorMode,
+        setColorMode,
+    });
+    useEffect(() => {
+        setDesignValue((v) => ({
+            ...v,
+            colors: getColors(colorMode, props.colors),
+            colorMode,
+        }));
+    }, [colorMode]);
+    useEffect(() => {
+        setMounted(true);
+    }, []);
+    if (!mounted)
+        return null;
+    return (_jsx(DesignContext.Provider, { value: designValue, children: props.children }));
+}
+export function useDesign() {
+    const context = useContext(DesignContext);
+    if (!context) {
+        throw new Error("useDesign must be used within a StackTheme");
+    }
+    return context;
+}

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

@@ -0,0 +1,17 @@
+/// <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';
+export declare const defaultComponents: {
+    Button: typeof Button;
+    Input: typeof Input;
+    Text: typeof Text;
+    Divider: typeof Divider;
+};
+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

@@ -0,0 +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;AAErD,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

@@ -0,0 +1,27 @@
+'use client';
+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';
+export const defaultComponents = {
+    Button,
+    Input,
+    Text,
+    Divider
+};
+export function StackJoyTheme(props) {
+    const { mode, setMode } = useColorScheme();
+    const mergedTheme = {
+        components: {
+            ...defaultComponents,
+            ...props.theme?.components,
+        },
+        colorMode: mode,
+        setColorMode: setMode,
+        ...props.theme,
+    };
+    return (_jsx(StackTheme, { theme: mergedTheme, children: props.children }));
+}

package/dist/providers/{StackProviderClient.d.ts → stack-provider-client.d.ts}

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"stack-provider-client.d.ts","sourceRoot":"","sources":["../../src/providers/stack-provider-client.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAA2B,MAAM,kBAAkB,CAAC;AAC/F,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,YAAY;SAClB,eAAe,IAAI,CAAC;SACnB,CAAC;AAET,wBAAgB,mBAAmB,CAAC,KAAK,EAAE;IACzC,cAAc,EAAE,OAAO,CAAC,kBAAkB,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,2CAaA"}

package/dist/providers/{StackProvider.d.ts → stack-provider.d.ts}

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"stack-provider.d.ts","sourceRoot":"","sources":["../../src/providers/stack-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAA2B,MAAM,kBAAkB,CAAC;AAI3E,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,QAAQ,EACR,GAAG,GACJ,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,GAAG,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC;CAC3B,2CAMA"}

package/dist/providers/{StackProvider.js → stack-provider.js}

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { stackAppInternalsSymbol } from '../lib/stack-app';
-import { StackProviderClient } from './StackProviderClient';
+import { StackProviderClient } from './stack-provider-client';
 export default function StackProvider({ children, app, }) {
     return (_jsx(StackProviderClient, { appJsonPromise: app[stackAppInternalsSymbol].toClientJson(), children: children }));
 }

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

@@ -0,0 +1,5 @@
+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/styled-components-registry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled-components-registry.d.ts","sourceRoot":"","sources":["../../src/providers/styled-components-registry.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,MAAM,CAAC,OAAO,UAAU,wBAAwB,CAAC,EAC/C,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,2CAkBA"}

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

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

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

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

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

@@ -1 +1,2 @@
 export declare function suspend(): never;
+//# sourceMappingURL=react.d.ts.map

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

@@ -22,3 +22,4 @@ declare function promiseToResult<T, E = unknown>(promise: Promise<T>): Promise<R
 declare function mapResult<T, U, E = unknown, P = unknown>(result: Result<T, E>, fn: (data: T) => U): Result<U, E>;
 declare function mapResult<T, U, E = unknown, P = unknown>(result: AsyncResult<T, E, P>, fn: (data: T) => U): AsyncResult<U, E, P>;
 export {};
+//# sourceMappingURL=results.d.ts.map

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

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

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,6 +1,6 @@
 {
   "name": "@stackframe/stack",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "type": "module",
   "types": "./dist/index.d.ts",
   "main": "./dist/index.js",
@@ -8,43 +8,38 @@
     "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-shared": "2.0.0",
-    "@stackframe/stack-sc": "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.1",
-    "react": "^18.2.0"
+    "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;CACpB,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":"AAMA,MAAM,CAAC,OAAO,UAAU,aAAa,4CAWpC"}

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.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,QAAc,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,2CA2BxE"}

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({ 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' }), project.credentialEnabled &&
-                _jsxs(_Fragment, { children: [_jsx(DividerWithText, { text: 'OR' }), _jsx(CredentialSignIn, {})] })] }));
-}

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,4CAS9B"}

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

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

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({ 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' }), project.credentialEnabled && _jsxs(_Fragment, { children: [_jsx(DividerWithText, { text: 'OR' }), _jsx(CredentialSignUp, {})] })] }));
-}

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,10 +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;

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,5 +0,0 @@
-import React from "react";
-export default function CardFrame({ children, fullPage }: {
-    children: React.ReactNode;
-    fullPage?: boolean;
-}): import("react/jsx-runtime").JSX.Element;

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.map

@@ -1 +0,0 @@
-{"version":3,"file":"CredentialSignIn.d.ts","sourceRoot":"","sources":["../../src/elements/CredentialSignIn.tsx"],"names":[],"mappings":"AAWA,MAAM,CAAC,OAAO,UAAU,gBAAgB,4CAkGvC"}

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,4CAuHvC"}

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"}