@stytch/nextjs 21.4.3 → 21.5.0

package/dist/b2b/index.esm.d.ts

@@ -1,8 +1,6 @@
 /// <reference types="react" />
 import React from "react";
 import { Callbacks, StyleConfig, StytchB2BUIConfig, StytchProjectConfigurationInput } from "@stytch/vanilla-js";
-// We need to import the StytchB2BUIClient type to give the TSDoc parser a hint as to where it is from
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
 import { IDPConsentScreenManifest } from "@stytch/vanilla-js/b2b";
 interface StytchB2BProps<TProjectConfiguration extends StytchProjectConfigurationInput = Stytch.DefaultProjectConfiguration> {
     /**
@@ -76,14 +74,17 @@ type B2BIDPConsentManifestGenerator = (input: {
     clientName: string;
 }) => IDPConsentScreenManifest;
 type B2BIdentityProviderProps = Omit<StytchB2BProps, "config"> & {
+    /**
+     * Optional {@link B2BIDPConsentManifestGenerator} to customize the consent screen.
+     */
     getIDPConsentManifest?: B2BIDPConsentManifestGenerator;
 };
 /**
  * The Stytch B2B UI component.
- * This component can only be used with a {@link StytchB2BUIClient} client constructor
- * passed into the {@link StytchB2BProvider}
+ * This component can only be used with a Stytch B2B UI Client
+ * passed into the StytchB2BProvider.
  *
- * See the {@link https://stytch.com/docs/b2b/sdks/javascript-sdk online reference}
+ * See the {@link https://stytch.com/docs/b2b/sdks online reference}
  *
  * @example
  * <StytchB2B
@@ -110,28 +111,27 @@ type B2BIdentityProviderProps = Omit<StytchB2BProps, "config"> & {
  *     onEvent: (event) => console.log(event)
  *   }}
  * />
- * @param props {@link StytchB2BProps}
  */
 declare const StytchB2B: <TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>({ styles, callbacks, config }: StytchB2BProps<TProjectConfiguration>) => React.JSX.Element;
 /**
  * The Stytch B2B IDP component.
  * Parses OAuth Authorization params (client_id, scope, nonce, etc.) out of the page URL.
  * Requires the user to be logged in.
- * This component can only be used with a {@link StytchB2BUIClient} client constructor
- * passed into the {@link StytchB2BProvider}
+ * This component can only be used with a Stytch B2B UI Client
+ * passed into the StytchB2BProvider.
  *
- * See the {@link https://stytch.com/docs/sdks/javascript-sdk online reference}
+ * See the {@link https://stytch.com/docs/b2b/sdks online reference}
  *
  * @example
  * const styles = {
- *     container: {
- *       backgroundColor: '#e11e1e',
- *     },
- *     colors: {
- *       primary: '#ff00f7',
- *       secondary: '#5C727D',
- *     },
- *    }
+ *   container: {
+ *     backgroundColor: '#e11e1e',
+ *   },
+ *   colors: {
+ *     primary: '#ff00f7',
+ *     secondary: '#5C727D',
+ *   },
+ * }
  *
  * <B2BIdentityProvider
  *   styles={styles}
@@ -139,12 +139,8 @@ declare const StytchB2B: <TProjectConfiguration extends Partial<import("@stytch/
  *     onEvent: (event) => console.log(event)
  *   }}
  * />
- *
- * @param styles - An optional {@link StyleConfig} to customize the look and feel of the screen.
- * @param callbacks - An optional {@link Callbacks} object
- * @param getIDPConsentManifest - Optional {@link B2BIDPConsentManifestGenerator} to customize the consent screen.
  */
 declare const B2BIdentityProvider: ({ styles, callbacks, getIDPConsentManifest }: B2BIdentityProviderProps) => React.JSX.Element;
-export { StytchB2BProvider, useStytchB2BClient, useStytchMemberSession, useStytchMember, useStytchIsAuthorized, useStytchOrganization, withStytchB2BClient, withStytchMemberSession, withStytchMember, withStytchOrganization, withStytchPermissions } from "../StytchB2BContext-a2d58b5b.js";
+export { StytchB2BProvider, useStytchB2BClient, useStytchMemberSession, useStytchMember, useStytchIsAuthorized, useStytchOrganization, withStytchB2BClient, withStytchMemberSession, withStytchMember, withStytchOrganization, withStytchPermissions } from "../StytchB2BContext-54aa990c.js";
 export { StytchB2B, B2BIdentityProvider };
-export type { StytchB2BProviderProps } from "../StytchB2BContext-a2d58b5b.js";
+export type { StytchB2BProviderProps } from "../StytchB2BContext-54aa990c.js";

package/dist/b2b/index.esm.js

@@ -1,15 +1,15 @@
-import { u as useIsMounted__INTERNAL, a as useStytchB2BClient, i as isUIClient, b as useStytchMember } from '../StytchB2BContext-a2d58b5b.js';
-export { S as StytchB2BProvider, a as useStytchB2BClient, d as useStytchIsAuthorized, b as useStytchMember, c as useStytchMemberSession, e as useStytchOrganization, w as withStytchB2BClient, g as withStytchMember, f as withStytchMemberSession, h as withStytchOrganization, j as withStytchPermissions } from '../StytchB2BContext-a2d58b5b.js';
+import { u as useIsMounted__INTERNAL, a as useStytchB2BClient, i as isUIClient, b as useStytchMember } from '../StytchB2BContext-54aa990c.js';
+export { S as StytchB2BProvider, a as useStytchB2BClient, d as useStytchIsAuthorized, b as useStytchMember, c as useStytchMemberSession, e as useStytchOrganization, w as withStytchB2BClient, g as withStytchMember, f as withStytchMemberSession, h as withStytchOrganization, j as withStytchPermissions } from '../StytchB2BContext-54aa990c.js';
 import React, { useRef } from 'react';
-import { i as invariant, a as useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect-2962f7c7.js';
-import { a as noHeadlessClientError, n as noProviderError } from '../StytchSSRProxy-4e34fb34.js';
+import { i as invariant, a as useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect-1babb81e.js';
+import { a as noHeadlessClientError, n as noProviderError } from '../StytchSSRProxy-34c789b5.js';
 
 /**
  * The Stytch B2B UI component.
- * This component can only be used with a {@link StytchB2BUIClient} client constructor
- * passed into the {@link StytchB2BProvider}
+ * This component can only be used with a Stytch B2B UI Client
+ * passed into the StytchB2BProvider.
  *
- * See the {@link https://stytch.com/docs/b2b/sdks/javascript-sdk online reference}
+ * See the {@link https://stytch.com/docs/b2b/sdks online reference}
  *
  * @example
  * <StytchB2B
@@ -36,7 +36,6 @@ import { a as noHeadlessClientError, n as noProviderError } from '../StytchSSRPr
  *     onEvent: (event) => console.log(event)
  *   }}
  * />
- * @param props {@link StytchB2BProps}
  */
 const StytchB2B = ({ styles, callbacks, config, }) => {
     invariant(useIsMounted__INTERNAL(), noProviderError('<StytchB2B />', 'StytchB2BProvider'));
@@ -67,21 +66,21 @@ const StytchB2B = ({ styles, callbacks, config, }) => {
  * The Stytch B2B IDP component.
  * Parses OAuth Authorization params (client_id, scope, nonce, etc.) out of the page URL.
  * Requires the user to be logged in.
- * This component can only be used with a {@link StytchB2BUIClient} client constructor
- * passed into the {@link StytchB2BProvider}
+ * This component can only be used with a Stytch B2B UI Client
+ * passed into the StytchB2BProvider.
  *
- * See the {@link https://stytch.com/docs/sdks/javascript-sdk online reference}
+ * See the {@link https://stytch.com/docs/b2b/sdks online reference}
  *
  * @example
  * const styles = {
- *     container: {
- *       backgroundColor: '#e11e1e',
- *     },
- *     colors: {
- *       primary: '#ff00f7',
- *       secondary: '#5C727D',
- *     },
- *    }
+ *   container: {
+ *     backgroundColor: '#e11e1e',
+ *   },
+ *   colors: {
+ *     primary: '#ff00f7',
+ *     secondary: '#5C727D',
+ *   },
+ * }
  *
  * <B2BIdentityProvider
  *   styles={styles}
@@ -89,16 +88,12 @@ const StytchB2B = ({ styles, callbacks, config, }) => {
  *     onEvent: (event) => console.log(event)
  *   }}
  * />
- *
- * @param styles - An optional {@link StyleConfig} to customize the look and feel of the screen.
- * @param callbacks - An optional {@link Callbacks} object
- * @param getIDPConsentManifest - Optional {@link B2BIDPConsentManifestGenerator} to customize the consent screen.
  */
 const B2BIdentityProvider = ({ styles, callbacks, getIDPConsentManifest }) => {
     invariant(useIsMounted__INTERNAL(), noProviderError('<IdentityProvider />'));
     const stytchClient = useStytchB2BClient();
-    const containerEl = useRef(null);
     const { member } = useStytchMember();
+    const containerEl = useRef(null);
     useIsomorphicLayoutEffect(() => {
         if (!isUIClient(stytchClient)) {
             throw Error(noHeadlessClientError);

package/dist/b2b/index.headless.esm.js

@@ -1,5 +1,5 @@
 import { StytchB2BHeadlessClient } from '@stytch/vanilla-js/b2b/headless';
-import { c as createStytchSSRProxy } from '../StytchSSRProxy-4e34fb34.js';
+import { c as createStytchSSRProxy } from '../StytchSSRProxy-34c789b5.js';
 
 /**
  * Creates a Headless Stytch client object to call the stytch B2B APIs.

package/dist/b2b/index.headless.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var headless = require('@stytch/vanilla-js/b2b/headless');
-var StytchSSRProxy = require('../StytchSSRProxy-c9d3bc41.js');
+var StytchSSRProxy = require('../StytchSSRProxy-86bc42b3.js');
 
 /**
  * Creates a Headless Stytch client object to call the stytch B2B APIs.

package/dist/b2b/index.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var StytchB2BContext = require('../StytchB2BContext-fc9fdcb3.js');
+var StytchB2BContext = require('../StytchB2BContext-c5062f9b.js');
 var React = require('react');
-var useIsomorphicLayoutEffect = require('../useIsomorphicLayoutEffect-a2b587d2.js');
-var StytchSSRProxy = require('../StytchSSRProxy-c9d3bc41.js');
+var useIsomorphicLayoutEffect = require('../useIsomorphicLayoutEffect-65746ef3.js');
+var StytchSSRProxy = require('../StytchSSRProxy-86bc42b3.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -13,10 +13,10 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 /**
  * The Stytch B2B UI component.
- * This component can only be used with a {@link StytchB2BUIClient} client constructor
- * passed into the {@link StytchB2BProvider}
+ * This component can only be used with a Stytch B2B UI Client
+ * passed into the StytchB2BProvider.
  *
- * See the {@link https://stytch.com/docs/b2b/sdks/javascript-sdk online reference}
+ * See the {@link https://stytch.com/docs/b2b/sdks online reference}
  *
  * @example
  * <StytchB2B
@@ -43,7 +43,6 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  *     onEvent: (event) => console.log(event)
  *   }}
  * />
- * @param props {@link StytchB2BProps}
  */
 const StytchB2B = ({ styles, callbacks, config, }) => {
     useIsomorphicLayoutEffect.invariant(StytchB2BContext.useIsMounted__INTERNAL(), StytchSSRProxy.noProviderError('<StytchB2B />', 'StytchB2BProvider'));
@@ -74,21 +73,21 @@ const StytchB2B = ({ styles, callbacks, config, }) => {
  * The Stytch B2B IDP component.
  * Parses OAuth Authorization params (client_id, scope, nonce, etc.) out of the page URL.
  * Requires the user to be logged in.
- * This component can only be used with a {@link StytchB2BUIClient} client constructor
- * passed into the {@link StytchB2BProvider}
+ * This component can only be used with a Stytch B2B UI Client
+ * passed into the StytchB2BProvider.
  *
- * See the {@link https://stytch.com/docs/sdks/javascript-sdk online reference}
+ * See the {@link https://stytch.com/docs/b2b/sdks online reference}
  *
  * @example
  * const styles = {
- *     container: {
- *       backgroundColor: '#e11e1e',
- *     },
- *     colors: {
- *       primary: '#ff00f7',
- *       secondary: '#5C727D',
- *     },
- *    }
+ *   container: {
+ *     backgroundColor: '#e11e1e',
+ *   },
+ *   colors: {
+ *     primary: '#ff00f7',
+ *     secondary: '#5C727D',
+ *   },
+ * }
  *
  * <B2BIdentityProvider
  *   styles={styles}
@@ -96,16 +95,12 @@ const StytchB2B = ({ styles, callbacks, config, }) => {
  *     onEvent: (event) => console.log(event)
  *   }}
  * />
- *
- * @param styles - An optional {@link StyleConfig} to customize the look and feel of the screen.
- * @param callbacks - An optional {@link Callbacks} object
- * @param getIDPConsentManifest - Optional {@link B2BIDPConsentManifestGenerator} to customize the consent screen.
  */
 const B2BIdentityProvider = ({ styles, callbacks, getIDPConsentManifest }) => {
     useIsomorphicLayoutEffect.invariant(StytchB2BContext.useIsMounted__INTERNAL(), StytchSSRProxy.noProviderError('<IdentityProvider />'));
     const stytchClient = StytchB2BContext.useStytchB2BClient();
-    const containerEl = React.useRef(null);
     const { member } = StytchB2BContext.useStytchMember();
+    const containerEl = React.useRef(null);
     useIsomorphicLayoutEffect.useIsomorphicLayoutEffect(() => {
         if (!StytchB2BContext.isUIClient(stytchClient)) {
             throw Error(StytchSSRProxy.noHeadlessClientError);

package/dist/b2b/index.ui.esm.js

@@ -1,5 +1,5 @@
 import { StytchB2BUIClient } from '@stytch/vanilla-js/b2b';
-import { c as createStytchSSRProxy } from '../StytchSSRProxy-4e34fb34.js';
+import { c as createStytchSSRProxy } from '../StytchSSRProxy-34c789b5.js';
 
 /**
  * Creates a Stytch UI client object to call the Stytch APIs and render Stytch UI components.

package/dist/b2b/index.ui.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var b2b = require('@stytch/vanilla-js/b2b');
-var StytchSSRProxy = require('../StytchSSRProxy-c9d3bc41.js');
+var StytchSSRProxy = require('../StytchSSRProxy-86bc42b3.js');
 
 /**
  * Creates a Stytch UI client object to call the Stytch APIs and render Stytch UI components.

package/dist/errors-d9d5fbc8.d.ts

@@ -0,0 +1,5 @@
+declare const noProviderError: (item: string, provider?: string) => string;
+declare const providerMustBeUniqueError = "You cannot render a <StytchProvider> inside another <StytchProvider>.";
+declare const noHeadlessClientError = "Tried to create a Stytch Login UI element using the Stytch Headless SDK.\nYou must use the UI SDK to use UI elements.\nPlease make sure you are using a Stytch UI client, not a Stytch Headless client.";
+declare const cannotInvokeMethodOnServerError: (path: string) => string;
+export { noProviderError, providerMustBeUniqueError, noHeadlessClientError, cannotInvokeMethodOnServerError };

package/dist/index-b14d4efe.d.ts

@@ -1,2 +1,2 @@
 export { createDeepEqual } from "./createDeepEqual-5555f2e1.js";
-export { mergeWithStableProps } from "./useIsomorphicLayoutEffect-2962f7c7.js";
+export { mergeWithStableProps } from "./useIsomorphicLayoutEffect-1babb81e.js";

package/dist/index.d.ts

@@ -1,37 +1,76 @@
 /// <reference types="react" />
 import React from "react";
 import { ReactNode } from "react";
-import { User, Session, StytchUIClient, StytchProjectConfigurationInput, Callbacks, StytchLoginConfig, StyleConfig } from "@stytch/vanilla-js";
+import { Session, StytchProjectConfigurationInput, StytchUIClient, User, Callbacks, StytchLoginConfig, StyleConfig } from "@stytch/vanilla-js";
 import { StytchHeadlessClient } from "@stytch/vanilla-js/headless";
 /**
- * The Stytch Client object passed in to <StytchProvider /> in your `_app.js`.
+ * The Stytch Client object passed in to <StytchProvider /> in your application root.
  * Either a StytchUIClient or StytchHeadlessClient.
  */
 type StytchClient<TProjectConfiguration extends StytchProjectConfigurationInput> = StytchUIClient<TProjectConfiguration> | StytchHeadlessClient<TProjectConfiguration>;
-type SWRUser = {
+type SWRUserUninitialized = {
+    /**
+     * Either the active {@link User} object, or null if the user is not logged in.
+     */
     user: null;
+    /**
+     * If true, indicates that the value returned is from the application cache and a state refresh is in progress.
+     */
     fromCache: false;
+    /**
+     * If true, indicates that the SDK has completed initialization.
+     */
     isInitialized: false;
-} | {
+};
+type SWRUserInitialized = {
+    /**
+     * Either the active {@link User} object, or null if the user is not logged in.
+     */
     user: User | null;
+    /**
+     * If true, indicates that the value returned is from the application cache and a state refresh is in progress.
+     */
     fromCache: boolean;
+    /**
+     * If true, indicates that the SDK has completed initialization.
+     */
     isInitialized: true;
 };
-type SWRSession = {
+type SWRUser<TAlwaysInitialized extends boolean = boolean> = TAlwaysInitialized extends true ? SWRUserInitialized : SWRUserInitialized | SWRUserUninitialized;
+type SWRSessionUninitialized = {
+    /**
+     * Either the active {@link Session} object, or null if the user is not logged in.
+     */
     session: null;
+    /**
+     * If true, indicates that the value returned is from the application cache and a state refresh is in progress.
+     */
     fromCache: false;
+    /**
+     * If true, indicates that the SDK has completed initialization.
+     */
     isInitialized: false;
-} | {
+};
+type SWRSessionInitialized = {
+    /**
+     * Either the active {@link Session} object, or null if the user is not logged in.
+     */
     session: Session | null;
+    /**
+     * If true, indicates that the value returned is from the application cache and a state refresh is in progress.
+     */
     fromCache: boolean;
+    /**
+     * If true, indicates that the SDK has completed initialization.
+     */
     isInitialized: true;
 };
+type SWRSession<TAlwaysInitialized extends boolean = boolean> = TAlwaysInitialized extends true ? SWRSessionInitialized : SWRSessionInitialized | SWRSessionUninitialized;
 /**
  * Returns the active User.
  * The Stytch SDKs are used for client-side authentication and session management.
  * Check the isInitialized property to determine if the SDK has completed initialization.
- * Check the fromCache property to determine if the session data is from persistent storage.
- * See Next's {@link https://nextjs.org/docs/authentication#authenticating-statically-generated-pages documentation} for more.
+ * Check the fromCache property to determine if the user data is from persistent storage.
  * @example
  * const {user, isInitialized, fromCache} = useStytchUser();
  * if (!isInitialized) {
@@ -39,13 +78,12 @@ type SWRSession = {
  * }
  * return (<h1>Welcome, {user.name.first_name}</h1>);
  */
-declare const useStytchUser: () => SWRUser;
+declare const useStytchUser: <TAssumeHydrated extends boolean = false>() => SWRUser<TAssumeHydrated>;
 /**
- * Returns the user's active Stytch session.
+ * Returns the active user's Stytch session.
  * The Stytch SDKs are used for client-side authentication and session management.
  * Check the isInitialized property to determine if the SDK has completed initialization.
  * Check the fromCache property to determine if the session data is from persistent storage.
- * See Next's {@link https://nextjs.org/docs/authentication#authenticating-statically-generated-pages documentation} for more.
  * @example
  * const {session, isInitialized, fromCache} = useStytchSession();
  * useEffect(() => {
@@ -57,7 +95,7 @@ declare const useStytchUser: () => SWRUser;
  *   }
  * }, [session, isInitialized]);
  */
-declare const useStytchSession: () => SWRSession;
+declare const useStytchSession: <TAssumeHydrated extends boolean = false>() => SWRSession<TAssumeHydrated>;
 /**
  * Returns the Stytch client stored in the Stytch context.
  *
@@ -71,12 +109,12 @@ declare const useStytch: <TProjectConfiguration extends Partial<import("@stytch/
 declare const withStytch: <T extends object, TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>(Component: React.ComponentType<T & {
     stytch: StytchClient<TProjectConfiguration>;
 }>) => React.ComponentType<T>;
-declare const withStytchUser: <T extends object>(Component: React.ComponentType<T & {
+declare const withStytchUser: <T extends object, TAssumeHydrated extends boolean = false>(Component: React.ComponentType<T & {
     stytchUser: User | null;
     stytchUserIsInitialized: boolean;
     stytchUserIsFromCache: boolean;
 }>) => React.ComponentType<T>;
-declare const withStytchSession: <T extends object>(Component: React.ComponentType<T & {
+declare const withStytchSession: <T extends object, TAssumeHydrated extends boolean = false>(Component: React.ComponentType<T & {
     stytchSession: Session | null;
     stytchSessionIsInitialized: boolean;
     stytchSessionIsFromCache: boolean;
@@ -86,11 +124,25 @@ interface StytchProviderProps<TProjectConfiguration extends StytchProjectConfigu
      * A Stytch client instance, created using either {@link createStytchHeadlessClient} or {@link createStytchUIClient}
      */
     stytch: StytchClient<TProjectConfiguration>;
+    /**
+     * When true, the provider will assume that the component will only be
+     * rendered in a browser environment, either in a single-page application or
+     * after completing hydration of a server-rendered application. This allows
+     * cached values to be retrieved from the browser on the first render, meaning
+     * that the `isInitialized` value returned from Stytch hooks will be `true`
+     * starting from the first render.
+     *
+     * When `false`, the provider will defer initialization until after the first
+     * render, and `isInitialized` will initially be `false`.
+     *
+     * This value defaults to `false` in `@stytch/nextjs`.
+     */
+    assumeHydrated?: boolean;
     children?: ReactNode;
 }
 /**
  * The Stytch Context Provider.
- * Wrap your application with this component in `_app.js` in order to use Stytch everywhere in your app.
+ * Wrap your application with this component in order to use Stytch everywhere in your app.
  * @example
  * const stytch = createStytchHeadlessClient('public-token-<find yours in the stytch dashboard>')
  *
@@ -100,7 +152,7 @@ interface StytchProviderProps<TProjectConfiguration extends StytchProjectConfigu
  *   </StytchProvider>
  * )
  */
-declare const StytchProvider: <TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>({ stytch, children }: StytchProviderProps<TProjectConfiguration>) => JSX.Element;
+declare const StytchProvider: <TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>({ stytch, children, assumeHydrated }: StytchProviderProps<TProjectConfiguration>) => JSX.Element;
 interface StytchProps<TProjectConfiguration extends StytchProjectConfigurationInput = Stytch.DefaultProjectConfiguration> {
     /**
      * A {@link StytchLoginConfig} object. Add products and product-specific config to this object to change the login methods shown.
@@ -167,10 +219,10 @@ interface StytchProps<TProjectConfiguration extends StytchProjectConfigurationIn
 }
 /**
  * The Stytch Login Screen component.
- * This component can only be used with the Stytch UI Client - use {@link createStytchUIClient}
- * in your `_app.jsx` file.
+ * This component can only be used with a Stytch UI Client
+ * passed into the StytchProvider.
  *
- * See the {@link https://stytch.com/docs/sdks/javascript-sdk online reference}
+ * See the {@link https://stytch.com/docs/sdks online reference}
  *
  * @example
  * <StytchLogin
@@ -193,22 +245,21 @@ interface StytchProps<TProjectConfiguration extends StytchProjectConfigurationIn
  *     onEvent: (event) => console.log(event)
  *   }}
  * />
- *
- * @param config - A {@link StytchLoginConfig} object
- * @param styles - An optional {@link StyleConfig} to customize the look and feel of the screen.
- * @param callbacks - An optional {@link Callbacks} object
  */
 declare const StytchLogin: <TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>({ config, styles, callbacks }: StytchProps<TProjectConfiguration>) => React.JSX.Element;
 interface StytchResetPasswordProps<TProjectConfiguration extends StytchProjectConfigurationInput = Stytch.DefaultProjectConfiguration> extends StytchProps<TProjectConfiguration> {
+    /**
+     * A Stytch password reset token.
+     */
     passwordResetToken: string;
 }
 type IdentityProviderProps = Omit<StytchProps, "config">;
 /**
  * The Stytch Reset Password component.
- * This component can only be used with a {@link StytchUIClient} client constructor
- * passed into the {@link StytchProvider}
+ * This component can only be used with a Stytch UI Client
+ * passed into the StytchProvider.
  *
- * See the {@link https://stytch.com/docs/sdks/javascript-sdk online reference}
+ * See the {@link https://stytch.com/docs/sdks online reference}
  *
  * @example
  * <StytchPasswordReset
@@ -232,19 +283,14 @@ type IdentityProviderProps = Omit<StytchProps, "config">;
  *     onEvent: (event) => console.log(event)
  *   }}
  * />
- *
- * @param config - A {@link StytchLoginConfig} object
- * @param passwordResetToken - A Stytch password reset token
- * @param styles - An optional {@link StyleConfig} to customize the look and feel of the screen.
- * @param callbacks - An optional {@link Callbacks} object
  */
 declare const StytchPasswordReset: <TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>({ config, styles, callbacks, passwordResetToken }: StytchResetPasswordProps<TProjectConfiguration>) => React.JSX.Element;
 /**
  * The Stytch Passkey Registration component.
- * This component can only be used with a {@link StytchUIClient} client constructor
- * passed into the {@link StytchProvider}
+ * This component can only be used with a Stytch UI Client
+ * passed into the StytchProvider.
  *
- * See the {@link https://stytch.com/docs/sdks/javascript-sdk online reference}
+ * See the {@link https://stytch.com/docs/sdks online reference}
  *
  * @example
  * const styles = {
@@ -263,31 +309,27 @@ declare const StytchPasswordReset: <TProjectConfiguration extends Partial<import
  *     onEvent: (event) => console.log(event)
  *   }}
  * />
- * />
- *
- * @param styles - An optional {@link StyleConfig} to customize the look and feel of the screen.
- * @param callbacks - An optional {@link Callbacks} object
  */
 declare const StytchPasskeyRegistration: <TProjectConfiguration extends Partial<import("@stytch/core/public").StytchProjectConfiguration> = Stytch.DefaultProjectConfiguration>({ config, styles, callbacks }: StytchProps<TProjectConfiguration>) => React.JSX.Element;
 /**
  * The Stytch IDP component.
  * Parses OAuth Authorization params (client_id, scope, nonce, etc.) out of the page URL.
  * Requires the user to be logged in.
- * This component can only be used with a {@link StytchUIClient} client constructor
- * passed into the {@link StytchProvider}
+ * This component can only be used with a Stytch UI Client
+ * passed into the StytchProvider.
  *
- * See the {@link https://stytch.com/docs/sdks/javascript-sdk online reference}
+ * See the {@link https://stytch.com/docs/sdks online reference}
  *
  * @example
  * const styles = {
- *     container: {
- *       backgroundColor: '#e11e1e',
- *     },
- *     colors: {
- *       primary: '#ff00f7',
- *       secondary: '#5C727D',
- *     },
- *    }
+ *   container: {
+ *     backgroundColor: '#e11e1e',
+ *   },
+ *   colors: {
+ *     primary: '#ff00f7',
+ *     secondary: '#5C727D',
+ *   },
+ * }
  *
  * <IdentityProvider
  *   styles={styles}
@@ -295,11 +337,7 @@ declare const StytchPasskeyRegistration: <TProjectConfiguration extends Partial<
  *     onEvent: (event) => console.log(event)
  *   }}
  * />
- * />
- *
- * @param styles - An optional {@link StyleConfig} to customize the look and feel of the screen.
- * @param callbacks - An optional {@link Callbacks} object
  */
 declare const IdentityProvider: ({ styles, callbacks }: IdentityProviderProps) => React.JSX.Element;
-export { StytchProvider, useStytch, useStytchSession, useStytchUser, withStytch, withStytchSession, withStytchUser, StytchLogin, StytchPasswordReset, StytchPasskeyRegistration, IdentityProvider };
-export type { StytchProviderProps };
+export { IdentityProvider, StytchLogin, StytchPasskeyRegistration, StytchPasswordReset, StytchProvider, useStytch, useStytchSession, useStytchUser, withStytch, withStytchSession, withStytchUser };
+export type { StytchProviderProps, IdentityProviderProps, StytchProps, StytchResetPasswordProps };