@stytch/vanilla-js 4.12.2 → 4.13.1

package/dist/ui/b2c/reducer.d.ts

@@ -0,0 +1,23 @@
+import { AppScreens, AppState, OTPState, CryptoState, PasswordState } from './GlobalContextProvider';
+export type Action = {
+    type: 'transition';
+    screen: AppScreens;
+} | {
+    type: 'set_magic_link_email';
+    email: string;
+} | {
+    type: 'update_otp_state';
+    otpState: OTPState;
+} | {
+    type: 'update_crypto_state';
+    cryptoState: CryptoState;
+} | {
+    type: 'set_error_message';
+    errorMessage: string | undefined;
+} | {
+    type: 'clear_error_message';
+} | {
+    type: 'update_password_state';
+    passwordState: PasswordState;
+};
+export declare const reducer: (state: AppState, action: Action) => AppState;

package/dist/ui/b2c/screens/Crypto/ConnectWallet.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ConnectWallet: () => React.JSX.Element;

package/dist/ui/b2c/screens/Crypto/Error.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Error: () => React.JSX.Element;

package/dist/ui/b2c/screens/Crypto/OtherWallets.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const OtherCryptoWallets: () => React.JSX.Element;

package/dist/ui/b2c/screens/Crypto/PasskeyConfirmation.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare const PasskeyConfirmation: () => React.JSX.Element;

package/dist/ui/b2c/screens/Crypto/SetupNewWallet.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const SetupNewWallet: () => React.JSX.Element;

package/dist/ui/b2c/screens/Crypto/SignMessage.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const SignMessage: () => React.JSX.Element;

package/dist/ui/b2c/screens/Crypto/Success.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Success: () => React.JSX.Element;

package/dist/ui/b2c/screens/Crypto/WalletButtons.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+export declare const CryptoWalletButtons: ({ type }: {
+    type: 'main' | 'other';
+}) => React.JSX.Element;

package/dist/ui/b2c/screens/Main/LoginForm/MagicLinkForm.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const MagicLinkEmailForm: () => React.JSX.Element;

package/dist/ui/b2c/screens/Main/LoginForm/OTPForm.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { OTPMethods } from '@stytch/core/public';
+export declare const OTPTabHeaders: {
+    sms: string;
+    whatsapp: string;
+    email: string;
+};
+export declare const OTPButtonText: {
+    sms: string;
+    whatsapp: string;
+    email: string;
+};
+export declare const OTPEmailForm: () => React.JSX.Element;
+export declare const PhoneForm: ({ method }: {
+    method: OTPMethods;
+}) => React.JSX.Element;

package/dist/ui/b2c/screens/Main/LoginForm/PasskeyButton.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const PasskeyButton: () => React.JSX.Element;

package/dist/ui/b2c/screens/Main/LoginForm/PasswordForm.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const PasswordsEmailForm: () => React.JSX.Element;

package/dist/ui/b2c/screens/Main/LoginForm/index.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const LoginForm: () => React.JSX.Element;

package/dist/ui/b2c/screens/Main/OAuthButtons.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare const OAuthButtons: () => React.JSX.Element;

package/dist/ui/b2c/screens/Main/index.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const MainScreen: () => React.JSX.Element;

package/dist/ui/b2c/screens/Passkey/PasskeyRegistrationStart.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const PasskeyRegistrationStart: () => React.JSX.Element;

package/dist/ui/b2c/screens/Passkey/PasskeyRegistrationSuccess.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const PasskeyRegistrationSuccess: () => React.JSX.Element;

package/dist/ui/b2c/screens/Password/MagicLinkOption.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const MagicLinkOption: () => React.JSX.Element;

package/dist/ui/b2c/screens/Password/PasswordAuthenticate.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const PasswordAuthenticate: () => React.JSX.Element;

package/dist/ui/b2c/screens/Password/PasswordBreached.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const PasswordBreached: () => React.JSX.Element;

package/dist/ui/b2c/screens/Password/PasswordDedupe.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const PasswordDedupe: () => React.JSX.Element;

package/dist/ui/b2c/screens/Password/PasswordForgot.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const PasswordForgot: () => React.JSX.Element;

package/dist/ui/b2c/screens/Password/PasswordNewUser.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const PasswordNewUser: () => React.JSX.Element;

package/dist/ui/b2c/screens/Password/PasswordSecondaryMethod.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const PasswordSecondaryMethod: ({ secondaryType }: {
+    secondaryType: 'eml' | 'otp';
+}) => React.JSX.Element | null;

package/dist/ui/b2c/screens/Password/PasswordSetNew.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const PasswordSetNew: () => React.JSX.Element;

package/dist/ui/b2c/screens/Password/PasswordlessCreate.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const PasswordlessCreate: () => React.JSX.Element;

package/dist/ui/b2c/screens/Password/ResetPassword.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ResetPasswordScreen: () => React.JSX.Element;

package/dist/ui/b2c/screens/Secondary/EmailConfirmation.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+/**
+ * Resolves the best email domain to use as a hint for login
+ */
+export declare const useEmailDomain: () => string | null;
+export declare const EmailConfirmation: () => React.JSX.Element;

package/dist/ui/b2c/screens/Secondary/OTPAuthenticate.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const OTPAuthenticate: ({ hideBackArrow }: {
+    hideBackArrow?: boolean | undefined;
+}) => React.JSX.Element;

package/dist/ui/b2c/screens/Secondary/OTPConfirmation.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare const OTPConfirmation: () => React.JSX.Element;

package/dist/ui/b2c/screens/Secondary/PasswordCreateAuthenticate.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Password: () => React.JSX.Element;

package/dist/ui/b2c/utils.d.ts

@@ -0,0 +1 @@
+export declare const useBootstrap: () => import("packages/core/dist").BootstrapData;

package/dist/ui/components/AlertBox.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+type VariantType = 'warning' | 'success' | 'error';
+type AlertBoxProps = {
+    variant: VariantType;
+    text?: string;
+};
+export declare const AlertBox: ({ variant, text }: AlertBoxProps) => React.JSX.Element | null;
+export {};

package/dist/ui/components/AnimatedContainer.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const AnimatedContainer: ({ isOpen, children }: {
+    isOpen: boolean;
+    children: React.ReactNode;
+}) => React.JSX.Element;

package/dist/ui/components/B2BOneTap.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const B2BGoogleOneTap: () => React.JSX.Element | null;

package/dist/ui/components/Button.d.ts

@@ -0,0 +1,5 @@
+type ButtonProps = {
+    variant?: 'primary' | 'outlined' | 'text';
+};
+declare const Button: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, ButtonProps, never>;
+export default Button;

package/dist/ui/components/CircularProgress.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+type CircularProgressProps = {
+    size: number;
+    thickness: number;
+};
+/**
+ * A lightweight spinning circle loading animation heavily inspired by the
+ * MUI CircularProgress component
+ * https://github.com/mui/material-ui/blob/master/packages/mui-material/src/CircularProgress/CircularProgress.js
+ */
+export declare const CircularProgress: ({ size, thickness }: CircularProgressProps) => React.JSX.Element;
+export {};

package/dist/ui/components/Confirmation.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare const ConfirmationScreen: () => React.JSX.Element;

package/dist/ui/components/CountrySelector.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { CountryCode } from '@stytch/core';
+declare const CountrySelector: ({ country, setCountry, }: {
+    country: CountryCode;
+    setCountry: (country: CountryCode) => void;
+}) => React.JSX.Element;
+export default CountrySelector;

package/dist/ui/components/Divider.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Divider: () => React.JSX.Element;

package/dist/ui/components/EditableRow.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export declare const RowInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {}, never>;
+type Props = {
+    id: string;
+    name: string;
+    isEditingCurr: boolean;
+    isEditingAny: boolean;
+    isDeletingAny: boolean;
+    isDeletingCurr: boolean;
+    handleEditing: () => void;
+    handleStopEditing: (name: string) => void;
+    handleDeleting: () => void;
+};
+export declare const EditableRow: (props: Props) => React.JSX.Element;
+export {};

package/dist/ui/components/EmailConfirmation.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export declare const inboxLinks: (emailDomain: string | null) => {
+    GMAIL: string;
+    OUTLOOK: string;
+    YAHOO: string;
+};
+export declare const EmailConfirmation: ({ emailDomain, reset, email, }: {
+    emailDomain: string | null;
+    reset: () => void;
+    email: string;
+}) => React.JSX.Element;

package/dist/ui/components/EmailInput.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare const EmailInput: ({ email, setEmail, disableInput, hasPasskeys, }: {
+    email: string;
+    setEmail: (email: string) => void;
+    disableInput?: boolean | undefined;
+    hasPasskeys?: boolean | undefined;
+}) => React.JSX.Element;

package/dist/ui/components/ErrorScreen.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ErrorScreen: () => React.JSX.Element;

package/dist/ui/components/ErrorText.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const ErrorText: React.FC<{
+    errorMessage: string;
+}>;

package/dist/ui/components/Flex.d.ts

@@ -0,0 +1,40 @@
+type GlobalValues = 'inherit' | 'initial' | 'unset';
+type ContentOptions = 'space-between' | 'space-around' | 'space-evenly' | 'center' | 'stretch' | 'flex-start' | 'flex-end' | 'normal' | GlobalValues;
+type AlignItemsOptions = 'normal' | 'stretch' | 'center' | 'start' | 'flex-start' | 'flex-end' | 'baseline' | GlobalValues;
+type Directions = 'row' | 'row-reverse' | 'column' | 'column-reverse' | GlobalValues;
+type AlignSelfOptions = 'auto' | 'normal' | 'center' | 'flex-start' | 'flex-end' | GlobalValues;
+type FlowOptions = 'row' | 'row-reverse' | 'column' | 'column-reverse' | 'nowrap' | 'wrap' | 'wrap-reverse' | 'row|nowrap' | 'column|wrap' | 'column-reverse|wrap-reverse' | GlobalValues;
+type WrapOptions = 'nowrap' | 'wrap' | 'wrap-reverse' | GlobalValues;
+export type FlexProps = {
+    readonly justifyContent?: ContentOptions;
+    readonly alignContent?: ContentOptions;
+    readonly alignItems?: AlignItemsOptions;
+    readonly direction?: Directions;
+    readonly alignSelf?: AlignSelfOptions;
+    readonly flow?: FlowOptions;
+    readonly wrap?: WrapOptions;
+    readonly grow?: number | GlobalValues;
+    readonly shrink?: number | GlobalValues;
+    readonly order?: number | GlobalValues;
+    readonly inline?: boolean;
+    readonly width?: number | string;
+    readonly height?: number | string;
+    readonly maxWidth?: number | string;
+    readonly maxHeight?: number | string;
+    readonly minWidth?: number | string;
+    readonly minHeight?: number | string;
+    readonly padding?: number | 'auto';
+    readonly margin?: number | 'auto';
+    readonly paddingTop?: number | 'auto';
+    readonly paddingRight?: number | 'auto';
+    readonly paddingBottom?: number | 'auto';
+    readonly paddingLeft?: number | 'auto';
+    readonly marginTop?: number | 'auto';
+    readonly marginRight?: number | 'auto';
+    readonly marginBottom?: number | 'auto';
+    readonly marginLeft?: number | 'auto';
+    readonly center?: boolean;
+    readonly gap?: number;
+};
+export declare const Flex: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, FlexProps, never>;
+export {};

package/dist/ui/components/InlineButton.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface InlineButtonProps {
+    onClick: () => void;
+    children: React.ReactNode;
+}
+export declare const InlineButton: ({ onClick, children }: InlineButtonProps) => React.JSX.Element;
+export {};

package/dist/ui/components/Input.d.ts

@@ -0,0 +1 @@
+export declare const Input: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {}, never>;

package/dist/ui/components/InsetContainer.d.ts

@@ -0,0 +1 @@
+export declare const InsetContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/ui/components/Loading.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export declare const LoggingInScreen: () => React.JSX.Element;
+export declare const LoadingScreen: () => React.JSX.Element;

package/dist/ui/components/LoadingBar.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const LoadingBar: ({ isLoading }: {
+    isLoading: boolean;
+}) => React.JSX.Element;

package/dist/ui/components/MainContainer.d.ts

@@ -0,0 +1,3 @@
+export declare const MainContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ChildrenContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const WatermarkContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/ui/components/OAuthB2BButton.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { B2BOAuthProviders } from '@stytch/core/public';
+type Props = {
+    providerType: B2BOAuthProviders;
+    providerTypeTitle: string;
+    icon?: JSX.Element;
+    loginRedirectUrl?: string;
+    signupRedirectUrl?: string;
+    discoveryRedirectUrl?: string;
+    customScopes?: string[];
+    providerParams?: Record<string, string>;
+};
+export declare const OAuthB2BButton: (props: Props) => React.JSX.Element;
+export {};

package/dist/ui/components/OAuthButton.d.ts

@@ -0,0 +1,14 @@
+import { StringLiteralFromEnum } from '@stytch/core';
+import { OAuthProviders } from '@stytch/core/public';
+import React from 'react';
+type Props = {
+    providerType: StringLiteralFromEnum<OAuthProviders>;
+    providerTypeTitle: string;
+    icon?: JSX.Element;
+    loginRedirectUrl?: string;
+    signupRedirectUrl?: string;
+    customScopes?: string[];
+    providerParams?: Record<string, string>;
+};
+export declare const OAuthButton: (props: Props) => React.JSX.Element;
+export {};

package/dist/ui/components/OTPControl.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface OTPControlProps {
+    isSubmitting: boolean;
+    errorMessage?: string;
+    onSubmit: (otp: string) => void;
+}
+export declare const OTPControl: ({ isSubmitting, onSubmit, errorMessage }: OTPControlProps) => React.JSX.Element;
+export {};

package/dist/ui/components/OTPEntry.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface OTPEntryProps {
+    header: React.ReactNode;
+    instruction: React.ReactNode;
+    helperContent: React.ReactNode;
+    isSubmitting: boolean;
+    onSubmit: (otp: string) => void;
+    errorMessage?: string;
+}
+export declare const OTPEntry: ({ header, helperContent, instruction, isSubmitting, onSubmit, errorMessage, }: OTPEntryProps) => React.JSX.Element;
+export {};

package/dist/ui/components/OTPInput.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare const OTPInput: ({ otp, setOtp, disabled, }: {
+    otp: string;
+    setOtp: (otp: string) => void;
+    disabled?: boolean | undefined;
+}) => React.JSX.Element;

package/dist/ui/components/OneTap.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { OneTapPositions } from '@stytch/core/public';
+import { StringLiteralFromEnum } from '@stytch/core';
+type Props = {
+    position?: StringLiteralFromEnum<OneTapPositions>;
+};
+export declare enum OneTapErrors {
+    None = "none",
+    OriginNotAllowedForClient = "origin_not_allowed_for_client",
+    InvalidOAuthClient = "invalid_client",
+    NoConfiguredOAuthClient = "oauth_config_not_found",
+    NoConfiguredLoginRedirectUrls = "no_login_redirect_urls_set",
+    NoConfiguredSignupRedirectUrls = "no_signup_redirect_urls_set",
+    DefaultProviderNotAllowed = "default_provider_not_allowed"
+}
+export declare const ErrorMessages: Record<OneTapErrors, React.ReactElement>;
+export declare const GoogleOneTap: ({ position }: Props) => React.JSX.Element;
+export {};

package/dist/ui/components/OneTapErrorMessages.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare const OneTapNoConfiguredClientsErrorMessage: () => React.JSX.Element;
+export declare const OneTapNoConfiguredLoginRedirectUrlsErrorMessage: () => React.JSX.Element;
+export declare const OneTapNoConfiguredSignupRedirectUrlsErrorMessage: () => React.JSX.Element;
+export declare const OneTapJSOriginErrorMessage: () => React.JSX.Element;
+export declare const OneTapInvalidOAuthClient: () => React.JSX.Element;
+export declare const OneTapNoDefaultProviderAllowedErrorMessage: () => React.JSX.Element;

package/dist/ui/components/PasswordError.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+type PasswordErrorProps = {
+    passwordPolicy: 'zxcvbn';
+    passwordScore: number;
+    errorMessage: string;
+    passwordFeedback: string;
+} | {
+    passwordPolicy: 'luds';
+    missingCharacters: number;
+    missingComplexity: number;
+    isPasswordBreached: boolean;
+} | {
+    passwordPolicy: 'none';
+};
+export declare const PasswordB2CError: (props: PasswordErrorProps) => React.JSX.Element | null;
+export declare const PasswordB2BError: (props: PasswordErrorProps) => React.JSX.Element | null;
+export {};

package/dist/ui/components/PasswordInput.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare const PasswordInput: ({ password, setPassword, type, }: {
+    password: string;
+    setPassword: (email: string) => void;
+    type: 'new' | 'current';
+}) => React.JSX.Element;

package/dist/ui/components/PasswordStrengthCheck.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const PasswordStrengthCheck: ({ score }: {
+    score?: number | undefined;
+}) => React.JSX.Element;

package/dist/ui/components/PhoneInput.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { CountryCode, ParsedPhoneNumberResponse } from '@stytch/core';
+export declare const PhoneInput: ({ phone, setPhone, country, setCountry, parsePhoneNumber, hasPasskeys, }: {
+    phone: string;
+    setPhone: (phone: string) => void;
+    country: CountryCode;
+    setCountry: (country: CountryCode) => void;
+    parsePhoneNumber: (phoneNumber: string, countryCode: CountryCode) => Promise<ParsedPhoneNumberResponse>;
+    hasPasskeys?: boolean | undefined;
+}) => React.JSX.Element;

package/dist/ui/components/SentOTPEntry.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface SentOTPEntryProps {
+    expiration: Date;
+    formattedDestination: string;
+    isSubmitting: boolean;
+    onSubmit: (otp: string) => void;
+    resendOTP: () => void;
+    errorMessage?: string;
+}
+export declare const SentOTPEntry: ({ expiration, formattedDestination, isSubmitting, onSubmit, errorMessage, resendOTP, }: SentOTPEntryProps) => React.JSX.Element;

package/dist/ui/components/Snackbar.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Snackbar: () => React.JSX.Element;

package/dist/ui/components/SubmitButton.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+type Props = {
+    isSubmitting: boolean;
+    disabled?: boolean;
+    text: string;
+};
+export declare const SubmitButton: (props: Props) => React.JSX.Element;
+export {};

package/dist/ui/components/TOTPEntry.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface TOTPEntryProps {
+    isSubmitting: boolean;
+    onSubmit: (otp: string) => void;
+    errorMessage?: string;
+    helperContent: React.ReactNode;
+}
+export declare const TOTPEntry: ({ helperContent, isSubmitting, onSubmit, errorMessage }: TOTPEntryProps) => React.JSX.Element;

package/dist/ui/components/Text.d.ts

@@ -0,0 +1,9 @@
+type TextSize = 'header' | 'body' | 'helper';
+type TextColor = 'primary' | 'secondary' | 'success' | 'error';
+type TextProps = {
+    size?: TextSize;
+    color?: TextColor;
+    align?: 'left' | 'center' | 'right';
+};
+export declare const Text: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TextProps, never>;
+export {};

package/dist/ui/components/VerifyEmailConfirmation.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export declare const inboxLinks: (emailDomain: string | null) => {
+    GMAIL: string;
+    OUTLOOK: string;
+};
+export declare const VerifyEmailConfirmation: ({ emailDomain, reset, email, }: {
+    emailDomain: string | null;
+    reset: () => void;
+    email: string;
+}) => React.JSX.Element;

package/dist/ui/components/WalletButton.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+type Props = {
+    walletTypeTitle: string;
+    icon?: JSX.Element;
+    onClick: () => void;
+};
+export declare const WalletButton: (props: Props) => React.JSX.Element;
+export {};

package/dist/ui/hooks/useIsMounted.d.ts

@@ -0,0 +1,3 @@
+import { MutableRefObject } from 'react';
+export declare const useIsUnmounted: () => MutableRefObject<boolean>;
+export declare const useIsMounted: () => MutableRefObject<boolean>;

package/dist/ui/hooks/useIsOnlyFloatingOneTap.d.ts

@@ -0,0 +1 @@
+export declare const useIsOnlyFloatingOneTap: () => boolean;

package/dist/ui/hooks/usePromptPasskey.d.ts

@@ -0,0 +1,7 @@
+import { WebAuthnAuthenticateResponse } from '@stytch/core/public';
+export declare const usePromptPasskey: ({ conditionalMediation, }: {
+    conditionalMediation: boolean;
+}) => {
+    prompt: () => Promise<WebAuthnAuthenticateResponse>;
+    promptAutofill: () => void;
+};