@ory/elements-react 1.0.0-next.5 → 1.0.0-next.7

package/.vscode/i18n-ally-reviews.yml

@@ -0,0 +1,3 @@
+# Review comments generated by i18n-ally. Please commit this file.
+
+{}

package/.vscode/settings.json

@@ -0,0 +1,4 @@
+{
+  "i18n-ally.localesPaths": ["src/locales", "src/util/i18n"],
+  "i18n-ally.keystyle": "flat"
+}

package/CHANGELOG.md

@@ -1,5 +1,33 @@
-## 1.0.0-next.5 (2024-09-17)
+## 1.0.0-next.7 (2024-09-27)
+
+
+### 🚀 Features
+
+- add two-step login card
+
+
+### 🩹 Fixes
+
+- registration text in swedish translation
+
+- show identifier_first node in card header
+
+
+### ❤️  Thank You
 
+- Jonas Hungershausen
+
+## 1.0.0-next.6 (2024-09-18)
+
+### 🩹 Fixes
+
+- **intl:** export locales object from package root
+
+### ❤️ Thank You
+
+- Jonas Hungershausen
+
+## 1.0.0-next.5 (2024-09-17)
 
 ### 🚀 Features
 
@@ -7,7 +35,6 @@
 
 - **theme:** show resend code button on top of code input
 
-
 ### 🩹 Fixes
 
 - **core:** use SDK instead of HTML form submissions
@@ -16,7 +43,7 @@
 
 - **core:** code form submission precendence
 
-- ⚠️  **theme:** scope css classes with .ory-default-theme
+- ⚠️ **theme:** scope css classes with .ory-default-theme
 
 - **theme:** social sign in button styling
 
@@ -24,12 +51,11 @@
 
 - **core:** passkey script discovery
 
+#### ⚠️ Breaking Changes
 
-#### ⚠️  Breaking Changes
-
-- ⚠️  **theme:** scope css classes with .ory-default-theme
+- ⚠️ **theme:** scope css classes with .ory-default-theme
 
-### ❤️  Thank You
+### ❤️ Thank You
 
 - Jonas Hungershausen
-- Miłosz
+- Miłosz

package/README.md

@@ -49,15 +49,16 @@ user authentication flows based on the data.
 To feed Ory Elements with flow data you need to use Ory client.
 
 ```ts
-import { frontendClient } from "@ory/client-fetch"
-
 export function serverClientFrontend() {
   // For testing purposes we're using Ory tunnel
-  return frontendClient("http://localhost:4000", {
+
+  const config = new Configuration({
     headers: {
       Accept: "application/json",
     },
+    basePath: "http://localhost:4000",
   })
+  return new FrontendApi(config)
 }
 ```
 

package/dist/index.d.mts

@@ -1,9 +1,11 @@
 import { UiNodeGroupEnum, UiText, UiNode, UiNodeInputAttributes, UiNodeAnchorAttributes, UiNodeTextAttributes, UiNodeImageAttributes, ConfigurationParameters, FlowType, LoginFlow, RegistrationFlow, RecoveryFlow, VerificationFlow, SettingsFlow, FlowError, UpdateLoginFlowBody, UpdateRegistrationFlowBody, UpdateVerificationFlowBody, UpdateRecoveryFlowBody, UpdateSettingsFlowBody, OnRedirectHandler } from '@ory/client-fetch';
-import * as React from 'react';
-import React__default, { PropsWithChildren, ComponentType, DetailedHTMLProps, HTMLAttributes, ComponentPropsWithoutRef, Dispatch, FormEventHandler, MouseEventHandler } from 'react';
+import * as react from 'react';
+import { PropsWithChildren, ComponentType, DetailedHTMLProps, HTMLAttributes, ComponentPropsWithoutRef, FormEventHandler, MouseEventHandler, Dispatch } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { IntlShape } from 'react-intl';
 
+declare function OryTwoStepCard(): react_jsx_runtime.JSX.Element;
+
 type OryCardHeaderProps = Record<string, never>;
 declare function OryCardHeader(): react_jsx_runtime.JSX.Element;
 
@@ -64,8 +66,10 @@ type HeadlessSocialButtonContainerProps = PropsWithChildren<{
 type HeadlessSocialButtonProps = PropsWithChildren<{
     node: UiNode;
     attributes: UiNodeInputAttributes;
+    onClick?: () => void;
 }>;
 declare function OryFormSocialButtons({ children, hideDivider, }: HeadlessSocialButtonsProps): react_jsx_runtime.JSX.Element | null;
+declare function OryFormSocialButtonsForm(): react_jsx_runtime.JSX.Element | null;
 
 type OryFormComponents = {
     Button: ComponentType<HeadlessButtonProps>;
@@ -84,7 +88,7 @@ type OryFormComponents = {
     FormGroup: ComponentType<HeadlessGroupContainerProps>;
     MessageContainer: ComponentType<HeadlessMessagesProps>;
     Message: ComponentType<HeadlessMessageProps>;
-    CurrentIdentifierButton: ComponentType<HeadlessButtonProps>;
+    CurrentIdentifierButton: ComponentType<HeadlessCurrentIdentifierProps>;
 };
 type OryFormProps = PropsWithChildren;
 declare function OryForm({ children }: OryFormProps): string | react_jsx_runtime.JSX.Element;
@@ -93,6 +97,12 @@ type HeadlessButtonProps = {
     attributes: UiNodeInputAttributes;
     node: UiNode;
 } & Omit<ComponentPropsWithoutRef<"button">, "children">;
+type HeadlessCurrentIdentifierProps = {
+    attributes: UiNodeInputAttributes;
+    node: UiNode;
+    onClick?: () => void;
+    href?: string;
+} & Omit<ComponentPropsWithoutRef<"button">, "children" | "onClick">;
 type HeadlessLinkButtonProps = {
     attributes: UiNodeAnchorAttributes;
     node: UiNode;
@@ -106,8 +116,7 @@ type HeadlessTextProps = {
     node: UiNode;
 };
 type HeadlessAuthMethodListItemProps = {
-    setGroups: Dispatch<React__default.SetStateAction<string[]>>;
-    setStep: Dispatch<React__default.SetStateAction<number>>;
+    onClick: () => void;
     group: string;
 };
 type HeadlessImageProps = {
@@ -363,7 +372,15 @@ var de = {
 	"verification.registration-button": "Registrieren",
 	"verification.registration-label": "Sie haben noch kein Konto?",
 	"verification.title": "Verifizieren Sie ihr Konto",
-	"verification.back-button": "Zurück"
+	"verification.back-button": "Zurück",
+	"two-step.code.description": "Ein Bestätigungscode wird an Ihre E-Mail gesendet.",
+	"two-step.code.title": "E-Mail-Code",
+	"two-step.passkey.description": "Verwenden Sie die Fingerabdruck- oder Gesichtserkennung Ihres Geräts",
+	"two-step.passkey.title": "Passwort (empfohlen)",
+	"two-step.password.description": "Geben Sie Ihr Passwort ein, das mit Ihrem Konto verknüpft ist",
+	"two-step.password.title": "Passwort",
+	"two-step.webauthn.description": "Verwenden Sie Ihren Sicherheitsschlüssel zur Authentifizierung",
+	"two-step.webauthn.title": "Sicherheitsschlüssel"
 };
 
 var en = {
@@ -540,7 +557,15 @@ var en = {
 	"verification.registration-button": "Sign up",
 	"verification.registration-label": "Don't have an account?",
 	"verification.title": "Verify your account",
-	"verification.back-button": "Back"
+	"verification.back-button": "Back",
+	"two-step.password.title": "Password",
+	"two-step.password.description": "Enter your password associated with your account",
+	"two-step.code.title": "Email code",
+	"two-step.code.description": "A verification code will be sent to your email",
+	"two-step.webauthn.title": "Security Key",
+	"two-step.webauthn.description": "Use your security key to authenticate",
+	"two-step.passkey.title": "Passkey (recommended)",
+	"two-step.passkey.description": "Use your device's for fingerprint or face recognition"
 };
 
 var es = {
@@ -717,7 +742,15 @@ var es = {
 	"verification.registration-button": "Registrarse",
 	"verification.registration-label": "¿No tiene una cuenta?",
 	"verification.title": "Verificar su cuenta",
-	"verification.back-button": "Regresar"
+	"verification.back-button": "Regresar",
+	"two-step.code.description": "Se enviará un código de verificación a tu correo electrónico.",
+	"two-step.code.title": "Código de correo electrónico",
+	"two-step.passkey.description": "Utiliza el reconocimiento de huellas dactilares o facial de tu dispositivo.",
+	"two-step.passkey.title": "Clave de acceso (recomendada)",
+	"two-step.password.description": "Ingrese la contraseña asociada con su cuenta",
+	"two-step.password.title": "Contraseña",
+	"two-step.webauthn.description": "Utiliza tu llave de seguridad para autenticarte",
+	"two-step.webauthn.title": "Clave de Seguridad"
 };
 
 var fr = {
@@ -894,7 +927,15 @@ var fr = {
 	"verification.registration-button": "S'inscrire",
 	"verification.registration-label": "Vous n'avez pas de compte ?",
 	"verification.title": "Vérifiez votre compte",
-	"verification.back-button": "Revenir en arrière"
+	"verification.back-button": "Revenir en arrière",
+	"two-step.code.description": "Un code de vérification sera envoyé à votre email",
+	"two-step.code.title": "Code de courrier électronique",
+	"two-step.passkey.description": "Utilisez l'appareil pour la reconnaissance d'empreintes digitales ou de visage",
+	"two-step.passkey.title": "Clé de passe (recommandée)",
+	"two-step.password.description": "Entrez votre mot de passe associé à votre compte",
+	"two-step.password.title": "Mot de passe",
+	"two-step.webauthn.description": "Utilisez votre clé de sécurité pour vous authentifier",
+	"two-step.webauthn.title": "Clé de Sécurité"
 };
 
 var nl = {
@@ -1071,7 +1112,15 @@ var nl = {
 	"verification.registration-button": "Registreren",
 	"verification.registration-label": "Heb je nog geen account?",
 	"verification.title": "Verifieer je account",
-	"verification.back-button": "Ga terug"
+	"verification.back-button": "Ga terug",
+	"two-step.code.description": "Een verificatiecode wordt naar uw e-mail gestuurd",
+	"two-step.code.title": "E-mailcode",
+	"two-step.passkey.description": "Gebruik de vingerafdruk- of gezichtsherkenning van uw apparaat",
+	"two-step.passkey.title": "Toegangscode (aanbevolen)",
+	"two-step.password.description": "Voer uw wachtwoord in dat is gekoppeld aan uw account",
+	"two-step.password.title": "Wachtwoord",
+	"two-step.webauthn.description": "Gebruik uw beveiligingssleutel om te verifiëren",
+	"two-step.webauthn.title": "Beveiligingssleutel"
 };
 
 var pl = {
@@ -1248,7 +1297,15 @@ var pl = {
 	"verification.registration-button": "Zarejestruj się",
 	"verification.registration-label": "Nie posiadasz konta?",
 	"verification.title": "Zweryfikuj konto",
-	"verification.back-button": "Cofnij"
+	"verification.back-button": "Cofnij",
+	"two-step.code.description": "Kod weryfikacyjny zostanie wysłany na Twój adres email.",
+	"two-step.code.title": "Kod email",
+	"two-step.passkey.description": "Użyj swojego urządzenia lub funkcji rozpoznawania twarzy na swoim urządzeniu.",
+	"two-step.passkey.title": "Klucz dostępu (zalecany)",
+	"two-step.password.description": "Wprowadź hasło powiązane z twoim kontem",
+	"two-step.password.title": "Hasło",
+	"two-step.webauthn.description": "Użyj swojego klucza bezpieczeństwa do uwierzytelnienia",
+	"two-step.webauthn.title": "Klucz bezpieczeństwa"
 };
 
 var pt = {
@@ -1425,7 +1482,15 @@ var pt = {
 	"verification.registration-button": "Registar",
 	"verification.registration-label": "Não tem uma conta?",
 	"verification.title": "Verifique a sua conta",
-	"verification.back-button": "Voltar"
+	"verification.back-button": "Voltar",
+	"two-step.code.description": "Um código de verificação será enviado para o seu email",
+	"two-step.code.title": "Código de email",
+	"two-step.passkey.description": "Use o seu dispositivo para reconhecimento de impressão digital ou facial.",
+	"two-step.passkey.title": "Chave de acesso (recomendado)",
+	"two-step.password.description": "Insira a sua senha associada à sua conta",
+	"two-step.password.title": "Senha",
+	"two-step.webauthn.description": "Use sua chave de segurança para autenticar",
+	"two-step.webauthn.title": "Chave de Segurança"
 };
 
 var sv = {
@@ -1458,8 +1523,8 @@ var sv = {
 	"identities.messages.1010013": "Fortsätt",
 	"identities.messages.1010014": "Ett e-postmeddelande som innehåller en kod har skickats till den e-postadress du angett. Om du inte har fått ett mejl, kontrollera stavningen av adressen och försök logga in igen.",
 	"identities.messages.1010015": "Logga in med kod",
-	"identities.messages.1040001": "Logga in",
-	"identities.messages.1040002": "Logga in med {provider}",
+	"identities.messages.1040001": "Skapa konto",
+	"identities.messages.1040002": "Registrera dig med {provider}",
 	"identities.messages.1040003": "Fortsätt",
 	"identities.messages.1040004": "Registrera med säkerhetsnyckel",
 	"identities.messages.1040005": "Ett e-postmeddelande som innehåller en kod har skickats till den e-postadress du angett. Om du inte har fått ett e-postmeddelande, kontrollera stavningen av adressen och försök igen med registreringen.",
@@ -1602,7 +1667,15 @@ var sv = {
 	"verification.registration-button": "Skapa konto",
 	"verification.registration-label": "Har du inget konto?",
 	"verification.title": "Verifiera ditt konto",
-	"verification.back-button": "Tillbaka"
+	"verification.back-button": "Tillbaka",
+	"two-step.code.description": "En verifieringskod kommer att skickas till din e-post",
+	"two-step.code.title": "E-postkod",
+	"two-step.passkey.description": "Använd din enhets fingeravtryck eller ansiktsigenkänning",
+	"two-step.passkey.title": "Passerkod (rekommenderad)",
+	"two-step.password.description": "Ange ditt lösenord kopplat till ditt konto",
+	"two-step.password.title": "Lösenord",
+	"two-step.webauthn.description": "Använd din säkerhetsnyckel för att autentisera",
+	"two-step.webauthn.title": "Säkerhetsnyckel"
 };
 
 declare const locales_de: typeof de;
@@ -1636,7 +1709,7 @@ type SupportedTranslations = {
     defaultLocale?: string;
 };
 type IntlProviderProps<Type> = Type extends CustomTranslations ? CustomTranslations : SupportedTranslations;
-declare const IntlProvider: <T extends CustomTranslations | SupportedTranslations = SupportedTranslations>({ children, ...props }: PropsWithChildren<IntlProviderProps<T>>) => string | number | boolean | Iterable<React.ReactNode> | react_jsx_runtime.JSX.Element | null | undefined;
+declare const IntlProvider: <T extends CustomTranslations | SupportedTranslations = SupportedTranslations>({ children, ...props }: PropsWithChildren<IntlProviderProps<T>>) => string | number | boolean | Iterable<react.ReactNode> | react_jsx_runtime.JSX.Element | null | undefined;
 
 type ProviderProps<T> = {
     components: OryFlowComponents;
@@ -1772,4 +1845,4 @@ declare function onSubmitVerification({ config, flow }: FlowContainer, { setFlow
  */
 declare function onSubmitRegistration({ config, flow }: FlowContainer, { setFlowContainer, body, onRedirect, }: OnSubmitHandlerProps<UpdateRegistrationFlowBody>): Promise<void>;
 
-export { type CustomLanguageFormats, type CustomTranslations, type ErrorFlowContainer, type FlowContainer, type FlowContainerSetter, type FlowContextValue, type FormValues, type HeadlessAuthMethodListItemProps, type HeadlessButtonProps, type HeadlessFormProps, type HeadlessGroupContainerProps, type HeadlessGroupProps, type HeadlessImageProps, type HeadlessInputProps, type HeadlessLabelProps, type HeadlessLinkButtonProps, HeadlessMessage, type HeadlessMessageProps, type HeadlessMessagesProps, type HeadlessSocialButtonContainerProps, type HeadlessSocialButtonProps, type HeadlessSocialButtonsProps, type HeadlessTextProps, type HorizontalDividerProps, IntlProvider, type IntlProviderProps, LanguageCodes, type Locale, type LoginFlowContainer, type OnSubmitHandlerProps, OryCard, type OryCardComponents, OryCardContent, type OryCardContentProps, OryCardFooter, type OryCardFooterProps, OryCardHeader, type OryCardHeaderProps, type OryCardProps, OryCardValidationMessages, type OryClientConfiguration, OryComponentProvider, type OryFlowComponents, OryFlowProvider, type OryFlowProviderProps, OryForm, type OryFormComponents, OryFormGroupDivider, OryFormGroups, type OryFormProps, OryFormSocialButtons, OryProvider, type ProviderProps, type RecoveryFlowContainer, type RegistrationFlowContainer, type SettingsFlowContainer, type SupportedTranslations, type TranslationFile, type VerificationFlowContainer, formElementId, formLabelId, formatMessage, isCustomTranslations, messageTestId, onSubmitLogin, onSubmitRecovery, onSubmitRegistration, onSubmitSettings, onSubmitVerification, uiTextToFormattedMessage, useComponents, useNodeSorter, useOryFlow };
+export { type CustomLanguageFormats, type CustomTranslations, type ErrorFlowContainer, type FlowContainer, type FlowContainerSetter, type FlowContextValue, type FormValues, type HeadlessAuthMethodListItemProps, type HeadlessButtonProps, type HeadlessCurrentIdentifierProps, type HeadlessFormProps, type HeadlessGroupContainerProps, type HeadlessGroupProps, type HeadlessImageProps, type HeadlessInputProps, type HeadlessLabelProps, type HeadlessLinkButtonProps, HeadlessMessage, type HeadlessMessageProps, type HeadlessMessagesProps, type HeadlessSocialButtonContainerProps, type HeadlessSocialButtonProps, type HeadlessSocialButtonsProps, type HeadlessTextProps, type HorizontalDividerProps, IntlProvider, type IntlProviderProps, LanguageCodes, type Locale, type LoginFlowContainer, type OnSubmitHandlerProps, OryCard, type OryCardComponents, OryCardContent, type OryCardContentProps, OryCardFooter, type OryCardFooterProps, OryCardHeader, type OryCardHeaderProps, type OryCardProps, OryCardValidationMessages, type OryClientConfiguration, OryComponentProvider, type OryFlowComponents, OryFlowProvider, type OryFlowProviderProps, OryForm, type OryFormComponents, OryFormGroupDivider, OryFormGroups, type OryFormProps, OryFormSocialButtons, OryFormSocialButtonsForm, locales as OryLocales, OryProvider, OryTwoStepCard, type ProviderProps, type RecoveryFlowContainer, type RegistrationFlowContainer, type SettingsFlowContainer, type SupportedTranslations, type TranslationFile, type VerificationFlowContainer, formElementId, formLabelId, formatMessage, isCustomTranslations, messageTestId, onSubmitLogin, onSubmitRecovery, onSubmitRegistration, onSubmitSettings, onSubmitVerification, uiTextToFormattedMessage, useComponents, useNodeSorter, useOryFlow };

package/dist/index.d.ts

@@ -1,9 +1,11 @@
 import { UiNodeGroupEnum, UiText, UiNode, UiNodeInputAttributes, UiNodeAnchorAttributes, UiNodeTextAttributes, UiNodeImageAttributes, ConfigurationParameters, FlowType, LoginFlow, RegistrationFlow, RecoveryFlow, VerificationFlow, SettingsFlow, FlowError, UpdateLoginFlowBody, UpdateRegistrationFlowBody, UpdateVerificationFlowBody, UpdateRecoveryFlowBody, UpdateSettingsFlowBody, OnRedirectHandler } from '@ory/client-fetch';
-import * as React from 'react';
-import React__default, { PropsWithChildren, ComponentType, DetailedHTMLProps, HTMLAttributes, ComponentPropsWithoutRef, Dispatch, FormEventHandler, MouseEventHandler } from 'react';
+import * as react from 'react';
+import { PropsWithChildren, ComponentType, DetailedHTMLProps, HTMLAttributes, ComponentPropsWithoutRef, FormEventHandler, MouseEventHandler, Dispatch } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { IntlShape } from 'react-intl';
 
+declare function OryTwoStepCard(): react_jsx_runtime.JSX.Element;
+
 type OryCardHeaderProps = Record<string, never>;
 declare function OryCardHeader(): react_jsx_runtime.JSX.Element;
 
@@ -64,8 +66,10 @@ type HeadlessSocialButtonContainerProps = PropsWithChildren<{
 type HeadlessSocialButtonProps = PropsWithChildren<{
     node: UiNode;
     attributes: UiNodeInputAttributes;
+    onClick?: () => void;
 }>;
 declare function OryFormSocialButtons({ children, hideDivider, }: HeadlessSocialButtonsProps): react_jsx_runtime.JSX.Element | null;
+declare function OryFormSocialButtonsForm(): react_jsx_runtime.JSX.Element | null;
 
 type OryFormComponents = {
     Button: ComponentType<HeadlessButtonProps>;
@@ -84,7 +88,7 @@ type OryFormComponents = {
     FormGroup: ComponentType<HeadlessGroupContainerProps>;
     MessageContainer: ComponentType<HeadlessMessagesProps>;
     Message: ComponentType<HeadlessMessageProps>;
-    CurrentIdentifierButton: ComponentType<HeadlessButtonProps>;
+    CurrentIdentifierButton: ComponentType<HeadlessCurrentIdentifierProps>;
 };
 type OryFormProps = PropsWithChildren;
 declare function OryForm({ children }: OryFormProps): string | react_jsx_runtime.JSX.Element;
@@ -93,6 +97,12 @@ type HeadlessButtonProps = {
     attributes: UiNodeInputAttributes;
     node: UiNode;
 } & Omit<ComponentPropsWithoutRef<"button">, "children">;
+type HeadlessCurrentIdentifierProps = {
+    attributes: UiNodeInputAttributes;
+    node: UiNode;
+    onClick?: () => void;
+    href?: string;
+} & Omit<ComponentPropsWithoutRef<"button">, "children" | "onClick">;
 type HeadlessLinkButtonProps = {
     attributes: UiNodeAnchorAttributes;
     node: UiNode;
@@ -106,8 +116,7 @@ type HeadlessTextProps = {
     node: UiNode;
 };
 type HeadlessAuthMethodListItemProps = {
-    setGroups: Dispatch<React__default.SetStateAction<string[]>>;
-    setStep: Dispatch<React__default.SetStateAction<number>>;
+    onClick: () => void;
     group: string;
 };
 type HeadlessImageProps = {
@@ -363,7 +372,15 @@ var de = {
 	"verification.registration-button": "Registrieren",
 	"verification.registration-label": "Sie haben noch kein Konto?",
 	"verification.title": "Verifizieren Sie ihr Konto",
-	"verification.back-button": "Zurück"
+	"verification.back-button": "Zurück",
+	"two-step.code.description": "Ein Bestätigungscode wird an Ihre E-Mail gesendet.",
+	"two-step.code.title": "E-Mail-Code",
+	"two-step.passkey.description": "Verwenden Sie die Fingerabdruck- oder Gesichtserkennung Ihres Geräts",
+	"two-step.passkey.title": "Passwort (empfohlen)",
+	"two-step.password.description": "Geben Sie Ihr Passwort ein, das mit Ihrem Konto verknüpft ist",
+	"two-step.password.title": "Passwort",
+	"two-step.webauthn.description": "Verwenden Sie Ihren Sicherheitsschlüssel zur Authentifizierung",
+	"two-step.webauthn.title": "Sicherheitsschlüssel"
 };
 
 var en = {
@@ -540,7 +557,15 @@ var en = {
 	"verification.registration-button": "Sign up",
 	"verification.registration-label": "Don't have an account?",
 	"verification.title": "Verify your account",
-	"verification.back-button": "Back"
+	"verification.back-button": "Back",
+	"two-step.password.title": "Password",
+	"two-step.password.description": "Enter your password associated with your account",
+	"two-step.code.title": "Email code",
+	"two-step.code.description": "A verification code will be sent to your email",
+	"two-step.webauthn.title": "Security Key",
+	"two-step.webauthn.description": "Use your security key to authenticate",
+	"two-step.passkey.title": "Passkey (recommended)",
+	"two-step.passkey.description": "Use your device's for fingerprint or face recognition"
 };
 
 var es = {
@@ -717,7 +742,15 @@ var es = {
 	"verification.registration-button": "Registrarse",
 	"verification.registration-label": "¿No tiene una cuenta?",
 	"verification.title": "Verificar su cuenta",
-	"verification.back-button": "Regresar"
+	"verification.back-button": "Regresar",
+	"two-step.code.description": "Se enviará un código de verificación a tu correo electrónico.",
+	"two-step.code.title": "Código de correo electrónico",
+	"two-step.passkey.description": "Utiliza el reconocimiento de huellas dactilares o facial de tu dispositivo.",
+	"two-step.passkey.title": "Clave de acceso (recomendada)",
+	"two-step.password.description": "Ingrese la contraseña asociada con su cuenta",
+	"two-step.password.title": "Contraseña",
+	"two-step.webauthn.description": "Utiliza tu llave de seguridad para autenticarte",
+	"two-step.webauthn.title": "Clave de Seguridad"
 };
 
 var fr = {
@@ -894,7 +927,15 @@ var fr = {
 	"verification.registration-button": "S'inscrire",
 	"verification.registration-label": "Vous n'avez pas de compte ?",
 	"verification.title": "Vérifiez votre compte",
-	"verification.back-button": "Revenir en arrière"
+	"verification.back-button": "Revenir en arrière",
+	"two-step.code.description": "Un code de vérification sera envoyé à votre email",
+	"two-step.code.title": "Code de courrier électronique",
+	"two-step.passkey.description": "Utilisez l'appareil pour la reconnaissance d'empreintes digitales ou de visage",
+	"two-step.passkey.title": "Clé de passe (recommandée)",
+	"two-step.password.description": "Entrez votre mot de passe associé à votre compte",
+	"two-step.password.title": "Mot de passe",
+	"two-step.webauthn.description": "Utilisez votre clé de sécurité pour vous authentifier",
+	"two-step.webauthn.title": "Clé de Sécurité"
 };
 
 var nl = {
@@ -1071,7 +1112,15 @@ var nl = {
 	"verification.registration-button": "Registreren",
 	"verification.registration-label": "Heb je nog geen account?",
 	"verification.title": "Verifieer je account",
-	"verification.back-button": "Ga terug"
+	"verification.back-button": "Ga terug",
+	"two-step.code.description": "Een verificatiecode wordt naar uw e-mail gestuurd",
+	"two-step.code.title": "E-mailcode",
+	"two-step.passkey.description": "Gebruik de vingerafdruk- of gezichtsherkenning van uw apparaat",
+	"two-step.passkey.title": "Toegangscode (aanbevolen)",
+	"two-step.password.description": "Voer uw wachtwoord in dat is gekoppeld aan uw account",
+	"two-step.password.title": "Wachtwoord",
+	"two-step.webauthn.description": "Gebruik uw beveiligingssleutel om te verifiëren",
+	"two-step.webauthn.title": "Beveiligingssleutel"
 };
 
 var pl = {
@@ -1248,7 +1297,15 @@ var pl = {
 	"verification.registration-button": "Zarejestruj się",
 	"verification.registration-label": "Nie posiadasz konta?",
 	"verification.title": "Zweryfikuj konto",
-	"verification.back-button": "Cofnij"
+	"verification.back-button": "Cofnij",
+	"two-step.code.description": "Kod weryfikacyjny zostanie wysłany na Twój adres email.",
+	"two-step.code.title": "Kod email",
+	"two-step.passkey.description": "Użyj swojego urządzenia lub funkcji rozpoznawania twarzy na swoim urządzeniu.",
+	"two-step.passkey.title": "Klucz dostępu (zalecany)",
+	"two-step.password.description": "Wprowadź hasło powiązane z twoim kontem",
+	"two-step.password.title": "Hasło",
+	"two-step.webauthn.description": "Użyj swojego klucza bezpieczeństwa do uwierzytelnienia",
+	"two-step.webauthn.title": "Klucz bezpieczeństwa"
 };
 
 var pt = {
@@ -1425,7 +1482,15 @@ var pt = {
 	"verification.registration-button": "Registar",
 	"verification.registration-label": "Não tem uma conta?",
 	"verification.title": "Verifique a sua conta",
-	"verification.back-button": "Voltar"
+	"verification.back-button": "Voltar",
+	"two-step.code.description": "Um código de verificação será enviado para o seu email",
+	"two-step.code.title": "Código de email",
+	"two-step.passkey.description": "Use o seu dispositivo para reconhecimento de impressão digital ou facial.",
+	"two-step.passkey.title": "Chave de acesso (recomendado)",
+	"two-step.password.description": "Insira a sua senha associada à sua conta",
+	"two-step.password.title": "Senha",
+	"two-step.webauthn.description": "Use sua chave de segurança para autenticar",
+	"two-step.webauthn.title": "Chave de Segurança"
 };
 
 var sv = {
@@ -1458,8 +1523,8 @@ var sv = {
 	"identities.messages.1010013": "Fortsätt",
 	"identities.messages.1010014": "Ett e-postmeddelande som innehåller en kod har skickats till den e-postadress du angett. Om du inte har fått ett mejl, kontrollera stavningen av adressen och försök logga in igen.",
 	"identities.messages.1010015": "Logga in med kod",
-	"identities.messages.1040001": "Logga in",
-	"identities.messages.1040002": "Logga in med {provider}",
+	"identities.messages.1040001": "Skapa konto",
+	"identities.messages.1040002": "Registrera dig med {provider}",
 	"identities.messages.1040003": "Fortsätt",
 	"identities.messages.1040004": "Registrera med säkerhetsnyckel",
 	"identities.messages.1040005": "Ett e-postmeddelande som innehåller en kod har skickats till den e-postadress du angett. Om du inte har fått ett e-postmeddelande, kontrollera stavningen av adressen och försök igen med registreringen.",
@@ -1602,7 +1667,15 @@ var sv = {
 	"verification.registration-button": "Skapa konto",
 	"verification.registration-label": "Har du inget konto?",
 	"verification.title": "Verifiera ditt konto",
-	"verification.back-button": "Tillbaka"
+	"verification.back-button": "Tillbaka",
+	"two-step.code.description": "En verifieringskod kommer att skickas till din e-post",
+	"two-step.code.title": "E-postkod",
+	"two-step.passkey.description": "Använd din enhets fingeravtryck eller ansiktsigenkänning",
+	"two-step.passkey.title": "Passerkod (rekommenderad)",
+	"two-step.password.description": "Ange ditt lösenord kopplat till ditt konto",
+	"two-step.password.title": "Lösenord",
+	"two-step.webauthn.description": "Använd din säkerhetsnyckel för att autentisera",
+	"two-step.webauthn.title": "Säkerhetsnyckel"
 };
 
 declare const locales_de: typeof de;
@@ -1636,7 +1709,7 @@ type SupportedTranslations = {
     defaultLocale?: string;
 };
 type IntlProviderProps<Type> = Type extends CustomTranslations ? CustomTranslations : SupportedTranslations;
-declare const IntlProvider: <T extends CustomTranslations | SupportedTranslations = SupportedTranslations>({ children, ...props }: PropsWithChildren<IntlProviderProps<T>>) => string | number | boolean | Iterable<React.ReactNode> | react_jsx_runtime.JSX.Element | null | undefined;
+declare const IntlProvider: <T extends CustomTranslations | SupportedTranslations = SupportedTranslations>({ children, ...props }: PropsWithChildren<IntlProviderProps<T>>) => string | number | boolean | Iterable<react.ReactNode> | react_jsx_runtime.JSX.Element | null | undefined;
 
 type ProviderProps<T> = {
     components: OryFlowComponents;
@@ -1772,4 +1845,4 @@ declare function onSubmitVerification({ config, flow }: FlowContainer, { setFlow
  */
 declare function onSubmitRegistration({ config, flow }: FlowContainer, { setFlowContainer, body, onRedirect, }: OnSubmitHandlerProps<UpdateRegistrationFlowBody>): Promise<void>;
 
-export { type CustomLanguageFormats, type CustomTranslations, type ErrorFlowContainer, type FlowContainer, type FlowContainerSetter, type FlowContextValue, type FormValues, type HeadlessAuthMethodListItemProps, type HeadlessButtonProps, type HeadlessFormProps, type HeadlessGroupContainerProps, type HeadlessGroupProps, type HeadlessImageProps, type HeadlessInputProps, type HeadlessLabelProps, type HeadlessLinkButtonProps, HeadlessMessage, type HeadlessMessageProps, type HeadlessMessagesProps, type HeadlessSocialButtonContainerProps, type HeadlessSocialButtonProps, type HeadlessSocialButtonsProps, type HeadlessTextProps, type HorizontalDividerProps, IntlProvider, type IntlProviderProps, LanguageCodes, type Locale, type LoginFlowContainer, type OnSubmitHandlerProps, OryCard, type OryCardComponents, OryCardContent, type OryCardContentProps, OryCardFooter, type OryCardFooterProps, OryCardHeader, type OryCardHeaderProps, type OryCardProps, OryCardValidationMessages, type OryClientConfiguration, OryComponentProvider, type OryFlowComponents, OryFlowProvider, type OryFlowProviderProps, OryForm, type OryFormComponents, OryFormGroupDivider, OryFormGroups, type OryFormProps, OryFormSocialButtons, OryProvider, type ProviderProps, type RecoveryFlowContainer, type RegistrationFlowContainer, type SettingsFlowContainer, type SupportedTranslations, type TranslationFile, type VerificationFlowContainer, formElementId, formLabelId, formatMessage, isCustomTranslations, messageTestId, onSubmitLogin, onSubmitRecovery, onSubmitRegistration, onSubmitSettings, onSubmitVerification, uiTextToFormattedMessage, useComponents, useNodeSorter, useOryFlow };
+export { type CustomLanguageFormats, type CustomTranslations, type ErrorFlowContainer, type FlowContainer, type FlowContainerSetter, type FlowContextValue, type FormValues, type HeadlessAuthMethodListItemProps, type HeadlessButtonProps, type HeadlessCurrentIdentifierProps, type HeadlessFormProps, type HeadlessGroupContainerProps, type HeadlessGroupProps, type HeadlessImageProps, type HeadlessInputProps, type HeadlessLabelProps, type HeadlessLinkButtonProps, HeadlessMessage, type HeadlessMessageProps, type HeadlessMessagesProps, type HeadlessSocialButtonContainerProps, type HeadlessSocialButtonProps, type HeadlessSocialButtonsProps, type HeadlessTextProps, type HorizontalDividerProps, IntlProvider, type IntlProviderProps, LanguageCodes, type Locale, type LoginFlowContainer, type OnSubmitHandlerProps, OryCard, type OryCardComponents, OryCardContent, type OryCardContentProps, OryCardFooter, type OryCardFooterProps, OryCardHeader, type OryCardHeaderProps, type OryCardProps, OryCardValidationMessages, type OryClientConfiguration, OryComponentProvider, type OryFlowComponents, OryFlowProvider, type OryFlowProviderProps, OryForm, type OryFormComponents, OryFormGroupDivider, OryFormGroups, type OryFormProps, OryFormSocialButtons, OryFormSocialButtonsForm, locales as OryLocales, OryProvider, OryTwoStepCard, type ProviderProps, type RecoveryFlowContainer, type RegistrationFlowContainer, type SettingsFlowContainer, type SupportedTranslations, type TranslationFile, type VerificationFlowContainer, formElementId, formLabelId, formatMessage, isCustomTranslations, messageTestId, onSubmitLogin, onSubmitRecovery, onSubmitRegistration, onSubmitSettings, onSubmitVerification, uiTextToFormattedMessage, useComponents, useNodeSorter, useOryFlow };