@ory/elements-react 1.0.0-rc.5 → 1.0.0-rc.6

package/dist/theme/default/index.js

@@ -37,7 +37,6 @@ __export(index_exports, {
   DefaultCardContent: () => DefaultCardContent,
   DefaultCardFooter: () => DefaultCardFooter,
   DefaultCardHeader: () => DefaultCardHeader,
-  DefaultCardLayout: () => DefaultCardLayout,
   DefaultCardLogo: () => DefaultCardLogo,
   DefaultCurrentIdentifierButton: () => DefaultCurrentIdentifierButton,
   DefaultFormContainer: () => DefaultFormContainer,
@@ -59,8 +58,8 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var SvgOryBadgeHorizontal = (props) => {
   var _a, _b;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, fill: "none", ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { fill: "#0F172A", d: "M18.007 8h-1.71l2.007-3.996L16.296 0h1.711l1.145 2.301L20.327 0H22z" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { fill: "#0F172A", fillRule: "evenodd", d: "M12.902 4.86a2.47 2.47 0 0 0 1.796-2.365v-.038C14.687 1.097 13.592 0 12.245 0H9.037v1.44l1.208 1.985H9.04V8h1.51V4.949h.633L13.04 8h1.775zm-.876-1.431h.223c.52 0 .943-.427.943-.953a.95.95 0 0 0-.943-.952h-1.39zM4 0a4 4 0 1 0-.001 7.999A4 4 0 0 0 4 0M1.524 4a2.476 2.476 0 1 0 4.952 0 2.476 2.476 0 0 0-4.952 0", clipRule: "evenodd" })
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { fill: "currentColor", d: "M18.007 8h-1.71l2.007-3.996L16.296 0h1.711l1.145 2.301L20.327 0H22z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { fill: "currentColor", fillRule: "evenodd", d: "M12.902 4.86a2.47 2.47 0 0 0 1.796-2.365v-.038C14.687 1.097 13.592 0 12.245 0H9.037v1.44l1.208 1.985H9.04V8h1.51V4.949h.633L13.04 8h1.775zm-.876-1.431h.223c.52 0 .943-.427.943-.953a.95.95 0 0 0-.943-.952h-1.39zM4 0a4 4 0 1 0-.001 7.999A4 4 0 0 0 4 0M1.524 4a2.476 2.476 0 1 0 4.952 0 2.476 2.476 0 0 0-4.952 0", clipRule: "evenodd" })
   ] });
 };
 var ory_badge_horizontal_default = SvgOryBadgeHorizontal;
@@ -71,8 +70,8 @@ var import_jsx_runtime2 = require("react/jsx-runtime");
 var SvgOryBadgeVertical = (props) => {
   var _a, _b;
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, fill: "none", ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { fill: "#0F172A", d: "M8 3.993v1.71L4.004 3.697 0 5.704V3.993l2.301-1.145L0 1.673V0z" }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { fill: "#0F172A", fillRule: "evenodd", d: "M4.86 9.099a2.47 2.47 0 0 0-2.365-1.797h-.038C1.097 7.313 0 8.408 0 9.755v3.208h1.44l1.985-1.208v1.204H8v-1.51H4.949v-.633L8 8.96V7.185zm-1.431.875v-.223a.95.95 0 0 0-.953-.943.95.95 0 0 0-.952.943v1.39zM0 18a4 4 0 1 0 8 0 4 4 0 0 0-8 0m4 2.476a2.476 2.476 0 1 0 0-4.952 2.476 2.476 0 0 0 0 4.952", clipRule: "evenodd" })
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { fill: "currentColor", d: "M8 3.993v1.71L4.004 3.697 0 5.704V3.993l2.301-1.145L0 1.673V0z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { fill: "currentColor", fillRule: "evenodd", d: "M4.86 9.099a2.47 2.47 0 0 0-2.365-1.797h-.038C1.097 7.313 0 8.408 0 9.755v3.208h1.44l1.985-1.208v1.204H8v-1.51H4.949v-.633L8 8.96V7.185zm-1.431.875v-.223a.95.95 0 0 0-.953-.943.95.95 0 0 0-.952.943v1.39zM0 18a4 4 0 1 0 8 0 4 4 0 0 0-8 0m4 2.476a2.476 2.476 0 1 0 0-4.952 2.476 2.476 0 0 0 0 4.952", clipRule: "evenodd" })
   ] });
 };
 var ory_badge_vertical_default = SvgOryBadgeVertical;
@@ -80,7 +79,7 @@ var ory_badge_vertical_default = SvgOryBadgeVertical;
 // src/theme/default/components/card/badge.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
 function Badge() {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "absolute bg-ory-background-default p-2 font-bold max-sm:bottom-0 max-sm:left-8 max-sm:translate-y-full max-sm:rounded-b-branding sm:right-0 sm:top-8 sm:translate-x-full sm:rounded-r-branding border-ory-border-default border max-sm:py-[7px] sm:pl-[7px]", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "absolute bg-ory-background-default text-ory-foreground-default p-2 font-bold max-sm:bottom-0 max-sm:left-8 max-sm:translate-y-full max-sm:rounded-b-branding sm:right-0 sm:top-8 sm:translate-x-full sm:rounded-r-branding border-ory-border-default border max-sm:py-[7px] sm:pl-[7px]", children: [
     /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ory_badge_horizontal_default, { width: 22, height: 8, className: "sm:hidden" }),
     /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ory_badge_vertical_default, { width: 8, height: 22, className: "max-sm:hidden" })
   ] });
@@ -140,6 +139,27 @@ function isGroupImmediateSubmit(group) {
 var import_client_fetch2 = require("@ory/client-fetch");
 var import_client_fetch3 = require("@ory/client-fetch");
 var import_react2 = require("react");
+function triggerToFunction(trigger) {
+  if (typeof window === "undefined") {
+    console.debug(
+      "The Ory SDK is missing a required function: window is undefined."
+    );
+    return void 0;
+  }
+  const typedWindow = window;
+  if (!(trigger in typedWindow) || !typedWindow[trigger]) {
+    console.debug(`The Ory SDK is missing a required function: ${trigger}.`);
+    return void 0;
+  }
+  const triggerFn = typedWindow[trigger];
+  if (typeof triggerFn !== "function") {
+    console.debug(
+      `The Ory SDK is missing a required function: ${trigger}. It is not a function.`
+    );
+    return void 0;
+  }
+  return triggerFn;
+}
 function nodesToAuthMethodGroups(nodes, excludeAuthMethods = []) {
   var _a;
   const groups = {};
@@ -255,7 +275,6 @@ var OryConfigurationContext = (0, import_react5.createContext)({
 });
 function computeSdkConfig(config) {
   if ((config == null ? void 0 : config.url) && typeof config.url === "string") {
-    console.debug("Using sdk url from config");
     return {
       url: config.url.replace(/\/$/, ""),
       options: config.options || {}
@@ -294,6 +313,7 @@ function getSDKUrl() {
 }
 
 // src/context/intl-context.tsx
+var import_react8 = require("react");
 var import_react_intl8 = require("react-intl");
 
 // src/components/form/form.tsx
@@ -332,57 +352,57 @@ var import_client_fetch14 = require("@ory/client-fetch");
 // src/components/form/form.tsx
 var import_jsx_runtime7 = require("react/jsx-runtime");
 
-// src/components/form/groups.tsx
+// src/components/form/messages.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+
+// src/components/form/social.tsx
 var import_client_fetch19 = require("@ory/client-fetch");
+var import_react_hook_form4 = require("react-hook-form");
 
-// src/components/form/nodes/input.tsx
-var import_client_fetch17 = require("@ory/client-fetch");
-var import_react6 = require("react");
+// src/components/form/form-provider.tsx
+var import_client_fetch18 = require("@ory/client-fetch");
 var import_react_hook_form3 = require("react-hook-form");
-var import_jsx_runtime8 = require("react/jsx-runtime");
 
-// src/components/form/nodes/node.tsx
-var import_client_fetch18 = require("@ory/client-fetch");
+// src/components/form/form-resolver.ts
+var import_client_fetch17 = require("@ory/client-fetch");
+
+// src/components/form/form-provider.tsx
 var import_jsx_runtime9 = require("react/jsx-runtime");
 
-// src/components/form/groups.tsx
+// src/components/form/social.tsx
 var import_jsx_runtime10 = require("react/jsx-runtime");
 
-// src/components/form/messages.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
-
-// src/components/form/social.tsx
-var import_client_fetch22 = require("@ory/client-fetch");
+// src/components/form/settings-section.tsx
 var import_react_hook_form5 = require("react-hook-form");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 
-// src/components/form/form-provider.tsx
-var import_client_fetch21 = require("@ory/client-fetch");
-var import_react_hook_form4 = require("react-hook-form");
-
-// src/components/form/form-resolver.ts
+// src/components/generic/divider.tsx
 var import_client_fetch20 = require("@ory/client-fetch");
-
-// src/components/form/form-provider.tsx
 var import_jsx_runtime12 = require("react/jsx-runtime");
 
-// src/components/form/social.tsx
+// src/components/generic/page-header.tsx
 var import_jsx_runtime13 = require("react/jsx-runtime");
 
-// src/components/form/section.tsx
-var import_react_hook_form6 = require("react-hook-form");
+// src/components/settings/settings-card.tsx
+var import_client_fetch23 = require("@ory/client-fetch");
+var import_react7 = require("react");
+var import_react_intl7 = require("react-intl");
+var import_sonner2 = require("sonner");
+
+// src/util/showToast.tsx
+var import_sonner = require("sonner");
 var import_jsx_runtime14 = require("react/jsx-runtime");
 
-// src/components/generic/divider.tsx
-var import_client_fetch23 = require("@ory/client-fetch");
+// src/components/form/nodes/input.tsx
+var import_client_fetch21 = require("@ory/client-fetch");
+var import_react6 = require("react");
+var import_react_hook_form6 = require("react-hook-form");
 var import_jsx_runtime15 = require("react/jsx-runtime");
 
-// src/components/generic/page-header.tsx
+// src/components/form/nodes/node.tsx
+var import_client_fetch22 = require("@ory/client-fetch");
 var import_jsx_runtime16 = require("react/jsx-runtime");
 
-// src/components/settings/settings-card.tsx
-var import_client_fetch24 = require("@ory/client-fetch");
-var import_react_intl7 = require("react-intl");
-
 // src/components/settings/oidc-settings.tsx
 var import_react_intl2 = require("react-intl");
 var import_react_hook_form7 = require("react-hook-form");
@@ -679,6 +699,8 @@ var en_default = {
   "settings.profile.description": "Update your profile information",
   "settings.webauthn.title": "Manage Hardware Tokens",
   "settings.webauthn.description": "Manage your hardware token settings",
+  "settings.messages.toast-title.success": "Settings updated",
+  "settings.messages.toast-title.error": "Could not update settings",
   "verification.registration-button": "Sign up",
   "verification.registration-label": "Don't have an account?",
   "verification.title": "Verify your account",
@@ -692,6 +714,7 @@ var en_default = {
   "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",
+  "two-step.passkey.description.error": "Could not load the necessary libraries to use your Passkey. Please try again later.",
   "two-step.totp.title": "Use your Authenticator App (TOTP)",
   "two-step.totp.description": "Use a 6-digit one-time code from your authenticator app",
   "two-step.lookup_secret.title": "Backup recovery code",
@@ -711,6 +734,7 @@ var en_default = {
   "card.header.description.registration": "Sign up with {identifierLabel}",
   "misc.or": "or",
   "forms.label.forgot-password": "Forgot Password?",
+  "forms.label.recover-account": "Recover Account",
   "settings.totp.title": "Authenticator App",
   "settings.totp.description": "Add a TOTP Authenticator App to your account to improve your account security. Popular Authenticator Apps are LastPass and Google Authenticator",
   "settings.totp.info.not-linked": "To enable scan the QR code with your authenticator and enter the code.",
@@ -797,10 +821,10 @@ var de_default = {
   "identities.messages.1050004": "Authentifizierungs-App entkn\xFCpfen",
   "identities.messages.1050005": "Authentifizierungs-App QR-Code",
   "identities.messages.1050006": "{secret}",
-  "identities.messages.1050007": "Backup-Wiederherstellungscode anzeigen",
-  "identities.messages.1050008": "Neue Backup-Wiederherstellungscode generieren",
+  "identities.messages.1050007": "Backup-Wiederherstellungscodes anzeigen",
+  "identities.messages.1050008": "Neue Backup-Wiederherstellungscodes generieren",
   "identities.messages.1050009": "{secret}",
-  "identities.messages.1050010": "Dies sind Ihre Backup-Wiederherstellungscode. Bewahren Sie sie an einem sicheren Ort auf!",
+  "identities.messages.1050010": "Dies sind Ihre Backup-Wiederherstellungscodes. Bewahren Sie diese an einem sicheren Ort auf!",
   "identities.messages.1050011": "Backup-Wiederherstellungscode best\xE4tigen",
   "identities.messages.1050012": "Sicherheitsschl\xFCssel hinzuf\xFCgen",
   "identities.messages.1050013": "Name des Sicherheitsschl\xFCssels",
@@ -809,7 +833,7 @@ var de_default = {
   "identities.messages.1050016": "Diese Methode deaktivieren",
   "identities.messages.1050017": "Dies ist Ihr Authentifizierungs-App-Geheimnis. Verwenden Sie es, wenn Sie den QR-Code nicht scannen k\xF6nnen.",
   "identities.messages.1050018": 'Sicherheitsschl\xFCssel "{display_name}" entfernen',
-  "identities.messages.1060001": "Sie haben Ihr Konto erfolgreich wiederhergestellt. Bitte \xE4ndern Sie Ihr Passwort oder richten Sie eine alternative Anmeldemethode ein (z. B. Anmeldung \xFCber soziale Medien) innerhalb der n\xE4chsten {privileged_session_expires_at_unix_until_minutes} Minuten ein.",
+  "identities.messages.1060001": "Sie haben Ihr Konto erfolgreich wiederhergestellt. Bitte \xE4ndern Sie Ihr Passwort oder richten Sie eine alternative Anmeldemethode ein (z. B. Anmeldung \xFCber Social-Login) innerhalb der n\xE4chsten {privileged_session_expires_at_unix_until_minutes} Minuten ein.",
   "identities.messages.1060002": "Eine E-Mail mit einem Wiederherstellungslink wurde an die von Ihnen angegebene E-Mail-Adresse gesendet. Falls Sie keine E-Mail erhalten haben, \xFCberpr\xFCfen Sie bitte die Schreibweise der Adresse und stellen Sie sicher, dass Sie die Adresse verwendet haben, mit der Sie sich registriert haben.",
   "identities.messages.1060003": "Eine E-Mail mit einem Wiederherstellungscode wurde an die von Ihnen angegebene E-Mail-Adresse gesendet. Falls Sie keine E-Mail erhalten haben, \xFCberpr\xFCfen Sie bitte die Schreibweise der Adresse und stellen Sie sicher, dass Sie die Adresse verwendet haben, mit der Sie sich registriert haben.",
   "identities.messages.1070001": "Passwort",
@@ -830,7 +854,7 @@ var de_default = {
   "identities.messages.1080003": "Eine E-Mail mit einem Best\xE4tigungscode wurde an die von Ihnen angegebene E-Mail-Adresse gesendet. Falls Sie keine E-Mail erhalten haben, \xFCberpr\xFCfen Sie bitte die Schreibweise der Adresse und stellen Sie sicher, dass Sie die Adresse verwendet haben, mit der Sie sich registriert haben.",
   "identities.messages.4000001": "{reason}",
   "identities.messages.4000002": "Das Feld {property} muss ausgef\xFCllt werden.",
-  "identities.messages.4000003": "Die L\xE4nge muss >= {min_length} sein, wurde jedoch {actual_length} erhalten.",
+  "identities.messages.4000003": "Die L\xE4nge muss >= {min_length} sein, {actual_length} erhalten.",
   "identities.messages.4000004": 'entspricht nicht dem Muster "{pattern}"',
   "identities.messages.4000005": "Das Passwort kann nicht verwendet werden, weil {reason}.",
   "identities.messages.4000006": "Die bereitgestellten Anmeldedaten sind ung\xFCltig. \xDCberpr\xFCfen Sie auf Rechtschreibfehler in Ihrem Passwort, Benutzernamen, E-Mail-Adresse oder Telefonnummer.",
@@ -841,26 +865,26 @@ var de_default = {
   "identities.messages.4000011": "Sie haben kein TOTP-Ger\xE4t eingerichtet.",
   "identities.messages.4000012": "Dieser Backup-Wiederherstellungscode wurde bereits verwendet.",
   "identities.messages.4000013": "Sie haben kein WebAuthn-Ger\xE4t eingerichtet.",
-  "identities.messages.4000014": "Sie haben keine Backup-Wiederherstellungscode eingerichtet.",
+  "identities.messages.4000014": "Sie haben keine Backup-Wiederherstellungscodes eingerichtet.",
   "identities.messages.4000015": "Dieses Konto existiert nicht oder hat keinen Sicherheitsschl\xFCssel eingerichtet.",
   "identities.messages.4000016": "Der Backup-Wiederherstellungscode ist ung\xFCltig.",
-  "identities.messages.4000017": "Die L\xE4nge muss <= {max_length} sein, wurde jedoch {actual_length} erhalten.",
-  "identities.messages.4000018": "muss >= {minimum} sein, wurde jedoch {actual} gefunden.",
-  "identities.messages.4000019": "muss > {minimum} sein, wurde jedoch {actual} gefunden.",
-  "identities.messages.4000020": "muss <= {maximum} sein, wurde jedoch {actual} gefunden.",
-  "identities.messages.4000021": "muss < {maximum} sein, wurde jedoch {actual} gefunden.",
+  "identities.messages.4000017": "Die L\xE4nge muss <= {max_length} sein, {actual_length} erhalten.",
+  "identities.messages.4000018": "muss >= {minimum} sein, {actual} gefunden.",
+  "identities.messages.4000019": "muss > {minimum} sein, {actual} gefunden.",
+  "identities.messages.4000020": "muss <= {maximum} sein, {actual} gefunden.",
+  "identities.messages.4000021": "muss < {maximum} sein, {actual} gefunden.",
   "identities.messages.4000022": "{actual} ist nicht ein Vielfaches von {base}",
-  "identities.messages.4000023": "maximal {max_items} Elemente erlaubt, wurden jedoch {actual_items} Elemente gefunden.",
-  "identities.messages.4000024": "mindestens {min_items} Elemente erforderlich, wurden jedoch {actual_items} Elemente gefunden.",
+  "identities.messages.4000023": "maximal {max_items} Elemente erlaubt, {actual_items} Elemente gefunden.",
+  "identities.messages.4000024": "mindestens {min_items} Elemente erforderlich, {actual_items} Elemente gefunden.",
   "identities.messages.4000025": "Elemente an Index {index_a} und {index_b} sind gleich.",
-  "identities.messages.4000026": "erwartete {allowed_types_list}, wurden jedoch {actual_type} gefunden.",
-  "identities.messages.4000027": "Ein Konto mit demselben Identifikator (E-Mail, Telefon, Benutzername, ...) existiert bereits. Bitte melden Sie sich in Ihrem bestehenden Konto an und verkn\xFCpfen Sie Ihr soziales Profil auf der Einstellungsseite.",
-  "identities.messages.4000028": "Sie haben versucht, sich mit {credential_identifier_hint} anzumelden, das bereits von einem anderen Konto verwendet wird. Sie k\xF6nnen sich mit {available_credential_types_list} anmelden. Sie k\xF6nnen sich mit einem der folgenden sozialen Anmeldeanbieter anmelden: {Available_oidc_providers_list}.",
+  "identities.messages.4000026": "erwartete {allowed_types_list}, {actual_type} gefunden.",
+  "identities.messages.4000027": "Ein Konto mit demselben Identifikator (E-Mail, Telefon, Benutzername, ...) existiert bereits. Bitte melden Sie sich in Ihrem bestehenden Konto an und verkn\xFCpfen Sie Ihren Social-Login auf der Einstellungsseite.",
+  "identities.messages.4000028": "Sie haben versucht, sich mit {credential_identifier_hint} anzumelden, das bereits von einem anderen Konto verwendet wird. Sie k\xF6nnen sich mit {available_credential_types_list} anmelden. Sie k\xF6nnen sich mit einem der folgenden Social-Logins anmelden: {Available_oidc_providers_list}.",
   "identities.messages.4000029": "muss gleich der Konstanten {expected} sein.",
   "identities.messages.4000030": "const fehlgeschlagen",
   "identities.messages.4000031": "Das Passwort kann nicht verwendet werden, da es zu \xE4hnlich dem Identifikator ist.",
-  "identities.messages.4000032": "Das Passwort muss mindestens {min_length} Zeichen lang sein, wurde jedoch {actual_length} erhalten.",
-  "identities.messages.4000033": "Das Passwort muss h\xF6chstens {max_length} Zeichen lang sein, wurde jedoch {actual_length} erhalten.",
+  "identities.messages.4000032": "Das Passwort muss mindestens {min_length} Zeichen lang sein, {actual_length} erhalten.",
+  "identities.messages.4000033": "Das Passwort muss h\xF6chstens {max_length} Zeichen lang sein, {actual_length} erhalten.",
   "identities.messages.4000034": "Das Passwort wurde in Datenlecks gefunden und darf nicht mehr verwendet werden.",
   "identities.messages.4000035": "Dieses Konto existiert nicht oder hat keine Anmeldung per Code eingerichtet.",
   "identities.messages.4000036": "Die bereitgestellten Merkmale stimmen nicht mit den zuvor mit diesem Flow assoziierten Merkmalen \xFCberein.",
@@ -877,13 +901,13 @@ var de_default = {
   "identities.messages.4040003": "Der Registrierungscode ist ung\xFCltig oder wurde bereits verwendet. Bitte versuchen Sie es erneut.",
   "identities.messages.4050001": "Der Einstellungsvorgang ist vor {expired_at_unix_since_minutes} Minuten abgelaufen. Bitte versuchen Sie es erneut.",
   "identities.messages.4060001": "Die Anfrage wurde bereits erfolgreich abgeschlossen und kann nicht erneut versucht werden.",
-  "identities.messages.4060002": "Der Wiederherstellungsvorgang erreichte einen Fehlerzustand und muss erneut versucht werden.",
+  "identities.messages.4060002": "Der Wiederherstellungsvorgang ist fehlgeschlagen und muss erneut versucht werden.",
   "identities.messages.4060004": "Der Wiederherstellungstoken ist ung\xFCltig oder wurde bereits verwendet. Bitte wiederholen Sie den Vorgang.",
   "identities.messages.4060005": "Der Wiederherstellungsvorgang ist vor {expired_at_unix_since_minutes} Minuten abgelaufen. Bitte versuchen Sie es erneut.",
   "identities.messages.4060006": "Der Wiederherstellungscode ist ung\xFCltig oder wurde bereits verwendet. Bitte versuchen Sie es erneut.",
   "identities.messages.4070001": "Der Verifizierungstoken ist ung\xFCltig oder wurde bereits verwendet. Bitte wiederholen Sie den Vorgang.",
   "identities.messages.4070002": "Die Anfrage wurde bereits erfolgreich abgeschlossen und kann nicht erneut versucht werden.",
-  "identities.messages.4070003": "Der Verifizierungsvorgang erreichte einen Fehlerzustand und muss erneut versucht werden.",
+  "identities.messages.4070003": "Der Verifizierungsvorgang ist fehlgeschlagen und muss erneut versucht werden.",
   "identities.messages.4070005": "Der Verifizierungsvorgang ist vor {expired_at_unix_since_minutes} Minuten abgelaufen. Bitte versuchen Sie es erneut.",
   "identities.messages.4070006": "Der Verifizierungscode ist ung\xFCltig oder wurde bereits verwendet. Bitte versuchen Sie es erneut.",
   "identities.messages.5000001": "{reason}",
@@ -899,7 +923,7 @@ var de_default = {
   "login.subtitle-aal2": "W\xE4hlen Sie eine Methode zur Best\xE4tigung Ihrer Zwei-Faktor-Authentifizierung",
   "login.code.subtitle": "Ein Best\xE4tigungscode wird per E-Mail gesendet",
   "login.webauthn.subtitle": "Bitte bereiten Sie Ihr WebAuthN-Ger\xE4t vor",
-  "login.totp.subtitle": "Bitte geben Sie den Code aus Ihrer Authenticator-App ein",
+  "login.totp.subtitle": "Bitte geben Sie den Code aus Ihrer Authentifikator-App ein",
   "login.lookup_secret.subtitle": "Bitte geben Sie einen Ihrer 8-stelligen Backup-Wiederherstellungscodes ein",
   "login.title-refresh": "Best\xE4tigen Sie, dass Sie es sind",
   "login.2fa.go-back": "Funktioniert etwas nicht?",
@@ -917,22 +941,23 @@ var de_default = {
   "registration.title": "Konto registrieren",
   "verification.registration-button": "Registrieren",
   "verification.registration-label": "Sie haben noch kein Konto?",
-  "verification.title": "Verifizieren Sie ihr Konto",
+  "verification.title": "Verifizieren Sie Ihr Konto",
   "verification.back-button": "Zur\xFCck",
   "two-step.code.description": "Ein Best\xE4tigungscode 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\xE4ts",
   "two-step.passkey.title": "Passkey (empfohlen)",
+  "two-step.passkey.description": "Verwenden Sie die Fingerabdruck- oder Gesichtserkennung Ihres Ger\xE4ts",
+  "two-step.passkey.description.error": "Konnte die erforderlichen Bibliotheken f\xFCr Passkeys nicht laden. Bitte versuchen Sie es sp\xE4ter erneut.",
   "two-step.password.description": "Geben Sie Ihr Passwort ein, das mit Ihrem Konto verkn\xFCpft ist",
   "two-step.password.title": "Passwort",
   "two-step.webauthn.title": "Sicherheitsschl\xFCssel",
   "two-step.webauthn.description": "Verwenden Sie Ihren Sicherheitsschl\xFCssel zur Authentifizierung",
-  "two-step.totp.title": "Verwenden Sie Ihre Authenticator-App (TOTP)",
-  "two-step.totp.description": "Verwenden Sie einen 6-stelligen Einmal-Code aus Ihrer Authenticator-App",
+  "two-step.totp.title": "Verwenden Sie Ihre Authentifikator-App",
+  "two-step.totp.description": "Verwenden Sie einen 6-stelligen Einmalcode aus Ihrer Authentifikator-App",
   "two-step.lookup_secret.title": "Backup-Wiederherstellungscode",
   "two-step.lookup_secret.description": "Verwenden Sie einen Ihrer 8-stelligen Backup-Codes, um sich zu authentifizieren",
   "identities.messages.1070014": "Login- und Link-Zugangsdaten",
-  "identities.messages.1070015": "Bitte schlie\xDFen Sie die Captcha-Challenge ab, um fortzufahren.",
+  "identities.messages.1070015": "Bitte schlie\xDFen Sie die Captcha-\xDCberpr\xFCfung ab, um fortzufahren.",
   "identities.messages.4000038": "Die Captcha-\xDCberpr\xFCfung ist fehlgeschlagen. Bitte versuchen Sie es erneut.",
   "login.cancel-button": "Abbrechen",
   "login.cancel-label": "Nicht das richtige Konto?",
@@ -942,7 +967,7 @@ var de_default = {
   "identities.messages.1010018": "Mit {provider} best\xE4tigen",
   "identities.messages.1010019": "Code senden um fortzufahren",
   "identities.messages.1010020": "",
-  "identities.messages.1010021": "Mit Paskey anmelden",
+  "identities.messages.1010021": "Mit Passkey anmelden",
   "identities.messages.1010022": "Mit Passwort anmelden",
   "identities.messages.1040007": "Mit Passkey registrieren",
   "identities.messages.1040008": "Zur\xFCck",
@@ -953,45 +978,46 @@ var de_default = {
   "identities.messages.4010009": "Die Authentifizierungsmethode stimmt nicht mit der vorherigen Authentifizierungsmethode \xFCberein. Bitte versuchen Sie es erneut.",
   "identities.messages.4010010": "Die eingegebene Adresse stimmt nicht mit der Adresse \xFCberein, die Sie bei der Registrierung angegeben haben. Bitte versuchen Sie es erneut.",
   "input.placeholder": "{placeholder} eingeben",
-  "card.header.parts.code": "ein an Sie gesendeter Code",
-  "card.header.parts.identifier-first": "Ihr {identifierLabel}",
-  "card.header.parts.oidc": "ein sozialer Anbieter",
-  "card.header.parts.passkey": "ein Passkey",
+  "card.header.parts.code": "einem an Sie gesendeten Code",
+  "card.header.parts.identifier-first": "Ihrer {identifierLabel}",
+  "card.header.parts.oidc": "einem Social-Login",
+  "card.header.parts.passkey": "einem Passkey",
   "card.header.parts.password.login": "Ihrer {identifierLabel} und Ihrem Passwort",
   "card.header.parts.password.registration": "Ihrer {identifierLabel} und einem Passwort",
-  "card.header.parts.webauthn": "ein Sicherheitsschl\xFCssel",
-  "card.header.parts.totp": "deine Authentifikator-App",
-  "card.header.parts.lookup_secret": "ein Backup-Wiederherstellungscode",
+  "card.header.parts.webauthn": "einem Sicherheitsschl\xFCssel",
+  "card.header.parts.totp": "Ihrer Authentifikator-App",
+  "card.header.parts.lookup_secret": "einem Backup-Wiederherstellungscode",
   "recovery.subtitle": "Geben Sie die mit Ihrem Konto verkn\xFCpfte E-Mail-Adresse ein, um einen einmaligen Zugangscode zu erhalten",
   "verification.subtitle": "Geben Sie die mit Ihrem Konto verkn\xFCpfte E-Mail-Adresse ein, um es zu best\xE4tigen",
   "card.header.description.login": "Melden Sie sich mit {identifierLabel} an",
   "card.header.description.registration": "Registrieren Sie sich mit {identifierLabel}",
-  "login.subtitle": "Melden Sie sich mit {parts} an",
-  "login.subtitle-refresh": "Best\xE4tigen Sie ihre Identit\xE4t mit {parts}",
+  "login.subtitle": "Melden Sie sich mit {parts} an.",
+  "login.subtitle-refresh": "Best\xE4tigen Sie Ihre Identit\xE4t mit {parts}.",
   "misc.or": "oder",
-  "registration.subtitle": "Registrieren Sie sich mit {parts}",
+  "registration.subtitle": "Registrieren Sie sich mit {parts}.",
   "forms.label.forgot-password": "Passwort vergessen?",
+  "forms.label.recover-account": "Konto wiederherstellen",
   "settings.title": "Kontoeinstellungen",
   "settings.navigation.title": "Kontoeinstellungen",
   "settings.subtitle": "Aktualisieren Sie Ihre Kontoeinstellungen",
   "settings.navigation-back-button": "Zur\xFCck",
-  "settings.navigation-backup-codes": "2FA-Backup-Codes",
+  "settings.navigation-backup-codes": "2FA-Backup-Wiederherstellungscodes",
   "settings.navigation-logout": "Abmelden",
-  "settings.navigation-oidc": "Soziale Medien",
+  "settings.navigation-oidc": "Social-Login",
   "settings.navigation-password": "Passwort",
   "settings.navigation-profile": "Profil",
-  "settings.navigation-totp": "Zwei-Faktor App",
+  "settings.navigation-totp": "Authentifikator-App",
   "settings.navigation-webauthn": "Sicherheitsschl\xFCssel",
   "settings.navigation-passkey": "Passkeys",
   "settings.subtitle-instructions": "Hier k\xF6nnen Sie Einstellungen zu Ihrem Konto vornehmen. F\xFCr manche Einstellungen m\xFCssen Sie Ihre Identit\xE4t erneut best\xE4tigen.",
-  "settings.totp.info.linked": "Sie haben derzeit eine Authenticator-App verbunden.",
-  "settings.totp.info.not-linked": "Um dies zu erm\xF6glichen, scannen Sie den QR-Code mit Ihrem Authenticator und geben Sie den Code ein.",
-  "settings.totp.title": "Authenticator App",
-  "settings.totp.description": "F\xFCgen Sie eine TOTP Authenticator App zu Ihrem Konto hinzu, um die Sicherheit Ihres Kontos zu verbessern. Beliebte Authenticator Apps sind LastPass und Google Authenticator.",
+  "settings.totp.info.linked": "Sie haben derzeit eine Authentifikator-App verbunden.",
+  "settings.totp.info.not-linked": "Um dies zu erm\xF6glichen, scannen Sie den QR-Code mit Ihrer Authentifikator-App und geben Sie den Code ein.",
+  "settings.totp.title": "Authentifikator-App",
+  "settings.totp.description": "F\xFCgen Sie eine Authentifikator-App zu Ihrem Konto hinzu, um die Sicherheit Ihres Kontos zu verbessern. Beliebte Authentifikator-Apps sind LastPass und Google Authenticator.",
   "settings.lookup_secret.description": "Verwalten Sie Ihre 2FA-Backup-Wiederherstellungscodes",
   "settings.lookup_secret.title": "Wiederherstellungscodes",
-  "settings.oidc.description": "Verwalten Sie Ihre Einstellungen f\xFCr die soziale Anmeldung",
-  "settings.oidc.title": "Soziales Anmelden",
+  "settings.oidc.description": "Verwalten Sie Ihre Einstellungen f\xFCr den Social-Login",
+  "settings.oidc.title": "Social-Login",
   "settings.passkey.description": "Verwalten Sie Ihre Passworteinstellungen",
   "settings.passkey.title": "Passkeys verwalten",
   "settings.password.description": "\xC4ndern Sie Ihr Passwort",
@@ -1004,15 +1030,17 @@ var de_default = {
   "settings.passkey.info": "Verwalten Sie Ihre Passkey-Einstellungen",
   "settings.title-lookup-secret": "Verwalten Sie 2FA-Backup-Wiederherstellungscodes",
   "settings.title-navigation": "Kontoeinstellungen",
-  "settings.title-oidc": "Social Sign In",
+  "settings.title-oidc": "Social-Login",
   "settings.title-passkey": "Passkeys verwalten",
   "settings.title-password": "Kennwort \xE4ndern",
   "settings.title-profile": "Profileinstellungen",
-  "settings.title-totp": "Verwalten Sie die 2FA TOTP Authenticator-App",
+  "settings.title-totp": "Verwalten Sie die Authentifikator-App",
   "settings.title-webauthn": "Hardware-Token verwalten",
   "settings.webauthn.info": "Hardware-Tokens werden f\xFCr die Zweitfaktor-Authentifizierung oder als Erstfaktor-Authentifizierung mit Passkeys verwendet",
+  "settings.messages.toast-title.success": "Einstellungen aktualisiert",
+  "settings.messages.toast-title.error": "Fehler beim Aktualisieren der Einstellungen",
   "card.footer.select-another-method": "Eine andere Methode verwenden",
-  "account-linking.title": "Account Verbinden",
+  "account-linking.title": "Account verbinden",
   "property.email": "E-Mail",
   "property.identifier": "Kennung",
   "property.password": "Passwort",
@@ -1029,14 +1057,14 @@ var de_default = {
   "consent.scope.profile.description": "Erm\xF6glicht den Zugriff auf Ihre grundlegenden Profildetails, einschlie\xDFlich Ihres Benutzernamens, Vornamens und Nachnamens.",
   "consent.scope.email.title": "E-Mail-Adresse",
   "consent.scope.email.description": "Erm\xF6glicht den Abruf Ihrer E-Mail-Adresse und deren \xDCberpr\xFCfungsstatus.",
-  "consent.scope.address.title": "Physische Adresse",
+  "consent.scope.address.title": "Postanschrift",
   "consent.scope.address.description": "Erm\xF6glicht den Zugriff auf Ihre Postanschrift.",
   "consent.scope.phone.title": "Telefonnummer",
   "consent.scope.phone.description": "Erm\xF6glicht den Abruf Ihrer Telefonnummer und deren \xDCberpr\xFCfungsstatus.",
   "error.title.what-happened": "Was ist passiert?",
   "error.footer.copy": "Kopieren",
   "error.footer.text": "Bitte f\xFCgen Sie bei der Meldung dieses Fehlers die folgenden Informationen hinzu:",
-  "error.instructions": "Bitte versuchen Sie es in wenigen Minuten erneut oder wenden Sie sich an den Website-Betreiber.",
+  "error.instructions": "Bitte versuchen Sie es in wenigen Minuten erneut oder wenden Sie sich an den Webseiten-Betreiber.",
   "error.title.what-can-i-do": "Was kann ich tun?",
   "error.action.go-back": "Zur\xFCck"
 };
@@ -1220,6 +1248,7 @@ var es_default = {
   "two-step.code.title": "C\xF3digo de correo electr\xF3nico",
   "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.passkey.description.error": "No se pudieron cargar las bibliotecas necesarias para usar su Passkey. Por favor, int\xE9ntelo de nuevo m\xE1s tarde.",
   "two-step.password.description": "Ingrese la contrase\xF1a asociada con su cuenta",
   "two-step.password.title": "Contrase\xF1a",
   "two-step.webauthn.title": "Clave de Seguridad",
@@ -1245,6 +1274,8 @@ var es_default = {
   "settings.profile.title": "Configuraci\xF3n de Perfil",
   "settings.webauthn.description": "Administra la configuraci\xF3n de tu token de hardware",
   "settings.webauthn.title": "Gestionar Tokens de Hardware",
+  "settings.messages.toast-title.success": "Configuraci\xF3n actualizada con \xE9xito",
+  "settings.messages.toast-title.error": "Error al actualizar la configuraci\xF3n",
   "consent.title": "Autorizar {party}",
   "consent.subtitle": "Una aplicaci\xF3n de terceros quiere acceder a la informaci\xF3n asociada a su cuenta {identifier}.",
   "consent.scope.openid.title": "Identidad",
@@ -1307,6 +1338,7 @@ var es_default = {
   "card.header.description.registration": "Registrarse con {identifierLabel}",
   "misc.or": "o",
   "forms.label.forgot-password": "\xBFOlvidaste tu contrase\xF1a?",
+  "forms.label.recover-account": "Recuperar cuenta",
   "settings.oidc.info": "Las cuentas conectadas de estos proveedores se pueden utilizar para iniciar sesi\xF3n en tu cuenta",
   "settings.webauthn.info": "Los tokens de hardware se utilizan para la autenticaci\xF3n de segundo factor o como primer factor con las claves de acceso",
   "settings.passkey.info": "Administra la configuraci\xF3n de tus claves de acceso",
@@ -1508,6 +1540,7 @@ var fr_default = {
   "two-step.code.title": "Code de courrier \xE9lectronique",
   "two-step.passkey.description": "Utilisez l'appareil pour la reconnaissance d'empreintes digitales ou de visage",
   "two-step.passkey.title": "Cl\xE9 de passe (recommand\xE9e)",
+  "two-step.passkey.description.error": "Impossible de charger les biblioth\xE8ques n\xE9cessaires pour utiliser votre Passkey. Veuillez r\xE9essayer plus tard.",
   "two-step.password.description": "Entrez votre mot de passe associ\xE9 \xE0 votre compte",
   "two-step.password.title": "Mot de passe",
   "two-step.webauthn.title": "Cl\xE9 de S\xE9curit\xE9",
@@ -1574,6 +1607,8 @@ var fr_default = {
   "settings.profile.description": "Mettre \xE0 jour les informations de votre profil",
   "settings.webauthn.title": "G\xE9rer les jetons mat\xE9riels",
   "settings.webauthn.description": "G\xE9rer les param\xE8tres de votre jeton mat\xE9riel",
+  "settings.messages.toast-title.success": "Param\xE8tres mis \xE0 jour avec succ\xE8s",
+  "settings.messages.toast-title.error": "\xC9chec de la mise \xE0 jour des param\xE8tres",
   "verification.subtitle": "Saisissez l'adresse e-mail associ\xE9e \xE0 votre compte pour la v\xE9rifier",
   "input.placeholder": "Saisissez votre {placeholder}",
   "card.header.parts.oidc": "un fournisseur de r\xE9seaux sociaux",
@@ -1589,6 +1624,7 @@ var fr_default = {
   "card.header.description.registration": "S'inscrire avec {identifierLabel}",
   "misc.or": "ou",
   "forms.label.forgot-password": "Mot de passe oubli\xE9?",
+  "forms.label.recover-account": "R\xE9cup\xE9rer le compte",
   "settings.lookup_secret.title": "Codes de r\xE9cup\xE9ration de sauvegarde (second facteur)",
   "settings.lookup_secret.description": "Les codes de r\xE9cup\xE9ration sont une sauvegarde s\xE9curis\xE9e pour l'authentification \xE0 deux facteurs (2FA), vous permettant de retrouver l'acc\xE8s \xE0 votre compte si vous perdez votre appareil 2FA.",
   "settings.oidc.title": "Comptes connect\xE9s",
@@ -1794,6 +1830,7 @@ var nl_default = {
   "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.description.error": "De benodigde bibliotheken om uw Passkey te gebruiken konden niet worden geladen. Probeer het later opnieuw.",
   "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",
@@ -1837,6 +1874,7 @@ var nl_default = {
   "card.header.parts.password.registration": "",
   "card.header.parts.webauthn": "",
   "forms.label.forgot-password": "",
+  "forms.label.recover-account": "",
   "login.subtitle": "",
   "login.subtitle-refresh": "",
   "misc.or": "",
@@ -1872,6 +1910,8 @@ var nl_default = {
   "settings.webauthn.description": "",
   "settings.webauthn.info": "",
   "settings.webauthn.title": "",
+  "settings.messages.toast-title.success": "Instellingen bijgewerkt",
+  "settings.messages.toast-title.error": "Fout bij het bijwerken van instellingen",
   "card.footer.select-another-method": "",
   "account-linking.title": "",
   "property.code": "",
@@ -2081,6 +2121,7 @@ var pl_default = {
   "two-step.code.description": "Kod weryfikacyjny zostanie wys\u0142any na Tw\xF3j adres email.",
   "two-step.code.title": "Kod email",
   "two-step.passkey.description": "U\u017Cyj swojego urz\u0105dzenia lub funkcji rozpoznawania twarzy na swoim urz\u0105dzeniu.",
+  "two-step.passkey.description.error": "Nie uda\u0142o si\u0119 za\u0142adowa\u0107 niezb\u0119dnych bibliotek do u\u017Cycia Passkey. Spr\xF3buj ponownie p\xF3\u017Aniej.",
   "two-step.passkey.title": "Klucz dost\u0119pu (zalecany)",
   "two-step.password.description": "Wprowad\u017A has\u0142o powi\u0105zane z twoim kontem",
   "two-step.password.title": "Has\u0142o",
@@ -2124,6 +2165,7 @@ var pl_default = {
   "card.header.parts.totp": "Twoja aplikacja uwierzytelniaj\u0105ca",
   "card.header.parts.lookup_secret": "kod odzyskiwania kopii zapasowej",
   "forms.label.forgot-password": "",
+  "forms.label.recover-account": "",
   "login.subtitle": "",
   "login.subtitle-refresh": "",
   "misc.or": "",
@@ -2159,6 +2201,8 @@ var pl_default = {
   "settings.webauthn.description": "",
   "settings.webauthn.info": "",
   "settings.webauthn.title": "",
+  "settings.messages.toast-title.success": "Ustawienia zaktualizowane pomy\u015Blnie",
+  "settings.messages.toast-title.error": "Wyst\u0105pi\u0142 b\u0142\u0105d podczas aktualizacji ustawie\u0144",
   "card.footer.select-another-method": "",
   "account-linking.title": "",
   "property.code": "",
@@ -2368,6 +2412,7 @@ var pt_default = {
   "two-step.code.description": "Um c\xF3digo de verifica\xE7\xE3o ser\xE1 enviado para o seu email",
   "two-step.code.title": "C\xF3digo de email",
   "two-step.passkey.description": "Use o seu dispositivo para reconhecimento de impress\xE3o digital ou facial.",
+  "two-step.passkey.description.error": "N\xE3o foi poss\xEDvel carregar as bibliotecas necess\xE1rias para usar o seu Passkey. Por favor, tente novamente mais tarde.",
   "two-step.passkey.title": "Chave de acesso (recomendado)",
   "two-step.password.description": "Insira a sua senha associada \xE0 sua conta",
   "two-step.password.title": "Senha",
@@ -2411,6 +2456,7 @@ var pt_default = {
   "card.header.parts.password.registration": "",
   "card.header.parts.webauthn": "",
   "forms.label.forgot-password": "",
+  "forms.label.recover-account": "",
   "login.subtitle": "",
   "login.subtitle-refresh": "",
   "misc.or": "",
@@ -2446,6 +2492,8 @@ var pt_default = {
   "settings.webauthn.description": "",
   "settings.webauthn.info": "",
   "settings.webauthn.title": "",
+  "settings.messages.toast-title.success": "Configura\xE7\xF5es atualizadas com sucesso",
+  "settings.messages.toast-title.error": "Erro ao atualizar configura\xE7\xF5es",
   "card.footer.select-another-method": "",
   "account-linking.title": "",
   "property.code": "",
@@ -2674,6 +2722,7 @@ var sv_default = {
   "two-step.code.title": "E-postkod",
   "two-step.passkey.description": "Anv\xE4nd din enhets fingeravtryck eller ansiktsigenk\xE4nning",
   "two-step.passkey.title": "Passerkod (rekommenderad)",
+  "two-step.passkey.description.error": "Det gick inte att ladda de n\xF6dv\xE4ndiga biblioteken f\xF6r att anv\xE4nda din Passkey. F\xF6rs\xF6k igen senare.",
   "two-step.password.description": "Ange ditt l\xF6senord kopplat till ditt konto",
   "two-step.password.title": "L\xF6senord",
   "two-step.webauthn.title": "S\xE4kerhetsnyckel",
@@ -2698,6 +2747,7 @@ var sv_default = {
   "card.header.parts.password.registration": "din {identifierLabel} och ett l\xF6senord",
   "card.header.parts.webauthn": "en s\xE4kerhetsnyckel",
   "forms.label.forgot-password": "Gl\xF6mt L\xF6senord?",
+  "forms.label.recover-account": "\xC5terst\xE4ll Konto",
   "login.subtitle": "Logga in med {parts}",
   "login.subtitle-refresh": "Bekr\xE4fta din identitet med {parts}",
   "misc.or": "eller",
@@ -2733,6 +2783,8 @@ var sv_default = {
   "settings.webauthn.description": "Hantera inst\xE4llningarna f\xF6r din maskinvarutoken",
   "settings.webauthn.info": "H\xE5rdvarutokens anv\xE4nds f\xF6r andrafaktorsautentisering eller som f\xF6rstafaktor med l\xF6senordsnycklar",
   "settings.webauthn.title": "Hantera maskinvarutokens",
+  "settings.messages.toast-title.success": "Inst\xE4llningarna har uppdaterats",
+  "settings.messages.toast-title.error": "Ett fel uppstod",
   "card.footer.select-another-method": "V\xE4lj en annan metod",
   "account-linking.title": "L\xE4nka ditt konto",
   "property.password": "l\xF6senord",
@@ -2763,6 +2815,297 @@ var sv_default = {
   "error.instructions": ""
 };
 
+// src/locales/no.json
+var no_default = {
+  "consent.action-accept": "Tillat",
+  "consent.action-reject": "Avsl\xE5",
+  "consent.description": "Gi kun tillatelser hvis du stoler p\xE5 dette nettstedet eller appen. Du trenger ikke \xE5 godta alle tillatelser.",
+  "consent.privacy-policy-label": "Personvernerkl\xE6ring",
+  "consent.remember-label": "Husk denne avgj\xF8relsen til neste gang. Applikasjonen vil ikke kunne be om flere tillatelser uten ditt samtykke.",
+  "consent.remember-tooltip": "husk mitt valg",
+  "consent.requested-permissions-label": "Applikasjonen ber om tilgang til f\xF8lgende tillatelser:",
+  "consent.terms-of-service-label": "Vilk\xE5r for bruk",
+  "error.back-button": "G\xE5 tilbake",
+  "error.description": "En feil oppstod med f\xF8lgende melding:",
+  "error.support-email-link": "Hvis problemet vedvarer, vennligst kontakt <a>{contactSupportEmail}</a>",
+  "error.title": "En feil oppstod",
+  "error.title-internal-server-error": "Intern serverfeil",
+  "error.title-not-found": "404 - Siden ble ikke funnet",
+  "identities.messages.1010001": "Logg inn",
+  "identities.messages.1010002": "Logg inn med {provider}",
+  "identities.messages.1010003": "Vennligst bekreft denne handlingen ved \xE5 verifisere at det er deg.",
+  "identities.messages.1010004": "Vennligst fullf\xF8r den andre autentiseringsutfordringen.",
+  "identities.messages.1010005": "Bekreft",
+  "identities.messages.1010006": "Autentiseringskode",
+  "identities.messages.1010007": "Backup gjenopprettingskode",
+  "identities.messages.1010008": "Fortsett med sikkerhetsn\xF8kkel",
+  "identities.messages.1010009": "Fortsett",
+  "identities.messages.1010010": "Fortsett",
+  "identities.messages.1010011": "Logg inn med sikkerhetsn\xF8kkel",
+  "identities.messages.1010012": "Forbered din WebAuthn-enhet (f.eks. sikkerhetsn\xF8kkel, biometrisk skanner, ...) og trykk fortsett.",
+  "identities.messages.1010013": "Fortsett",
+  "identities.messages.1010014": "En kode har blitt sendt til adressen du oppga. Hvis du ikke har mottatt en melding, sjekk stavem\xE5ten p\xE5 adressen og pr\xF8v \xE5 logge inn p\xE5 nytt.",
+  "identities.messages.1010015": "Send innloggingskode",
+  "identities.messages.1010016": 'Du pr\xF8vde \xE5 logge inn med "{duplicateIdentifier}", men den e-posten er allerede brukt av en annen konto. Logg inn p\xE5 kontoen din med et av alternativene nedenfor for \xE5 legge til kontoen din "{duplicateIdentifier}" hos "{provider}" som en annen m\xE5te \xE5 logge inn p\xE5.',
+  "identities.messages.1010017": "Logg inn og koble til",
+  "identities.messages.1010018": "Bekreft med {provider}",
+  "identities.messages.1010019": "Be om kode for \xE5 fortsette",
+  "identities.messages.1010021": "Logg inn med passkey",
+  "identities.messages.1010022": "Logg inn med passord",
+  "identities.messages.1010023": "Send kode til {address}",
+  "identities.messages.1040001": "Registrer deg",
+  "identities.messages.1040002": "Registrer deg med {provider}",
+  "identities.messages.1040003": "Fortsett",
+  "identities.messages.1040004": "Registrer deg med sikkerhetsn\xF8kkel",
+  "identities.messages.1040005": "En kode har blitt sendt til adressen(e) du oppga. Hvis du ikke har mottatt en melding, sjekk stavem\xE5ten p\xE5 adressen og pr\xF8v \xE5 registrere deg p\xE5 nytt.",
+  "identities.messages.1040006": "Send registreringskode",
+  "identities.messages.1040007": "Registrer deg med passkey",
+  "identities.messages.1040008": "Tilbake",
+  "identities.messages.1040009": "Vennligst velg en legitimasjon for \xE5 autentisere deg.",
+  "identities.messages.1050001": "Endringene dine er lagret!",
+  "identities.messages.1050002": "Koble til {provider}",
+  "identities.messages.1050003": "Koble fra {provider}",
+  "identities.messages.1050004": "Koble fra TOTP-autentiseringsapp",
+  "identities.messages.1050005": "Autentiseringsapp QR-kode",
+  "identities.messages.1050006": "{secret}",
+  "identities.messages.1050007": "Vis backup gjenopprettingskoder",
+  "identities.messages.1050008": "Aktiver",
+  "identities.messages.1050009": "{secret}",
+  "identities.messages.1050010": "Dette er dine backup gjenopprettingskoder. Vennligst oppbevar dem p\xE5 et trygt sted!",
+  "identities.messages.1050011": "Bekreft backup gjenopprettingskoder",
+  "identities.messages.1050012": "Legg til sikkerhetsn\xF8kkel",
+  "identities.messages.1050013": "Navn p\xE5 sikkerhetsn\xF8kkel",
+  "identities.messages.1050014": "Hemmeligheten ble brukt {used_at, date, long}",
+  "identities.messages.1050015": "{secrets_list}",
+  "identities.messages.1050016": "Deaktiver denne metoden",
+  "identities.messages.1050017": "Autentiseringshemmelighet",
+  "identities.messages.1050018": 'Fjern sikkerhetsn\xF8kkel "{display_name}"',
+  "identities.messages.1050019": "Legg til passkey",
+  "identities.messages.1050020": 'Fjern passkey "{display_name}"',
+  "identities.messages.1060001": "Du har gjenopprettet kontoen din. Vennligst endre passordet ditt eller sett opp en alternativ innloggingsmetode (f.eks. sosial innlogging) innen de neste {privileged_session_expires_at_unix_until_minutes} minuttene.",
+  "identities.messages.1060002": "En e-post med en gjenopprettingslenke har blitt sendt til e-postadressen du oppga. Hvis du ikke har mottatt en e-post, sjekk stavem\xE5ten p\xE5 adressen og s\xF8rg for \xE5 bruke adressen du registrerte deg med.",
+  "identities.messages.1060003": "En e-post med en gjenopprettingskode har blitt sendt til e-postadressen du oppga. Hvis du ikke har mottatt en e-post, sjekk stavem\xE5ten p\xE5 adressen og s\xF8rg for \xE5 bruke adressen du registrerte deg med.",
+  "identities.messages.1070001": "Passord",
+  "identities.messages.1070002": "{title}",
+  "identities.messages.1070003": "Lagre",
+  "identities.messages.1070004": "ID",
+  "identities.messages.1070005": "Send inn",
+  "identities.messages.1070006": "Bekreft kode",
+  "identities.messages.1070007": "E-post",
+  "identities.messages.1070008": "Send kode p\xE5 nytt",
+  "identities.messages.1070009": "Fortsett",
+  "identities.messages.1070010": "Gjenopprettingskode",
+  "identities.messages.1070011": "Verifiseringskode",
+  "identities.messages.1070012": "Registreringskode",
+  "identities.messages.1070013": "Innloggingskode",
+  "identities.messages.1070014": "Logg inn og koble legitimasjon",
+  "identities.messages.1070015": "Vennligst fullf\xF8r captcha-utfordringen for \xE5 fortsette.",
+  "identities.messages.1080001": "En e-post med en verifiseringslenke har blitt sendt til e-postadressen du oppga. Hvis du ikke har mottatt en e-post, sjekk stavem\xE5ten p\xE5 adressen og s\xF8rg for \xE5 bruke adressen du registrerte deg med.",
+  "identities.messages.1080002": "Du har bekreftet e-postadressen din.",
+  "identities.messages.1080003": "En e-post med en verifiseringskode har blitt sendt til e-postadressen du oppga. Hvis du ikke har mottatt en e-post, sjekk stavem\xE5ten p\xE5 adressen og s\xF8rg for \xE5 bruke adressen du registrerte deg med.",
+  "identities.messages.4000001": "{reason}",
+  "identities.messages.4000002": "Vennligst skriv inn {property} og pr\xF8v igjen.",
+  "identities.messages.4000003": "lengden m\xE5 v\xE6re >= {min_length}, men fikk {actual_length}",
+  "identities.messages.4000004": 'matcher ikke m\xF8nsteret "{pattern}"',
+  "identities.messages.4000005": "Passordet kan ikke brukes fordi {reason}.",
+  "identities.messages.4000006": "De oppgitte legitimasjonene er ugyldige, sjekk for skrivefeil i passord, brukernavn, e-postadresse eller telefonnummer.",
+  "identities.messages.4000007": "En konto med samme identifikator (e-post, telefon, brukernavn, ...) eksisterer allerede.",
+  "identities.messages.4000008": "Den oppgitte autentiseringskoden er ugyldig, vennligst pr\xF8v igjen.",
+  "identities.messages.4000009": "Fant ingen innloggingsidentifikatorer. Glemte du \xE5 sette dem? Dette kan ogs\xE5 skyldes en serverfeil.",
+  "identities.messages.4000010": "Kontoen er ikke aktiv enn\xE5. Glemte du \xE5 bekrefte e-postadressen din?",
+  "identities.messages.4000011": "Du har ingen TOTP-enhet satt opp.",
+  "identities.messages.4000012": "Denne backup gjenopprettingskoden er allerede brukt.",
+  "identities.messages.4000013": "Du har ingen WebAuthn-enhet satt opp.",
+  "identities.messages.4000014": "Du har ingen backup gjenopprettingskoder satt opp.",
+  "identities.messages.4000015": "Denne kontoen eksisterer ikke eller har ingen sikkerhetsn\xF8kkel satt opp.",
+  "identities.messages.4000016": "Backup gjenopprettingskoden er ikke gyldig.",
+  "identities.messages.4000017": "lengden m\xE5 v\xE6re <= {max_length}, men fikk {actual_length}",
+  "identities.messages.4000018": "m\xE5 v\xE6re >= {minimum} men fant {actual}",
+  "identities.messages.4000019": "m\xE5 v\xE6re > {minimum} men fant {actual}",
+  "identities.messages.4000020": "m\xE5 v\xE6re <= {maximum} men fant {actual}",
+  "identities.messages.4000021": "m\xE5 v\xE6re < {maximum} men fant {actual}",
+  "identities.messages.4000022": "{actual} er ikke et multiplum av {base}",
+  "identities.messages.4000023": "maksimalt {max_items} elementer tillatt, men fant {actual_items} elementer",
+  "identities.messages.4000024": "minst {min_items} elementer kreves, men fant {actual_items} elementer",
+  "identities.messages.4000025": "elementene p\xE5 indeks {index_a} og {index_b} er like",
+  "identities.messages.4000026": "forventet {allowed_types_list}, men fikk {actual_type}",
+  "identities.messages.4000027": "En konto med samme identifikator (e-post, telefon, brukernavn, ...) eksisterer allerede. Vennligst logg inn p\xE5 din eksisterende konto for \xE5 koble din sosiale profil.",
+  "identities.messages.4000028": "Du pr\xF8vde \xE5 logge inn med {credential_identifier_hint} som allerede er i bruk av en annen konto. Du kan logge inn med {available_credential_types_list}. Du kan logge inn med en av f\xF8lgende sosiale innloggingsleverand\xF8rer: {Available_oidc_providers_list}.",
+  "identities.messages.4000029": "m\xE5 v\xE6re lik konstanten {expected}",
+  "identities.messages.4000030": "const feilet",
+  "identities.messages.4000031": "Passordet kan ikke brukes fordi det er for likt identifikatoren.",
+  "identities.messages.4000032": "Passordet m\xE5 v\xE6re minst {min_length} tegn langt, men fikk {actual_length}.",
+  "identities.messages.4000033": "Passordet m\xE5 v\xE6re maksimalt {max_length} tegn langt, men fikk {actual_length}.",
+  "identities.messages.4000034": "Passordet har blitt funnet i datalekkasjer og m\xE5 ikke lenger brukes.",
+  "identities.messages.4000035": "Denne kontoen eksisterer ikke eller har ikke satt opp innlogging med kode.",
+  "identities.messages.4000036": "De oppgitte egenskapene samsvarer ikke med egenskapene som tidligere var tilknyttet denne flyten.",
+  "identities.messages.4000037": "Denne kontoen eksisterer ikke eller har ingen innloggingsmetode konfigurert.",
+  "identities.messages.4000038": "Captcha-verifisering mislyktes, vennligst pr\xF8v igjen.",
+  "identities.messages.4010001": "Innloggingsflyten utl\xF8p for {expired_at_unix_since_minutes} minutter siden, vennligst pr\xF8v igjen.",
+  "identities.messages.4010002": "Fant ingen strategi for \xE5 logge deg inn. Fylte du ut skjemaet riktig?",
+  "identities.messages.4010003": "Fant ingen strategi for \xE5 registrere deg. Fylte du ut skjemaet riktig?",
+  "identities.messages.4010004": "Fant ingen strategi for \xE5 oppdatere innstillingene dine. Fylte du ut skjemaet riktig?",
+  "identities.messages.4010005": "Fant ingen strategi for \xE5 gjenopprette kontoen din. Fylte du ut skjemaet riktig?",
+  "identities.messages.4010006": "Fant ingen strategi for \xE5 verifisere kontoen din. Fylte du ut skjemaet riktig?",
+  "identities.messages.4010007": "Foresp\xF8rselen ble allerede fullf\xF8rt og kan ikke gjentas.",
+  "identities.messages.4010008": "Innloggingskoden er ugyldig eller har allerede blitt brukt. Vennligst pr\xF8v igjen.",
+  "identities.messages.4010009": "Koblede legitimasjoner samsvarer ikke.",
+  "identities.messages.4010010": "Adressen du oppga samsvarer ikke med noen kjente adresser i den n\xE5v\xE6rende kontoen.",
+  "identities.messages.4040001": "Registreringsflyten utl\xF8p for {expired_at_unix_since_minutes} minutter siden, vennligst pr\xF8v igjen.",
+  "identities.messages.4040002": "Foresp\xF8rselen ble allerede fullf\xF8rt og kan ikke gjentas.",
+  "identities.messages.4040003": "Registreringskoden er ugyldig eller har allerede blitt brukt. Vennligst pr\xF8v igjen.",
+  "identities.messages.4050001": "Innstillingsflyten utl\xF8p for {expired_at_unix_since_minutes} minutter siden, vennligst pr\xF8v igjen.",
+  "identities.messages.4060001": "Foresp\xF8rselen ble allerede fullf\xF8rt og kan ikke gjentas.",
+  "identities.messages.4060002": "Gjenopprettingsflyten n\xE5dde en feiltilstand og m\xE5 gjentas.",
+  "identities.messages.4060004": "Gjenopprettingstokenet er ugyldig eller har allerede blitt brukt. Vennligst pr\xF8v flyten p\xE5 nytt.",
+  "identities.messages.4060005": "Gjenopprettingsflyten utl\xF8p for {expired_at_unix_since_minutes} minutter siden, vennligst pr\xF8v igjen.",
+  "identities.messages.4060006": "Gjenopprettingskoden er ugyldig eller har allerede blitt brukt. Vennligst pr\xF8v igjen.",
+  "identities.messages.4070001": "Verifiseringstokenet er ugyldig eller har allerede blitt brukt. Vennligst pr\xF8v flyten p\xE5 nytt.",
+  "identities.messages.4070002": "Foresp\xF8rselen ble allerede fullf\xF8rt og kan ikke gjentas.",
+  "identities.messages.4070003": "Verifiseringsflyten n\xE5dde en feiltilstand og m\xE5 gjentas.",
+  "identities.messages.4070005": "Verifiseringsflyten utl\xF8p for {expired_at_unix_since_minutes} minutter siden, vennligst pr\xF8v igjen.",
+  "identities.messages.4070006": "Verifiseringskoden er ugyldig eller har allerede blitt brukt. Vennligst pr\xF8v igjen.",
+  "identities.messages.5000001": "{reason}",
+  "login.cancel-button": "Avbryt",
+  "login.cancel-label": "Ikke riktig konto?",
+  "login.forgot-password": "Glemt passord?",
+  "login.logged-in-as-label": "Du bruker:",
+  "login.logout-button": "Logg ut",
+  "login.logout-label": "Noe fungerer ikke?",
+  "login.registration-button": "Registrer deg",
+  "login.registration-label": "Har du ikke en konto?",
+  "login.subtitle-oauth2": "For \xE5 autentisere {clientName}",
+  "login.title": "Logg inn",
+  "login.subtitle": "Logg inn med {parts}",
+  "login.title-aal2": "Tofaktorautentisering",
+  "login.subtitle-aal2": "Velg en m\xE5te \xE5 fullf\xF8re tofaktorautentisering",
+  "login.code.subtitle": "En verifiseringskode vil bli sendt p\xE5 e-post",
+  "login.webauthn.subtitle": "Vennligst forbered din WebAuthN-enhet",
+  "login.totp.subtitle": "Vennligst skriv inn koden generert av din autentiseringsapp",
+  "login.lookup_secret.subtitle": "Vennligst skriv inn en av dine 8-sifrede backup gjenopprettingskoder",
+  "login.title-refresh": "Reautentiser",
+  "login.subtitle-refresh": "Bekreft din identitet med {parts}",
+  "login.2fa.go-back": "Noe fungerer ikke?",
+  "login.2fa.go-back.link": "G\xE5 tilbake",
+  "login.2fa.method.go-back": "Velg en annen metode",
+  "logout.accept-button": "Ja",
+  "logout.reject-button": "Nei",
+  "logout.title": "\xD8nsker du \xE5 logge ut?",
+  "recovery.login-button": "Logg inn",
+  "recovery.login-label": "Husker du legitimasjonen din?",
+  "recovery.title": "Gjenopprett kontoen din",
+  "recovery.subtitle": "Skriv inn e-postadressen tilknyttet kontoen din for \xE5 motta en engangskode",
+  "registration.login-button": "Logg inn",
+  "registration.login-label": "Har du allerede en konto?",
+  "registration.subtitle-oauth2": "For \xE5 autentisere {clientName}",
+  "registration.title": "Registrer en konto",
+  "registration.subtitle": "Registrer deg med {parts}",
+  "settings.navigation-back-button": "Tilbake",
+  "settings.navigation-backup-codes": "2FA backupkoder",
+  "settings.navigation-logout": "Logg ut",
+  "settings.navigation-oidc": "Sosial innlogging",
+  "settings.navigation-password": "Passord",
+  "settings.navigation-profile": "Profil",
+  "settings.navigation-totp": "Autentiseringsapp",
+  "settings.navigation-webauthn": "Maskinvaretokener",
+  "settings.navigation-passkey": "Passkeys",
+  "settings.subtitle-instructions": "Her kan du administrere innstillinger relatert til kontoen din. V\xE6r oppmerksom p\xE5 at enkelte handlinger krever at du autentiserer deg p\xE5 nytt.",
+  "settings.subtitle": "Oppdater kontoinnstillingene dine",
+  "settings.title-lookup-secret": "Administrer 2FA backup gjenopprettingskoder",
+  "settings.title-navigation": "Kontoinnstillinger",
+  "settings.title-oidc": "Sosial innlogging",
+  "settings.title-password": "Endre passord",
+  "settings.title-profile": "Profilinnstillinger",
+  "settings.title-totp": "Administrer 2FA TOTP-autentiseringsapp",
+  "settings.title-webauthn": "Administrer maskinvaretokener",
+  "settings.title-passkey": "Administrer passkeys",
+  "settings.title": "Kontoinnstillinger",
+  "settings.navigation.title": "Kontoinnstillinger",
+  "settings.password.title": "Endre passord",
+  "settings.password.description": "Endre passordet ditt",
+  "settings.profile.title": "Profilinnstillinger",
+  "settings.profile.description": "Oppdater profilinformasjonen din",
+  "settings.webauthn.title": "Administrer maskinvaretokener",
+  "settings.webauthn.description": "Administrer innstillingene for maskinvaretokener",
+  "verification.registration-button": "Registrer deg",
+  "verification.registration-label": "Har du ikke en konto?",
+  "verification.title": "Bekreft kontoen din",
+  "verification.subtitle": "Skriv inn e-postadressen tilknyttet kontoen din for \xE5 bekrefte den",
+  "verification.back-button": "Tilbake",
+  "two-step.password.title": "Passord",
+  "two-step.password.description": "Skriv inn passordet tilknyttet kontoen din",
+  "two-step.code.title": "E-postkode",
+  "two-step.code.description": "En verifiseringskode vil bli sendt til din e-post",
+  "two-step.webauthn.title": "Sikkerhetsn\xF8kkel",
+  "two-step.webauthn.description": "Bruk sikkerhetsn\xF8kkelen din for \xE5 autentisere",
+  "two-step.passkey.title": "Passkey (anbefalt)",
+  "two-step.passkey.description": "Bruk enheten din for fingeravtrykk eller ansiktsgjenkjenning",
+  "two-step.totp.title": "Bruk autentiseringsapp (TOTP)",
+  "two-step.totp.description": "Bruk en 6-sifret engangskode fra autentiseringsappen din",
+  "two-step.lookup_secret.title": "Backup gjenopprettingskode",
+  "two-step.lookup_secret.description": "Bruk en av dine 8-sifrede backupkoder for \xE5 autentisere",
+  "identities.messages.1010020": "",
+  "input.placeholder": "Skriv inn din {placeholder}",
+  "card.header.parts.oidc": "en sosial leverand\xF8r",
+  "card.header.parts.password.registration": "din {identifierLabel} og et passord",
+  "card.header.parts.password.login": "din {identifierLabel} og passord",
+  "card.header.parts.code": "en kode sendt til deg",
+  "card.header.parts.passkey": "en passkey",
+  "card.header.parts.webauthn": "en sikkerhetsn\xF8kkel",
+  "card.header.parts.totp": "din autentiseringsapp",
+  "card.header.parts.lookup_secret": "en backup gjenopprettingskode",
+  "card.header.parts.identifier-first": "din {identifierLabel}",
+  "card.header.description.login": "Logg inn med {identifierLabel}",
+  "card.header.description.registration": "Registrer deg med {identifierLabel}",
+  "misc.or": "eller",
+  "forms.label.recover-account": "Gjenopprett kontoen",
+  "forms.label.forgot-password": "Glemt passord?",
+  "settings.totp.title": "Autentiseringsapp",
+  "settings.totp.description": "Legg til en TOTP-autentiseringsapp til kontoen din for \xE5 forbedre sikkerheten. Popul\xE6re autentiseringsapper er LastPass og Google Authenticator",
+  "settings.totp.info.not-linked": "For \xE5 aktivere, skann QR-koden med autentiseringsappen og skriv inn koden.",
+  "settings.totp.info.linked": "Du har for \xF8yeblikket en autentiseringsapp tilkoblet.",
+  "settings.lookup_secret.title": "Backup gjenopprettingskoder (andre faktor)",
+  "settings.lookup_secret.description": "Gjenopprettingskoder er en sikker backup for 2FA, slik at du kan f\xE5 tilgang til kontoen din hvis du mister 2FA-enheten.",
+  "settings.oidc.title": "Tilkoblede kontoer",
+  "settings.oidc.description": "Koble en sosial innloggingsleverand\xF8r til kontoen din.",
+  "settings.oidc.info": "Tilkoblede kontoer fra disse leverand\xF8rene kan brukes til \xE5 logge inn p\xE5 kontoen din",
+  "settings.webauthn.info": "Maskinvaretokener brukes for tofaktorautentisering eller som f\xF8rste faktor med passkeys",
+  "settings.passkey.title": "Administrer passkeys",
+  "settings.passkey.description": "Administrer innstillingene for passkeys",
+  "settings.passkey.info": "Administrer innstillingene for passkeys",
+  "card.footer.select-another-method": "Velg en annen metode",
+  "account-linking.title": "Koble konto",
+  "property.password": "passord",
+  "property.email": "e-post",
+  "property.phone": "telefon",
+  "property.username": "brukernavn",
+  "property.identifier": "identifikator",
+  "property.code": "kode",
+  "consent.title": "Autoriser {party}",
+  "consent.subtitle": "En tredjepartsapplikasjon \xF8nsker \xE5 f\xE5 tilgang til informasjon tilknyttet kontoen din {identifier}.",
+  "consent.scope.openid.title": "Identitet",
+  "consent.scope.openid.description": "Lar applikasjonen verifisere identiteten din. Dette er n\xF8dvendig for autentisering og en trygg innloggingsopplevelse.",
+  "consent.scope.offline_access.title": "Frakoblet tilgang",
+  "consent.scope.offline_access.description": "Lar denne applikasjonen holde deg innlogget selv n\xE5r du ikke bruker den aktivt.",
+  "consent.scope.profile.title": "Profilinformasjon",
+  "consent.scope.profile.description": "Gir tilgang til grunnleggende profildetaljer, inkludert brukernavn, fornavn og etternavn.",
+  "consent.scope.email.title": "E-postadresse",
+  "consent.scope.email.description": "Hent e-postadressen din og dens verifiseringsstatus.",
+  "consent.scope.address.title": "Postadresse",
+  "consent.scope.address.description": "F\xE5 tilgang til postadressen din.",
+  "consent.scope.phone.title": "Telefonnummer",
+  "consent.scope.phone.description": "Hent telefonnummeret ditt og dets verifiseringsstatus.",
+  "error.title.what-happened": "Hva skjedde?",
+  "error.title.what-can-i-do": "Hva kan jeg gj\xF8re?",
+  "error.instructions": "Vennligst pr\xF8v igjen om noen minutter eller kontakt nettstedets operat\xF8r.",
+  "error.footer.text": "N\xE5r du rapporterer denne feilen, vennligst inkluder f\xF8lgende informasjon:",
+  "error.footer.copy": "Kopier",
+  "error.action.go-back": "G\xE5 tilbake",
+  "settings.messages.toast-title.error": "Kunne ikke oppdatere innstillinger",
+  "settings.messages.toast-title.success": "Innstillinger oppdatert",
+  "two-step.passkey.description.error": "Kunne ikke laste de n\xF8dvendige bibliotekene for \xE5 bruke passordet ditt. \nVennligst pr\xF8v igjen senere."
+};
+
 // src/locales/index.ts
 var OryLocales = {
   en: en_default,
@@ -2772,7 +3115,8 @@ var OryLocales = {
   nl: nl_default,
   pl: pl_default,
   pt: pt_default,
-  sv: sv_default
+  sv: sv_default,
+  no: no_default
 };
 
 // src/context/intl-context.tsx
@@ -2788,7 +3132,11 @@ var IntlProvider = ({
   locale,
   customTranslations
 }) => {
+  const existingIntlContext = (0, import_react8.useContext)(import_react_intl8.IntlContext);
   const messages = mergeTranslations(customTranslations != null ? customTranslations : {});
+  if (existingIntlContext) {
+    return children;
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     import_react_intl8.IntlProvider,
     {
@@ -2819,12 +3167,15 @@ var import_jsx_runtime27 = require("react/jsx-runtime");
 // src/components/card/content.tsx
 var import_jsx_runtime28 = require("react/jsx-runtime");
 
+// src/components/card/card-two-step.tsx
+var import_client_fetch26 = require("@ory/client-fetch");
+
 // src/components/card/two-step/state-method-active.tsx
-var import_client_fetch25 = require("@ory/client-fetch");
+var import_client_fetch24 = require("@ory/client-fetch");
 var import_jsx_runtime29 = require("react/jsx-runtime");
 
 // src/components/card/two-step/state-provide-identifier.tsx
-var import_client_fetch26 = require("@ory/client-fetch");
+var import_client_fetch25 = require("@ory/client-fetch");
 var import_jsx_runtime30 = require("react/jsx-runtime");
 
 // src/components/card/card-two-step.tsx
@@ -2871,11 +3222,11 @@ function findScreenSelectionButton(nodes) {
 }
 
 // src/theme/default/utils/logout.ts
-var import_react7 = require("react");
+var import_react9 = require("react");
 function useClientLogout(config) {
-  const [logoutFlow, setLogoutFlow] = (0, import_react7.useState)();
-  const [isLoading, setIsLoading] = (0, import_react7.useState)(true);
-  const fetchLogoutFlow = (0, import_react7.useCallback)(async () => {
+  const [logoutFlow, setLogoutFlow] = (0, import_react9.useState)();
+  const [isLoading, setIsLoading] = (0, import_react9.useState)(true);
+  const fetchLogoutFlow = (0, import_react9.useCallback)(async () => {
     try {
       const flow = await frontendClient(config.sdk.url).createBrowserLogoutFlow().catch((err) => {
         var _a;
@@ -2889,7 +3240,7 @@ function useClientLogout(config) {
       setIsLoading(false);
     }
   }, [config.sdk.url]);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     void fetchLogoutFlow();
   }, [fetchLogoutFlow]);
   return { logoutFlow, didLoad: !isLoading };
@@ -2933,7 +3284,7 @@ function DefaultCardFooter() {
   const oryFlow = (0, import_elements_react3.useOryFlow)();
   switch (oryFlow.flowType) {
     case import_client_fetch29.FlowType.Login:
-      return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(LoginCardFooter, {});
+      return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(LoginCardFooter, { flow: oryFlow.flow });
     case import_client_fetch29.FlowType.Registration:
       return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(RegistrationCardFooter, {});
     case import_client_fetch29.FlowType.Recovery:
@@ -2963,13 +3314,10 @@ function shouldShowLogoutButton(flow, formState, authMethods) {
   }
   return false;
 }
-function LoginCardFooter() {
-  const { formState, flow, flowType, dispatchFormState } = (0, import_elements_react3.useOryFlow)();
+function LoginCardFooter({ flow }) {
+  const { dispatchFormState, formState } = (0, import_elements_react3.useOryFlow)();
   const config = (0, import_elements_react3.useOryConfiguration)();
   const intl = (0, import_react_intl10.useIntl)();
-  if (flowType !== import_client_fetch29.FlowType.Login) {
-    return null;
-  }
   const authMethods = nodesToAuthMethodGroups(flow.ui.nodes);
   let returnTo = config.project.default_redirect_url;
   if (flow.return_to) {
@@ -2978,7 +3326,7 @@ function LoginCardFooter() {
   if (!returnTo) {
     returnTo = restartFlowUrl(
       flow,
-      `${config.sdk.url}/self-service/${flowType}/browser`
+      `${config.sdk.url}/self-service/${import_client_fetch29.FlowType.Login}/browser`
     );
   }
   if (shouldShowLogoutButton(flow, formState, authMethods)) {
@@ -3059,7 +3407,7 @@ function LogoutButton({ returnTo }) {
 }
 function RegistrationCardFooter() {
   const intl = (0, import_react_intl10.useIntl)();
-  const { flow, formState } = (0, import_elements_react3.useOryFlow)();
+  const { flow, formState, dispatchFormState } = (0, import_elements_react3.useOryFlow)();
   const config = (0, import_elements_react3.useOryConfiguration)();
   const visibleGroups = useNodeGroupsWithVisibleNodes(flow.ui.nodes);
   const authMethodBlocks = toAuthMethodPickerOptions(visibleGroups);
@@ -3069,12 +3417,17 @@ function RegistrationCardFooter() {
       if (!screenSelectionNode || Object.entries(authMethodBlocks).length < 2) {
         return null;
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "font-normal leading-normal antialiased", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
-        "a",
+      return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "font-normal leading-normal antialiased text-interface-foreground-default-primary", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+        "button",
         {
-          className: "font-medium text-button-link-brand-brand hover:text-button-link-brand-brand-hover",
-          href: "",
+          className: "text-button-link-brand-brand transition-colors hover:text-button-link-brand-brand-hover underline",
+          onClick: () => {
+            dispatchFormState({
+              type: "action_clear_active_method"
+            });
+          },
           "data-testid": "ory/screen/registration/action/selectMethod",
+          type: "button",
           children: intl.formatMessage({
             id: "card.footer.select-another-method",
             defaultMessage: "Select another method"
@@ -3146,13 +3499,11 @@ function ConsentCardFooter({ flow }) {
         attributes.value
       );
     }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("p", { className: "text-sm", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { className: "text-interface-foreground-default-tertiary", children: [
-        "Authorizing will redirect to",
-        " "
-      ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-sm", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { className: "text-interface-foreground-default-tertiary", children: [
+      "Authorizing will redirect to",
+      " ",
       (_b = flow.consent_request.client) == null ? void 0 : _b.client_name
-    ] })
+    ] }) })
   ] });
 }
 
@@ -3173,7 +3524,7 @@ function joinWithCommaOr(list, orText = "or") {
   }
 }
 function useCardHeaderText(container, opts) {
-  var _a, _b, _c, _d, _e, _f;
+  var _a, _b, _c, _d, _e, _f, _g;
   const nodes = container.nodes;
   const intl = (0, import_react_intl11.useIntl)();
   switch (opts.flowType) {
@@ -3311,6 +3662,23 @@ function useCardHeaderText(container, opts) {
       );
     }
   }
+  if (nodes.some((node) => node.group === "profile")) {
+    const identifier = nodes.find(
+      (node) => (0, import_client_fetch30.isUiNodeInputAttributes)(node.attributes) && node.attributes.name.startsWith("traits.") && node.attributes.type !== "hidden"
+    );
+    if (identifier) {
+      parts.push(
+        intl.formatMessage(
+          {
+            id: "card.header.parts.identifier-first"
+          },
+          {
+            identifierLabel: (_c = identifier.meta.label) == null ? void 0 : _c.text
+          }
+        )
+      );
+    }
+  }
   switch (opts.flowType) {
     case import_client_fetch30.FlowType.Login:
       if (opts.flow.refresh) {
@@ -3333,7 +3701,7 @@ function useCardHeaderText(container, opts) {
             id: "login.title-aal2"
           }),
           description: intl.formatMessage({
-            id: ((_c = opts.formState) == null ? void 0 : _c.current) === "method_active" ? `login.${opts.formState.method}.subtitle` : "login.subtitle-aal2"
+            id: ((_d = opts.formState) == null ? void 0 : _d.current) === "method_active" ? `login.${opts.formState.method}.subtitle` : "login.subtitle-aal2"
           })
         };
       }
@@ -3377,7 +3745,7 @@ function useCardHeaderText(container, opts) {
             id: "consent.title"
           },
           {
-            party: (_d = opts.flow.consent_request.client) == null ? void 0 : _d.client_name
+            party: (_e = opts.flow.consent_request.client) == null ? void 0 : _e.client_name
           }
         ),
         description: intl.formatMessage(
@@ -3385,7 +3753,7 @@ function useCardHeaderText(container, opts) {
             id: "consent.subtitle"
           },
           {
-            identifier: (_f = (_e = opts.flow.session.identity) == null ? void 0 : _e.traits.email) != null ? _f : ""
+            identifier: (_g = (_f = opts.flow.session.identity) == null ? void 0 : _f.traits.email) != null ? _g : ""
           }
         )
       };
@@ -3399,7 +3767,7 @@ function useCardHeaderText(container, opts) {
 // src/theme/default/components/card/current-identifier-button.tsx
 var import_client_fetch31 = require("@ory/client-fetch");
 var import_elements_react4 = require("@ory/elements-react");
-var import_react8 = require("react");
+var import_react10 = require("react");
 var import_react_hook_form13 = require("react-hook-form");
 
 // src/theme/default/utils/attributes.ts
@@ -3442,11 +3810,11 @@ function DefaultCurrentIdentifierButton() {
   var _a;
   const { flow, flowType, formState } = (0, import_elements_react4.useOryFlow)();
   const { setValue, getValues, watch } = (0, import_react_hook_form13.useFormContext)();
-  const [turnstileResponse, setTurnstileResponse] = (0, import_react8.useState)();
+  const [turnstileResponse, setTurnstileResponse] = (0, import_react10.useState)();
   const config = (0, import_elements_react4.useOryConfiguration)();
   const ui = flow.ui;
   const captchaVerificationValue = (_a = watch("transient_payload")) == null ? void 0 : _a.captcha_turnstile_response;
-  (0, import_react8.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     if (captchaVerificationValue) {
       setTurnstileResponse(captchaVerificationValue);
     }
@@ -3454,7 +3822,7 @@ function DefaultCurrentIdentifierButton() {
   if (formState.current === "provide_identifier") {
     return null;
   }
-  if (flowType === import_client_fetch31.FlowType.Login && flow.requested_aal === "aal2") {
+  if (flowType === import_client_fetch31.FlowType.Login && (flow.requested_aal === "aal2" || flow.refresh)) {
     return null;
   }
   const nodeBackButton = getBackButtonNodeAttributes(flowType, ui.nodes);
@@ -3470,7 +3838,7 @@ function DefaultCurrentIdentifierButton() {
     return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("form", { action: flow.ui.action, method: flow.ui.method, children: [
       flow.ui.nodes.filter((n) => {
         if ((0, import_client_fetch31.isUiNodeInputAttributes)(n.attributes)) {
-          return n.attributes.type === "hidden";
+          return n.attributes.type === "hidden" && ["default", "captcha"].includes(n.group);
         }
         return false;
       }).map((n) => {
@@ -3622,8 +3990,7 @@ function DefaultCardLogo() {
       "img",
       {
         src: config.project.logo_light_url,
-        width: 100,
-        height: 36,
+        className: "h-full max-h-9 self-start",
         alt: "Logo"
       }
     );
@@ -3631,18 +3998,12 @@ function DefaultCardLogo() {
   return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("h1", { className: "text-xl font-semibold leading-normal text-interface-foreground-default-primary", children: config.project.name });
 }
 
-// src/theme/default/components/card/layout.tsx
-var import_jsx_runtime40 = require("react/jsx-runtime");
-function DefaultCardLayout({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("main", { className: "p-4 pb-8 flex items-center justify-center flex-col gap-8 min-h-screen", children });
-}
-
 // src/theme/default/components/card/index.tsx
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 function DefaultCard({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "flex flex-1 sm:items-center justify-center font-sans items-start w-full sm:w-[480px] sm:max-w-[480px]", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "relative grid grid-cols-1 gap-8 sm:rounded-cards sm:border border-form-border-default bg-form-background-default px-8 py-12 sm:px-12 sm:py-14 border-b w-full", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "flex flex-1 sm:items-center justify-center font-sans items-start w-full sm:w-[480px] sm:max-w-[480px]", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "relative grid grid-cols-1 gap-8 sm:rounded-cards sm:border border-form-border-default bg-form-background-default px-8 py-12 sm:px-12 sm:py-14 border-b w-full", children: [
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Badge, {})
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Badge, {})
   ] }) });
 }
 
@@ -3658,54 +4019,54 @@ var import_react_intl13 = require("react-intl");
 var import_elements_react8 = require("@ory/elements-react");
 var import_client_fetch33 = require("@ory/client-fetch");
 
-// src/theme/default/components/form/social.tsx
+// src/theme/default/components/form/sso.tsx
 var import_elements_react7 = require("@ory/elements-react");
-var import_react9 = require("react");
+var import_react11 = require("react");
 var import_react_hook_form14 = require("react-hook-form");
 var import_react_intl12 = require("react-intl");
 var import_usehooks_ts = require("usehooks-ts");
 
 // src/theme/default/provider-logos/apple.svg
 var React4 = __toESM(require("react"));
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 var SvgApple = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 32 32", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("path", { fill: "#283544", d: "M27.734 11.55c-.134.078-3.317 1.724-3.317 5.374.15 4.162 4.017 5.621 4.083 5.621-.066.078-.584 1.988-2.116 3.991C25.167 28.261 23.817 30 21.767 30c-1.95 0-2.65-1.15-4.9-1.15-2.416 0-3.1 1.15-4.95 1.15-2.05 0-3.5-1.832-4.782-3.541-1.667-2.236-3.083-5.746-3.133-9.116-.034-1.786.334-3.54 1.266-5.032 1.317-2.081 3.667-3.494 6.233-3.54 1.966-.063 3.716 1.257 4.916 1.257 1.15 0 3.3-1.258 5.733-1.258 1.05.001 3.85.296 5.584 2.78M16.25 8.414c-.35-1.631.616-3.262 1.516-4.302C18.917 2.854 20.734 2 22.3 2c.1 1.63-.534 3.23-1.666 4.395-1.017 1.258-2.767 2.205-4.383 2.019" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 32 32", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("path", { fill: "#283544", d: "M27.734 11.55c-.134.078-3.317 1.724-3.317 5.374.15 4.162 4.017 5.621 4.083 5.621-.066.078-.584 1.988-2.116 3.991C25.167 28.261 23.817 30 21.767 30c-1.95 0-2.65-1.15-4.9-1.15-2.416 0-3.1 1.15-4.95 1.15-2.05 0-3.5-1.832-4.782-3.541-1.667-2.236-3.083-5.746-3.133-9.116-.034-1.786.334-3.54 1.266-5.032 1.317-2.081 3.667-3.494 6.233-3.54 1.966-.063 3.716 1.257 4.916 1.257 1.15 0 3.3-1.258 5.733-1.258 1.05.001 3.85.296 5.584 2.78M16.25 8.414c-.35-1.631.616-3.262 1.516-4.302C18.917 2.854 20.734 2 22.3 2c.1 1.63-.534 3.23-1.666 4.395-1.017 1.258-2.767 2.205-4.383 2.019" }) });
 };
 var apple_default = SvgApple;
 
 // src/theme/default/provider-logos/auth0.svg
 var React5 = __toESM(require("react"));
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 var SvgAuth0 = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 64 64", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { fill: "#eb5424", d: "M49.012 51.774 42.514 32l17.008-12.22h-21.02L32.005 0h21.032l6.506 19.78c3.767 11.468-.118 24.52-10.53 31.993zm-34.023 0L31.998 64l17.015-12.226-17.008-12.22zm-10.516-32c-3.976 12.1.64 24.917 10.5 32.007v-.007L21.482 32 4.474 19.774l21.025.007L31.998 0H10.972z" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 64 64", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("path", { fill: "#eb5424", d: "M49.012 51.774 42.514 32l17.008-12.22h-21.02L32.005 0h21.032l6.506 19.78c3.767 11.468-.118 24.52-10.53 31.993zm-34.023 0L31.998 64l17.015-12.226-17.008-12.22zm-10.516-32c-3.976 12.1.64 24.917 10.5 32.007v-.007L21.482 32 4.474 19.774l21.025.007L31.998 0H10.972z" }) });
 };
 var auth0_default = SvgAuth0;
 
 // src/theme/default/provider-logos/discord.svg
 var React6 = __toESM(require("react"));
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 var SvgDiscord = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 32 32", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("path", { d: "M2 11.6c0-3.36 0-5.04.654-6.324a6 6 0 0 1 2.622-2.622C6.56 2 8.24 2 11.6 2h8.8c3.36 0 5.04 0 6.324.654a6 6 0 0 1 2.622 2.622C30 6.56 30 8.24 30 11.6v8.8c0 3.36 0 5.04-.654 6.324a6 6 0 0 1-2.622 2.622C25.44 30 23.76 30 20.4 30h-8.8c-3.36 0-5.04 0-6.324-.654a6 6 0 0 1-2.622-2.622C2 25.44 2 23.76 2 20.4z" }),
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("path", { fill: "#5865F2", d: "M23.636 9.34A18.8 18.8 0 0 0 19.097 8c-.195.332-.424.779-.581 1.134a17.7 17.7 0 0 0-5.03 0A12 12 0 0 0 12.897 8a18.7 18.7 0 0 0-4.542 1.343c-2.872 4.078-3.65 8.055-3.262 11.975a18.6 18.6 0 0 0 5.567 2.68c.448-.58.848-1.195 1.192-1.844a12 12 0 0 1-1.877-.859 9 9 0 0 0 .46-.342c3.62 1.59 7.553 1.59 11.13 0q.225.178.46.342c-.595.337-1.225.626-1.88.86q.516.974 1.191 1.845a18.6 18.6 0 0 0 5.57-2.682c.457-4.544-.78-8.484-3.27-11.978m-11.29 9.567c-1.087 0-1.978-.953-1.978-2.113s.872-2.116 1.977-2.116c1.106 0 1.997.953 1.978 2.116.002 1.16-.872 2.113-1.978 2.113m7.308 0c-1.086 0-1.977-.953-1.977-2.113s.872-2.116 1.977-2.116c1.106 0 1.997.953 1.978 2.116 0 1.16-.872 2.113-1.978 2.113" })
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 32 32", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { d: "M2 11.6c0-3.36 0-5.04.654-6.324a6 6 0 0 1 2.622-2.622C6.56 2 8.24 2 11.6 2h8.8c3.36 0 5.04 0 6.324.654a6 6 0 0 1 2.622 2.622C30 6.56 30 8.24 30 11.6v8.8c0 3.36 0 5.04-.654 6.324a6 6 0 0 1-2.622 2.622C25.44 30 23.76 30 20.4 30h-8.8c-3.36 0-5.04 0-6.324-.654a6 6 0 0 1-2.622-2.622C2 25.44 2 23.76 2 20.4z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { fill: "#5865F2", d: "M23.636 9.34A18.8 18.8 0 0 0 19.097 8c-.195.332-.424.779-.581 1.134a17.7 17.7 0 0 0-5.03 0A12 12 0 0 0 12.897 8a18.7 18.7 0 0 0-4.542 1.343c-2.872 4.078-3.65 8.055-3.262 11.975a18.6 18.6 0 0 0 5.567 2.68c.448-.58.848-1.195 1.192-1.844a12 12 0 0 1-1.877-.859 9 9 0 0 0 .46-.342c3.62 1.59 7.553 1.59 11.13 0q.225.178.46.342c-.595.337-1.225.626-1.88.86q.516.974 1.191 1.845a18.6 18.6 0 0 0 5.57-2.682c.457-4.544-.78-8.484-3.27-11.978m-11.29 9.567c-1.087 0-1.978-.953-1.978-2.113s.872-2.116 1.977-2.116c1.106 0 1.997.953 1.978 2.116.002 1.16-.872 2.113-1.978 2.113m7.308 0c-1.086 0-1.977-.953-1.977-2.113s.872-2.116 1.977-2.116c1.106 0 1.997.953 1.978 2.116 0 1.16-.872 2.113-1.978 2.113" })
   ] });
 };
 var discord_default = SvgDiscord;
 
 // src/theme/default/provider-logos/facebook.svg
 var React7 = __toESM(require("react"));
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 var SvgFacebook = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 32 32", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("circle", { cx: 16, cy: 16, r: 14, fill: "url(#facebook_svg__a)" }),
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("path", { fill: "#fff", d: "m21.214 20.282.622-3.952h-3.89v-2.563c0-1.081.542-2.136 2.284-2.136H22V8.267S20.395 8 18.86 8c-3.205 0-5.298 1.893-5.298 5.318v3.012H10v3.952h3.562v9.552q1.073.165 2.191.166 1.12 0 2.192-.166v-9.552z" }),
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("linearGradient", { id: "facebook_svg__a", x1: 16, x2: 16, y1: 2, y2: 29.917, gradientUnits: "userSpaceOnUse", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("stop", { stopColor: "#18ACFE" }),
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("stop", { offset: 1, stopColor: "#0163E0" })
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 32 32", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("circle", { cx: 16, cy: 16, r: 14, fill: "url(#facebook_svg__a)" }),
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("path", { fill: "#fff", d: "m21.214 20.282.622-3.952h-3.89v-2.563c0-1.081.542-2.136 2.284-2.136H22V8.267S20.395 8 18.86 8c-3.205 0-5.298 1.893-5.298 5.318v3.012H10v3.952h3.562v9.552q1.073.165 2.191.166 1.12 0 2.192-.166v-9.552z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("linearGradient", { id: "facebook_svg__a", x1: 16, x2: 16, y1: 2, y2: 29.917, gradientUnits: "userSpaceOnUse", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("stop", { stopColor: "#18ACFE" }),
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("stop", { offset: 1, stopColor: "#0163E0" })
     ] }) })
   ] });
 };
@@ -3713,111 +4074,111 @@ var facebook_default = SvgFacebook;
 
 // src/theme/default/provider-logos/github.svg
 var React8 = __toESM(require("react"));
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 var SvgGithub = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("path", { d: "M12 0C5.374 0 0 5.373 0 12c0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23A11.5 11.5 0 0 1 12 5.803c1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576C20.566 21.797 24 17.3 24 12c0-6.627-5.373-12-12-12" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("path", { d: "M12 0C5.374 0 0 5.373 0 12c0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23A11.5 11.5 0 0 1 12 5.803c1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576C20.566 21.797 24 17.3 24 12c0-6.627-5.373-12-12-12" }) });
 };
 var github_default = SvgGithub;
 
 // src/theme/default/provider-logos/gitlab.svg
 var React9 = __toESM(require("react"));
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 var SvgGitlab = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("path", { fill: "#E24329", d: "m22.708 10.691-.031-.072-3.015-7.167a.74.74 0 0 0-.31-.34.87.87 0 0 0-.923.045.73.73 0 0 0-.268.37L16.125 9.2H7.881L5.845 3.527a.72.72 0 0 0-.268-.371.87.87 0 0 0-.923-.045.74.74 0 0 0-.31.34l-3.021 7.164-.03.072a4.67 4.67 0 0 0-.153 3.23c.335 1.063 1.04 1.998 2.01 2.664l.01.007.028.018 4.594 3.132 2.272 1.567 1.384.952c.162.112.36.172.563.172s.401-.06.563-.172l1.384-.952 2.273-1.567 4.62-3.151.012-.009c.968-.666 1.671-1.6 2.006-2.661a4.67 4.67 0 0 0-.15-3.226" }),
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("path", { fill: "#FC6D26", d: "m22.708 10.691-.031-.072a10.7 10.7 0 0 0-4.055 1.66L12 16.839l4.218 2.904 4.621-3.152.012-.008c.969-.666 1.674-1.601 2.008-2.664a4.67 4.67 0 0 0-.15-3.228" }),
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("path", { fill: "#FCA326", d: "m7.781 19.743 2.273 1.566 1.384.952c.162.112.36.172.563.172s.401-.06.563-.172l1.384-.952 2.273-1.566S14.255 18.389 12 16.839c-2.255 1.55-4.219 2.904-4.219 2.904" }),
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("path", { fill: "#FC6D26", d: "M5.376 12.279a10.7 10.7 0 0 0-4.053-1.664l-.03.072a4.67 4.67 0 0 0-.153 3.23c.335 1.063 1.04 1.998 2.01 2.664l.01.007.028.018 4.594 3.132L12 16.836z" })
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("path", { fill: "#E24329", d: "m22.708 10.691-.031-.072-3.015-7.167a.74.74 0 0 0-.31-.34.87.87 0 0 0-.923.045.73.73 0 0 0-.268.37L16.125 9.2H7.881L5.845 3.527a.72.72 0 0 0-.268-.371.87.87 0 0 0-.923-.045.74.74 0 0 0-.31.34l-3.021 7.164-.03.072a4.67 4.67 0 0 0-.153 3.23c.335 1.063 1.04 1.998 2.01 2.664l.01.007.028.018 4.594 3.132 2.272 1.567 1.384.952c.162.112.36.172.563.172s.401-.06.563-.172l1.384-.952 2.273-1.567 4.62-3.151.012-.009c.968-.666 1.671-1.6 2.006-2.661a4.67 4.67 0 0 0-.15-3.226" }),
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("path", { fill: "#FC6D26", d: "m22.708 10.691-.031-.072a10.7 10.7 0 0 0-4.055 1.66L12 16.839l4.218 2.904 4.621-3.152.012-.008c.969-.666 1.674-1.601 2.008-2.664a4.67 4.67 0 0 0-.15-3.228" }),
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("path", { fill: "#FCA326", d: "m7.781 19.743 2.273 1.566 1.384.952c.162.112.36.172.563.172s.401-.06.563-.172l1.384-.952 2.273-1.566S14.255 18.389 12 16.839c-2.255 1.55-4.219 2.904-4.219 2.904" }),
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("path", { fill: "#FC6D26", d: "M5.376 12.279a10.7 10.7 0 0 0-4.053-1.664l-.03.072a4.67 4.67 0 0 0-.153 3.23c.335 1.063 1.04 1.998 2.01 2.664l.01.007.028.018 4.594 3.132L12 16.836z" })
   ] });
 };
 var gitlab_default = SvgGitlab;
 
 // src/theme/default/provider-logos/google.svg
 var React10 = __toESM(require("react"));
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 var SvgGoogle = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 32 32", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("path", { fill: "#4285F4", d: "M30.001 16.31c0-1.15-.095-1.99-.301-2.861H16.287v5.195h7.873c-.159 1.291-1.016 3.236-2.92 4.542l-.027.174 4.24 3.22.294.029c2.699-2.443 4.254-6.036 4.254-10.298" }),
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("path", { fill: "#34A853", d: "M16.286 30c3.857 0 7.095-1.244 9.46-3.391l-4.507-3.423c-1.207.825-2.826 1.4-4.953 1.4A8.58 8.58 0 0 1 8.16 18.77l-.167.014-4.41 3.344-.058.157C5.874 26.858 10.7 30 16.286 30" }),
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("path", { fill: "#FBBC05", d: "M8.16 18.769a8.5 8.5 0 0 1-.476-2.77c0-.964.174-1.897.46-2.768l-.008-.185-4.465-3.399-.146.068A13.8 13.8 0 0 0 2.001 16c0 2.256.556 4.387 1.524 6.284z" }),
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("path", { fill: "#EB4335", d: "M16.286 7.413c2.683 0 4.492 1.136 5.524 2.085l4.032-3.858C23.366 3.384 20.143 2 16.286 2 10.7 2 5.874 5.142 3.524 9.715l4.62 3.516c1.158-3.375 4.365-5.818 8.142-5.818" })
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 32 32", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("path", { fill: "#4285F4", d: "M30.001 16.31c0-1.15-.095-1.99-.301-2.861H16.287v5.195h7.873c-.159 1.291-1.016 3.236-2.92 4.542l-.027.174 4.24 3.22.294.029c2.699-2.443 4.254-6.036 4.254-10.298" }),
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("path", { fill: "#34A853", d: "M16.286 30c3.857 0 7.095-1.244 9.46-3.391l-4.507-3.423c-1.207.825-2.826 1.4-4.953 1.4A8.58 8.58 0 0 1 8.16 18.77l-.167.014-4.41 3.344-.058.157C5.874 26.858 10.7 30 16.286 30" }),
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("path", { fill: "#FBBC05", d: "M8.16 18.769a8.5 8.5 0 0 1-.476-2.77c0-.964.174-1.897.46-2.768l-.008-.185-4.465-3.399-.146.068A13.8 13.8 0 0 0 2.001 16c0 2.256.556 4.387 1.524 6.284z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("path", { fill: "#EB4335", d: "M16.286 7.413c2.683 0 4.492 1.136 5.524 2.085l4.032-3.858C23.366 3.384 20.143 2 16.286 2 10.7 2 5.874 5.142 3.524 9.715l4.62 3.516c1.158-3.375 4.365-5.818 8.142-5.818" })
   ] });
 };
 var google_default = SvgGoogle;
 
 // src/theme/default/provider-logos/linkedin.svg
 var React11 = __toESM(require("react"));
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 var SvgLinkedin = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 32 32", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("rect", { width: 28, height: 28, x: 2, y: 2, fill: "#1275B1", rx: 14 }),
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("path", { fill: "#fff", d: "M12.619 9.692c0 .935-.81 1.692-1.81 1.692C9.81 11.384 9 10.627 9 9.692S9.81 8 10.81 8c.999 0 1.809.758 1.809 1.692M9.247 12.628h3.093V22H9.247zM17.32 12.628h-3.093V22h3.093v-4.795c0-1.107.378-2.22 1.886-2.22 1.705 0 1.695 1.45 1.687 2.572-.01 1.467.014 2.965.014 4.443H24v-4.946c-.026-3.159-.85-4.614-3.557-4.614-1.608 0-2.604.73-3.123 1.39z" })
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 32 32", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("rect", { width: 28, height: 28, x: 2, y: 2, fill: "#1275B1", rx: 14 }),
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("path", { fill: "#fff", d: "M12.619 9.692c0 .935-.81 1.692-1.81 1.692C9.81 11.384 9 10.627 9 9.692S9.81 8 10.81 8c.999 0 1.809.758 1.809 1.692M9.247 12.628h3.093V22H9.247zM17.32 12.628h-3.093V22h3.093v-4.795c0-1.107.378-2.22 1.886-2.22 1.705 0 1.695 1.45 1.687 2.572-.01 1.467.014 2.965.014 4.443H24v-4.946c-.026-3.159-.85-4.614-3.557-4.614-1.608 0-2.604.73-3.123 1.39z" })
   ] });
 };
 var linkedin_default = SvgLinkedin;
 
 // src/theme/default/provider-logos/microsoft.svg
 var React12 = __toESM(require("react"));
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 var SvgMicrosoft = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 23 23", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("path", { fill: "#F35325", d: "M1 1h10v10H1z" }),
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("path", { fill: "#81BC06", d: "M12 1h10v10H12z" }),
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("path", { fill: "#05A6F0", d: "M1 12h10v10H1z" }),
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("path", { fill: "#FFBA08", d: "M12 12h10v10H12z" })
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 23 23", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("path", { fill: "#F35325", d: "M1 1h10v10H1z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("path", { fill: "#81BC06", d: "M12 1h10v10H12z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("path", { fill: "#05A6F0", d: "M1 12h10v10H1z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("path", { fill: "#FFBA08", d: "M12 12h10v10H12z" })
   ] });
 };
 var microsoft_default = SvgMicrosoft;
 
 // src/theme/default/provider-logos/slack.svg
 var React13 = __toESM(require("react"));
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 var SvgSlack = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 32 32", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("path", { fill: "#2EB67D", d: "M26.5 15a2.5 2.5 0 1 0-2.5-2.5V15zm-7 0a2.5 2.5 0 0 0 2.5-2.5v-7a2.5 2.5 0 0 0-5 0v7a2.5 2.5 0 0 0 2.5 2.5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("path", { fill: "#E01E5A", d: "M5.5 17A2.5 2.5 0 1 0 8 19.5V17zm7 0a2.5 2.5 0 0 0-2.5 2.5v7a2.5 2.5 0 0 0 5 0v-7a2.5 2.5 0 0 0-2.5-2.5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("path", { fill: "#ECB22E", d: "M17 26.5a2.5 2.5 0 1 0 2.5-2.5H17zm0-7a2.5 2.5 0 0 0 2.5 2.5h7a2.5 2.5 0 0 0 0-5h-7a2.5 2.5 0 0 0-2.5 2.5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("path", { fill: "#36C5F0", d: "M15 5.5A2.5 2.5 0 1 0 12.5 8H15zm0 7a2.5 2.5 0 0 0-2.5-2.5h-7a2.5 2.5 0 0 0 0 5h7a2.5 2.5 0 0 0 2.5-2.5" })
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 32 32", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("path", { fill: "#2EB67D", d: "M26.5 15a2.5 2.5 0 1 0-2.5-2.5V15zm-7 0a2.5 2.5 0 0 0 2.5-2.5v-7a2.5 2.5 0 0 0-5 0v7a2.5 2.5 0 0 0 2.5 2.5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("path", { fill: "#E01E5A", d: "M5.5 17A2.5 2.5 0 1 0 8 19.5V17zm7 0a2.5 2.5 0 0 0-2.5 2.5v7a2.5 2.5 0 0 0 5 0v-7a2.5 2.5 0 0 0-2.5-2.5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("path", { fill: "#ECB22E", d: "M17 26.5a2.5 2.5 0 1 0 2.5-2.5H17zm0-7a2.5 2.5 0 0 0 2.5 2.5h7a2.5 2.5 0 0 0 0-5h-7a2.5 2.5 0 0 0-2.5 2.5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("path", { fill: "#36C5F0", d: "M15 5.5A2.5 2.5 0 1 0 12.5 8H15zm0 7a2.5 2.5 0 0 0-2.5-2.5h-7a2.5 2.5 0 0 0 0 5h7a2.5 2.5 0 0 0 2.5-2.5" })
   ] });
 };
 var slack_default = SvgSlack;
 
 // src/theme/default/provider-logos/spotify.svg
 var React14 = __toESM(require("react"));
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 var SvgSpotify = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 32 32", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("circle", { cx: 16, cy: 16, r: 14, fill: "#1ED760" }),
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("path", { fill: "#fff", d: "M22.364 21.623c-.239.38-.75.486-1.148.258-3.141-1.822-7.08-2.232-11.736-1.23-.446.091-.893-.167-.988-.592a.786.786 0 0 1 .621-.94c5.087-1.11 9.456-.639 12.964 1.41a.77.77 0 0 1 .287 1.094m1.627-3.461c-.303.47-.941.607-1.435.334-3.588-2.11-9.058-2.718-13.299-1.488-.558.152-1.132-.137-1.292-.653-.16-.531.144-1.078.702-1.23 4.848-1.396 10.875-.728 15.005 1.686.462.273.622.88.319 1.35m.143-3.613c-4.305-2.43-11.4-2.657-15.515-1.473-.654.197-1.355-.152-1.563-.79-.207-.622.176-1.29.83-1.487 4.72-1.366 12.565-1.093 17.508 1.7.59.334.781 1.063.43 1.625-.334.576-1.1.774-1.69.425" })
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 32 32", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("circle", { cx: 16, cy: 16, r: 14, fill: "#1ED760" }),
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("path", { fill: "#fff", d: "M22.364 21.623c-.239.38-.75.486-1.148.258-3.141-1.822-7.08-2.232-11.736-1.23-.446.091-.893-.167-.988-.592a.786.786 0 0 1 .621-.94c5.087-1.11 9.456-.639 12.964 1.41a.77.77 0 0 1 .287 1.094m1.627-3.461c-.303.47-.941.607-1.435.334-3.588-2.11-9.058-2.718-13.299-1.488-.558.152-1.132-.137-1.292-.653-.16-.531.144-1.078.702-1.23 4.848-1.396 10.875-.728 15.005 1.686.462.273.622.88.319 1.35m.143-3.613c-4.305-2.43-11.4-2.657-15.515-1.473-.654.197-1.355-.152-1.563-.79-.207-.622.176-1.29.83-1.487 4.72-1.366 12.565-1.093 17.508 1.7.59.334.781 1.063.43 1.625-.334.576-1.1.774-1.69.425" })
   ] });
 };
 var spotify_default = SvgSpotify;
 
 // src/theme/default/provider-logos/yandex.svg
 var React15 = __toESM(require("react"));
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 var SvgYandex = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 32 32", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("circle", { cx: 16, cy: 16, r: 14, fill: "#fff" }),
-    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("path", { fill: "#FC3F1D", d: "M21 25h-3.143V9.435h-1.402c-2.572 0-3.922 1.294-3.922 3.211 0 2.175.935 3.185 2.857 4.48l1.584 1.063L12.403 25H9l4.104-6.086c-2.363-1.684-3.688-3.316-3.688-6.087C9.416 9.357 11.83 7 16.429 7H21z" })
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 32 32", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("circle", { cx: 16, cy: 16, r: 14, fill: "#fff" }),
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("path", { fill: "#FC3F1D", d: "M21 25h-3.143V9.435h-1.402c-2.572 0-3.922 1.294-3.922 3.211 0 2.175.935 3.185 2.857 4.48l1.584 1.063L12.403 25H9l4.104-6.086c-2.363-1.684-3.688-3.316-3.688-6.087C9.416 9.357 11.83 7 16.429 7H21z" })
   ] });
 };
 var yandex_default = SvgYandex;
 
 // src/theme/default/provider-logos/x.svg
 var React16 = __toESM(require("react"));
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 var SvgX = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, fill: "none", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("path", { fill: "#0F172A", d: "M24.122 3h4.292L18.99 13.73 30 28.285h-8.64l-6.764-8.845-7.744 8.845H2.56l9.983-11.476L2 3h8.854l6.112 8.08zM22.62 25.766h2.379L9.604 5.426H7.048z" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, fill: "none", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("path", { fill: "#0F172A", d: "M24.122 3h4.292L18.99 13.73 30 28.285h-8.64l-6.764-8.845-7.744 8.845H2.56l9.983-11.476L2 3h8.854l6.112 8.08zM22.62 25.766h2.379L9.604 5.426H7.048z" }) });
 };
 var x_default = SvgX;
 
@@ -3840,9 +4201,9 @@ var logos = {
 var provider_logos_default = logos;
 
 // src/theme/default/components/form/spinner.tsx
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 function Spinner({ className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
     "svg",
     {
       "aria-hidden": "true",
@@ -3855,7 +4216,7 @@ function Spinner({ className }) {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("g", { clipPath: "url(#clip0_2572_1748)", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("g", { clipPath: "url(#clip0_2572_1748)", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           "path",
           {
             d: "M23.364 10.6362C22.1053 9.37751 20.5016 8.52034 18.7558 8.17307C17.01 7.82581 15.2004 8.00404 13.5559 8.68523C11.9113 9.36641 10.5057 10.52 9.51678 12C8.52784 13.4801 8 15.2201 8 17.0001C8 18.7802 8.52784 20.5202 9.51678 22.0003C10.5057 23.4803 11.9113 24.6339 13.5559 25.3151C15.2004 25.9962 17.01 26.1745 18.7558 25.8272C20.5016 25.4799 22.1053 24.6228 23.364 23.3641",
@@ -3864,7 +4225,7 @@ function Spinner({ className }) {
             strokeLinejoin: "round"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("clipPath", { id: "clip0_2572_1748", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("clipPath", { id: "clip0_2572_1748", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
           "rect",
           {
             width: "24",
@@ -3878,9 +4239,9 @@ function Spinner({ className }) {
   );
 }
 
-// src/theme/default/components/form/social.tsx
+// src/theme/default/components/form/sso.tsx
 var import_client_fetch32 = require("@ory/client-fetch");
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 function extractProvider(context) {
   if (context && typeof context === "object" && "provider" in context && typeof context.provider === "string") {
     return context.provider;
@@ -3905,23 +4266,23 @@ function DefaultButtonSocial({
   const {
     formState: { isSubmitting }
   } = (0, import_react_hook_form14.useFormContext)();
-  const oidcNodeCount = (_a = ui.nodes.filter(
+  const ssoNodeCount = (_a = ui.nodes.filter(
     (node2) => node2.group === import_client_fetch32.UiNodeGroupEnum.Oidc || node2.group === import_client_fetch32.UiNodeGroupEnum.Saml
   ).length) != null ? _a : 0;
   const Logo = logos2[attributes.value.split("-")[0]];
-  const showLabel = _showLabel != null ? _showLabel : oidcNodeCount % 3 !== 0 && oidcNodeCount % 4 !== 0;
+  const showLabel = _showLabel != null ? _showLabel : ssoNodeCount % 3 !== 0 && ssoNodeCount % 4 !== 0;
   const provider = (_c = extractProvider((_b = node.meta.label) == null ? void 0 : _b.context)) != null ? _c : "";
   const localOnClick = () => {
     onClick == null ? void 0 : onClick();
     setClicked(true);
   };
-  (0, import_react9.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     if (!isSubmitting) {
       setClicked(false);
     }
   }, [isSubmitting, setClicked]);
   const label = node.meta.label ? (0, import_elements_react7.uiTextToFormattedMessage)(node.meta.label, intl) : "";
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
     "button",
     {
       className: "gap-3 border border-button-social-border-default bg-button-social-background-default hover:bg-button-social-background-hover transition-colors rounded-buttons flex items-center justify-center px-4 py-[13px] loading:bg-button-social-background-disabled loading:border-button-social-border-disabled loading:text-button-social-foreground-disabled hover:text-button-social-foreground-hover",
@@ -3935,21 +4296,21 @@ function DefaultButtonSocial({
       "aria-label": label,
       ...omitInputAttributes(rest),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "size-5 relative", children: !clicked ? Logo ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Logo, { size: 20 }) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(GenericLogo, { label: provider.slice(0, 1) }) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Spinner, { className: "size-5" }) }),
-        showLabel && node.meta.label ? /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "grow text-center font-medium leading-none text-button-social-foreground-default", children: label }),
-          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "size-5 block" })
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "size-5 relative", children: !clicked ? Logo ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Logo, { size: 20 }) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(GenericLogo, { label: provider.slice(0, 1) }) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Spinner, { className: "size-5" }) }),
+        showLabel && node.meta.label ? /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "grow text-center font-medium leading-none text-button-social-foreground-default", children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "size-5 block" })
         ] }) : null
       ]
     }
   );
 }
-DefaultButtonSocial.WithLogos = (logos2) => (props) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(DefaultButtonSocial, { ...props, logos: logos2 });
+DefaultButtonSocial.WithLogos = (logos2) => (props) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(DefaultButtonSocial, { ...props, logos: logos2 });
 function DefaultSocialButtonContainer({
   children,
   nodes
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
     "div",
     {
       className: cn("grid gap-3", {
@@ -3963,22 +4324,20 @@ function DefaultSocialButtonContainer({
   );
 }
 function GenericLogo({ label }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "flex rounded-buttons bg-button-social-background-generic-provider text-button-social-foreground-generic-provider border-button-social-border-generic-provider text-xs size-full items-center justify-center", children: label });
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "flex rounded-buttons bg-button-social-background-generic-provider text-button-social-foreground-generic-provider border-button-social-border-generic-provider text-xs size-full items-center justify-center", children: label });
 }
 
 // src/theme/default/components/form/index.tsx
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 function DefaultFormContainer({
   children,
   onSubmit,
   action,
-  method,
-  "data-testid": dataTestId
+  method
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     "form",
     {
-      "data-testid": dataTestId,
       onSubmit,
       noValidate: true,
       action,
@@ -3993,7 +4352,7 @@ function DefaultMessageContainer({ children }) {
   if (!children || Array.isArray(children) && children.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     "section",
     {
       className: cn(
@@ -4005,7 +4364,7 @@ function DefaultMessageContainer({ children }) {
 }
 function DefaultMessage({ message }) {
   const intl = (0, import_react_intl13.useIntl)();
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     "span",
     {
       className: cn(
@@ -4021,46 +4380,58 @@ function DefaultMessage({ message }) {
 }
 
 // src/theme/default/components/card/auth-method-list-item.tsx
+var import_elements_react9 = require("@ory/elements-react");
+var import_react12 = require("react");
 var import_react_intl14 = require("react-intl");
+var import_usehooks_ts2 = require("usehooks-ts");
 
-// src/theme/default/assets/icons/code.svg
+// src/theme/default/assets/icons/alert-triangle.svg
 var React17 = __toESM(require("react"));
+var import_jsx_runtime57 = require("react/jsx-runtime");
+var SvgAlertTriangle = (props) => {
+  var _a, _b;
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("path", { stroke: "#000", strokeLinecap: "round", strokeLinejoin: "round", d: "M12 9v4m0 4h.01M10.24 3.957l-8.422 14.06A1.99 1.99 0 0 0 3.518 21h16.845a1.99 1.99 0 0 0 1.7-2.983L13.64 3.957a1.988 1.988 0 0 0-3.4 0" }) });
+};
+var alert_triangle_default = SvgAlertTriangle;
+
+// src/theme/default/assets/icons/code-asterix.svg
+var React18 = __toESM(require("react"));
 var import_jsx_runtime58 = require("react/jsx-runtime");
+var SvgCodeAsterix = (props) => {
+  var _a, _b;
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 25", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 19.325a2 2 0 0 1-2-2v-4l-1-1 1-1v-4a2 2 0 0 1 2-2m6 6.875 3-1.687M12 12.2v3.375m0-3.375-3-1.687m3 1.687 3 1.688M12 12.2V8.825m0 3.375-3 1.688m9 5.437a2 2 0 0 0 2-2v-4l1-1-1-1v-4a2 2 0 0 0-2-2" }) });
+};
+var code_asterix_default = SvgCodeAsterix;
+
+// src/theme/default/assets/icons/code.svg
+var React19 = __toESM(require("react"));
+var import_jsx_runtime59 = require("react/jsx-runtime");
 var SvgCode = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 15 13", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M6.333 10.666h-4A1.333 1.333 0 0 1 1 9.333V2.666m0 0a1.333 1.333 0 0 1 1.333-1.333h9.334A1.333 1.333 0 0 1 13 2.666m-12 0 6 4 6-4m0 0v4M12.333 12l1.334-1.334-1.334-1.333m-2 0L9 10.666 10.333 12" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 15 13", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M6.333 10.666h-4A1.333 1.333 0 0 1 1 9.333V2.666m0 0a1.333 1.333 0 0 1 1.333-1.333h9.334A1.333 1.333 0 0 1 13 2.666m-12 0 6 4 6-4m0 0v4M12.333 12l1.334-1.334-1.334-1.333m-2 0L9 10.666 10.333 12" }) });
 };
 var code_default = SvgCode;
 
 // src/theme/default/assets/icons/passkey.svg
-var React18 = __toESM(require("react"));
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var React20 = __toESM(require("react"));
+var import_jsx_runtime60 = require("react/jsx-runtime");
 var SvgPasskey = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 13 14", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M10.602 3.667c.603 1 .86 2.171.733 3.333v.667a4 4 0 0 0 .533 2M3.335 6.333a2.667 2.667 0 0 1 5.333 0V7c0 1.442.468 2.846 1.334 4m-4-4.667v1.334A9.33 9.33 0 0 0 7.668 13M3.335 9a12 12 0 0 0 1.2 4m-3.267-1.333A14.7 14.7 0 0 1 .668 7v-.667a5.333 5.333 0 0 1 8-4.633" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 13 14", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M10.602 3.667c.603 1 .86 2.171.733 3.333v.667a4 4 0 0 0 .533 2M3.335 6.333a2.667 2.667 0 0 1 5.333 0V7c0 1.442.468 2.846 1.334 4m-4-4.667v1.334A9.33 9.33 0 0 0 7.668 13M3.335 9a12 12 0 0 0 1.2 4m-3.267-1.333A14.7 14.7 0 0 1 .668 7v-.667a5.333 5.333 0 0 1 8-4.633" }) });
 };
 var passkey_default = SvgPasskey;
 
 // src/theme/default/assets/icons/password.svg
-var React19 = __toESM(require("react"));
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var React21 = __toESM(require("react"));
+var import_jsx_runtime61 = require("react/jsx-runtime");
 var SvgPassword = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 14 4", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M7 .667v2.667m-1.333-.667 2.666-1.333m-2.666 0 2.666 1.333m-6-2v2.667M1 2.667l2.667-1.333M1 1.334l2.667 1.333m8-2v2.667m-1.334-.667L13 1.334m-2.667 0L13 2.667" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 14 4", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M7 .667v2.667m-1.333-.667 2.666-1.333m-2.666 0 2.666 1.333m-6-2v2.667M1 2.667l2.667-1.333M1 1.334l2.667 1.333m8-2v2.667m-1.334-.667L13 1.334m-2.667 0L13 2.667" }) });
 };
 var password_default = SvgPassword;
 
-// src/theme/default/assets/icons/webauthn.svg
-var React20 = __toESM(require("react"));
-var import_jsx_runtime61 = require("react/jsx-runtime");
-var SvgWebauthn = (props) => {
-  var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 14 14", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5h.007m1.03-3.438 2.401 2.401a1.92 1.92 0 0 1 0 2.713l-1.762 1.762a1.92 1.92 0 0 1-2.713 0l-.2-.2-4.372 4.371a1.33 1.33 0 0 1-.826.386L2.448 13h-.781a.667.667 0 0 1-.662-.589L1 12.333v-.781c0-.313.11-.616.311-.856l.08-.087.276-.276H3V9h1.333V7.667l1.43-1.43-.201-.2a1.92 1.92 0 0 1 0-2.713l1.762-1.762a1.92 1.92 0 0 1 2.713 0" }) });
-};
-var webauthn_default = SvgWebauthn;
-
 // src/theme/default/assets/icons/totp.svg
-var React21 = __toESM(require("react"));
+var React22 = __toESM(require("react"));
 var import_jsx_runtime62 = require("react/jsx-runtime");
 var SvgTotp = (props) => {
   var _a, _b;
@@ -4068,14 +4439,14 @@ var SvgTotp = (props) => {
 };
 var totp_default = SvgTotp;
 
-// src/theme/default/assets/icons/code-asterix.svg
-var React22 = __toESM(require("react"));
+// src/theme/default/assets/icons/webauthn.svg
+var React23 = __toESM(require("react"));
 var import_jsx_runtime63 = require("react/jsx-runtime");
-var SvgCodeAsterix = (props) => {
+var SvgWebauthn = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 25", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 19.325a2 2 0 0 1-2-2v-4l-1-1 1-1v-4a2 2 0 0 1 2-2m6 6.875 3-1.687M12 12.2v3.375m0-3.375-3-1.687m3 1.687 3 1.688M12 12.2V8.825m0 3.375-3 1.688m9 5.437a2 2 0 0 0 2-2v-4l1-1-1-1v-4a2 2 0 0 0-2-2" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 14 14", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5h.007m1.03-3.438 2.401 2.401a1.92 1.92 0 0 1 0 2.713l-1.762 1.762a1.92 1.92 0 0 1-2.713 0l-.2-.2-4.372 4.371a1.33 1.33 0 0 1-.826.386L2.448 13h-.781a.667.667 0 0 1-.662-.589L1 12.333v-.781c0-.313.11-.616.311-.856l.08-.087.276-.276H3V9h1.333V7.667l1.43-1.43-.201-.2a1.92 1.92 0 0 1 0-2.713l1.762-1.762a1.92 1.92 0 0 1 2.713 0" }) });
 };
-var code_asterix_default = SvgCodeAsterix;
+var webauthn_default = SvgWebauthn;
 
 // src/theme/default/components/card/list-item.tsx
 var import_jsx_runtime64 = require("react/jsx-runtime");
@@ -4095,6 +4466,7 @@ function ListItem({
       ...props,
       className: cn(
         "flex cursor-pointer gap-3 text-left items-start w-full rounded-buttons p-2 hover:bg-interface-background-default-primary-hover",
+        "disabled:hover:bg-ui-transparent disabled:cursor-default disabled:opacity-50",
         className
       ),
       children: [
@@ -4110,6 +4482,7 @@ function ListItem({
 }
 
 // src/theme/default/components/card/auth-method-list-item.tsx
+var import_react_hook_form15 = require("react-hook-form");
 var import_jsx_runtime65 = require("react/jsx-runtime");
 var iconsMap = {
   code: code_default,
@@ -4129,6 +4502,16 @@ function DefaultAuthMethodListItem({
   var _a;
   const intl = (0, import_react_intl14.useIntl)();
   const Icon = iconsMap[group] || null;
+  const { flow } = (0, import_elements_react9.useOryFlow)();
+  const { formState } = (0, import_react_hook_form15.useFormContext)();
+  if (group === "passkey") {
+    const passkeyNode = findPasskeyNode(flow);
+    if (!passkeyNode) {
+      console.error("Passkey node not found");
+      return null;
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(PasskeyListItem, { passkeyNode, group, title });
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
     ListItem,
     {
@@ -4143,6 +4526,93 @@ function DefaultAuthMethodListItem({
       }),
       onClick,
       type: isGroupImmediateSubmit(group) ? "submit" : "button",
+      "data-testid": `ory/form/auth-picker/${group}`,
+      disabled: !formState.isReady
+    }
+  );
+}
+function findPasskeyNode(flow) {
+  const passkeyTriggerNode = flow.ui.nodes.find(
+    (node) => node.attributes.node_type === "input" && ["passkey_login_trigger", "passkey_register_trigger"].includes(
+      node.attributes.name
+    )
+  );
+  if (!passkeyTriggerNode) {
+    return void 0;
+  }
+  return passkeyTriggerNode;
+}
+function PasskeyListItem({ group, title, passkeyNode }) {
+  var _a, _b;
+  const intl = (0, import_react_intl14.useIntl)();
+  const Icon = iconsMap[group] || null;
+  const { formState } = (0, import_react_hook_form15.useFormContext)();
+  const [isPasskeyScriptInitalized, setPasskeyScriptInitalized] = (0, import_react12.useState)(false);
+  const [failedToLoad, setFailedToLoad] = (0, import_react12.useState)(false);
+  const clickHandler = () => {
+    if (!passkeyNode.attributes.onclickTrigger) {
+      console.error("Passkey node not found");
+      return;
+    }
+    const fn = triggerToFunction(passkeyNode.attributes.onclickTrigger);
+    if (fn) {
+      fn();
+    } else {
+      console.error("Passkey node trigger function not found");
+    }
+  };
+  (0, import_react12.useEffect)(() => {
+    if (!passkeyNode.attributes.onclickTrigger) {
+      console.error("Passkey node not found");
+      return;
+    }
+    const fn = triggerToFunction(passkeyNode.attributes.onclickTrigger);
+    setPasskeyScriptInitalized(typeof fn === "function");
+  }, [passkeyNode]);
+  (0, import_usehooks_ts2.useEventListener)("oryWebAuthnInitialized", () => {
+    setPasskeyScriptInitalized(true);
+  });
+  (0, import_usehooks_ts2.useTimeout)(() => {
+    if (!isPasskeyScriptInitalized) {
+      setFailedToLoad(true);
+    }
+  }, 5e3);
+  if (failedToLoad) {
+    return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+      ListItem,
+      {
+        as: "button",
+        icon: Icon,
+        disabled: true,
+        title: intl.formatMessage(
+          { id: (_a = title == null ? void 0 : title.id) != null ? _a : `two-step.${group}.title` },
+          title == null ? void 0 : title.values
+        ),
+        description: intl.formatMessage({
+          id: "two-step.passkey.description.error"
+        }),
+        type: "button",
+        "data-testid": `ory/form/auth-picker/${group}`,
+        children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(alert_triangle_default, {})
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+    ListItem,
+    {
+      as: "button",
+      icon: Icon,
+      disabled: !isPasskeyScriptInitalized || !formState.isReady,
+      name: passkeyNode.attributes.name,
+      title: intl.formatMessage(
+        { id: (_b = title == null ? void 0 : title.id) != null ? _b : `two-step.${group}.title` },
+        title == null ? void 0 : title.values
+      ),
+      description: intl.formatMessage({
+        id: `two-step.${group}.description`
+      }),
+      onClick: clickHandler,
+      type: "button",
       "data-testid": `ory/form/auth-picker/${group}`
     }
   );
@@ -4150,11 +4620,11 @@ function DefaultAuthMethodListItem({
 
 // src/theme/default/components/form/button.tsx
 var import_client_fetch34 = require("@ory/client-fetch");
-var import_elements_react9 = require("@ory/elements-react");
+var import_elements_react10 = require("@ory/elements-react");
 var import_class_variance_authority = require("class-variance-authority");
-var import_react_hook_form15 = require("react-hook-form");
+var import_react_hook_form16 = require("react-hook-form");
 var import_react_intl15 = require("react-intl");
-var import_react10 = require("react");
+var import_react13 = require("react");
 var import_jsx_runtime66 = require("react/jsx-runtime");
 var buttonStyles = (0, import_class_variance_authority.cva)(
   [
@@ -4195,14 +4665,14 @@ var DefaultButton = ({
 }) => {
   var _a;
   const { type, name, value, ...rest } = attributes;
-  const [clicked, setClicked] = (0, import_react10.useState)(false);
+  const [clicked, setClicked] = (0, import_react13.useState)(false);
   const intl = (0, import_react_intl15.useIntl)();
   const label = (0, import_client_fetch34.getNodeLabel)(node);
   const {
-    formState: { isSubmitting },
+    formState: { isSubmitting, isReady },
     setValue
-  } = (0, import_react_hook_form15.useFormContext)();
-  (0, import_react10.useEffect)(() => {
+  } = (0, import_react_hook_form16.useFormContext)();
+  (0, import_react13.useEffect)(() => {
     if (!isSubmitting) {
       setClicked(false);
     }
@@ -4225,11 +4695,11 @@ var DefaultButton = ({
       className: buttonStyles({
         intent: isPrimary ? "primary" : "secondary"
       }),
-      disabled: (_a = rest.disabled) != null ? _a : isSubmitting,
+      disabled: !isReady && ((_a = rest.disabled) != null ? _a : isSubmitting),
       "data-loading": clicked,
       children: [
         clicked ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Spinner, {}) : null,
-        label ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { children: (0, import_elements_react9.uiTextToFormattedMessage)(label, intl) }) : ""
+        label ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { children: (0, import_elements_react10.uiTextToFormattedMessage)(label, intl) }) : ""
       ]
     }
   );
@@ -4238,8 +4708,8 @@ DefaultButton.displayName = "DefaultButton";
 
 // src/theme/default/components/form/checkbox.tsx
 var import_client_fetch35 = require("@ory/client-fetch");
-var import_elements_react10 = require("@ory/elements-react");
-var import_react_hook_form16 = require("react-hook-form");
+var import_elements_react11 = require("@ory/elements-react");
+var import_react_hook_form17 = require("react-hook-form");
 var import_react_intl17 = require("react-intl");
 
 // src/theme/default/components/ui/checkbox-label.tsx
@@ -4318,7 +4788,7 @@ var DefaultCheckbox = ({
   const { value, name, ...attributes } = initialAttributes;
   const intl = (0, import_react_intl17.useIntl)();
   const label = (0, import_client_fetch35.getNodeLabel)(node);
-  const { register } = (0, import_react_hook_form16.useFormContext)();
+  const { register } = (0, import_react_hook_form17.useFormContext)();
   const hasError = node.messages.some((m) => m.type === "error");
   return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("label", { className: "flex items-start gap-3 self-stretch antialiased", children: [
     /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("span", { className: "flex h-5 items-center", children: [
@@ -4347,8 +4817,8 @@ var DefaultCheckbox = ({
             "mt-1",
             message.type === "error" ? "text-interface-foreground-validation-danger" : "text-interface-foreground-default-secondary"
           ),
-          ...(0, import_elements_react10.messageTestId)(message),
-          children: (0, import_elements_react10.uiTextToFormattedMessage)(message, intl)
+          ...(0, import_elements_react11.messageTestId)(message),
+          children: (0, import_elements_react11.uiTextToFormattedMessage)(message, intl)
         },
         message.id
       ))
@@ -4357,14 +4827,14 @@ var DefaultCheckbox = ({
 };
 
 // src/theme/default/components/form/group-container.tsx
-var import_elements_react11 = require("@ory/elements-react");
+var import_elements_react12 = require("@ory/elements-react");
 var import_client_fetch36 = require("@ory/client-fetch");
 
 // src/util/childCounter.ts
-var import_react11 = require("react");
+var import_react14 = require("react");
 function countRenderableChildren(children) {
-  return import_react11.Children.toArray(children).filter((c) => {
-    if ((0, import_react11.isValidElement)(c)) {
+  return import_react14.Children.toArray(children).filter((c) => {
+    if ((0, import_react14.isValidElement)(c)) {
       return true;
     }
     return false;
@@ -4374,7 +4844,7 @@ function countRenderableChildren(children) {
 // src/theme/default/components/form/group-container.tsx
 var import_jsx_runtime69 = require("react/jsx-runtime");
 function DefaultGroupContainer({ children }) {
-  const { flowType } = (0, import_elements_react11.useOryFlow)();
+  const { flowType } = (0, import_elements_react12.useOryFlow)();
   const count = countRenderableChildren(children);
   if (count === 0) {
     return null;
@@ -4412,13 +4882,13 @@ function DefaultImage({ attributes, node }) {
 
 // src/theme/default/components/form/input.tsx
 var import_client_fetch37 = require("@ory/client-fetch");
-var import_elements_react12 = require("@ory/elements-react");
-var import_react12 = require("react");
-var import_react_hook_form17 = require("react-hook-form");
+var import_elements_react13 = require("@ory/elements-react");
+var import_react15 = require("react");
+var import_react_hook_form18 = require("react-hook-form");
 var import_react_intl18 = require("react-intl");
 
 // src/theme/default/assets/icons/eye-off.svg
-var React23 = __toESM(require("react"));
+var React24 = __toESM(require("react"));
 var import_jsx_runtime72 = require("react/jsx-runtime");
 var SvgEyeOff = (props) => {
   var _a, _b;
@@ -4427,7 +4897,7 @@ var SvgEyeOff = (props) => {
 var eye_off_default = SvgEyeOff;
 
 // src/theme/default/assets/icons/eye.svg
-var React24 = __toESM(require("react"));
+var React25 = __toESM(require("react"));
 var import_jsx_runtime73 = require("react/jsx-runtime");
 var SvgEye = (props) => {
   var _a, _b;
@@ -4454,18 +4924,18 @@ var DefaultInput = ({
   onClick
 }) => {
   const label = (0, import_client_fetch37.getNodeLabel)(node);
-  const { register } = (0, import_react_hook_form17.useFormContext)();
+  const { register } = (0, import_react_hook_form18.useFormContext)();
   const { value, autocomplete, name, maxlength, ...rest } = attributes;
   const intl = (0, import_react_intl18.useIntl)();
-  const { flowType } = (0, import_elements_react12.useOryFlow)();
-  const inputRef = (0, import_react12.useRef)(null);
+  const { flowType } = (0, import_elements_react13.useOryFlow)();
+  const inputRef = (0, import_react15.useRef)(null);
   const formattedLabel = label ? intl.formatMessage(
     {
       id: "input.placeholder",
       defaultMessage: "Enter your {placeholder}"
     },
     {
-      placeholder: (0, import_elements_react12.uiTextToFormattedMessage)(label, intl)
+      placeholder: (0, import_elements_react13.uiTextToFormattedMessage)(label, intl)
     }
   ) : "";
   if (rest.type === "hidden") {
@@ -4473,10 +4943,6 @@ var DefaultInput = ({
       "input",
       {
         ...omitInputAttributes(rest),
-        onClick,
-        maxLength: maxlength,
-        autoComplete: autocomplete,
-        placeholder: formattedLabel,
         "data-testid": `ory/form/node/input/${name}`,
         ...register(name, { value })
       }
@@ -4517,7 +4983,7 @@ var DefaultInput = ({
 function PasswordToggle({
   inputRef
 }) {
-  const [shown, setShown] = (0, import_react12.useState)(false);
+  const [shown, setShown] = (0, import_react15.useState)(false);
   const handleClick = () => {
     setShown(!shown);
     if (inputRef.current) {
@@ -4528,7 +4994,7 @@ function PasswordToggle({
     "button",
     {
       onClick: handleClick,
-      className: "absolute right-0 h-full w-12 flex items-center justify-center",
+      className: "absolute right-0 h-full w-12 flex items-center justify-center text-input-foreground-primary",
       type: "button",
       "aria-label": "Toggle password visibility",
       children: shown ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(eye_off_default, {}) : /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(eye_default, {})
@@ -4538,9 +5004,10 @@ function PasswordToggle({
 
 // src/theme/default/components/form/label.tsx
 var import_client_fetch38 = require("@ory/client-fetch");
-var import_elements_react13 = require("@ory/elements-react");
-var import_react_hook_form18 = require("react-hook-form");
+var import_elements_react14 = require("@ory/elements-react");
+var import_react_hook_form19 = require("react-hook-form");
 var import_react_intl19 = require("react-intl");
+var import_react16 = require("react");
 var import_jsx_runtime75 = require("react/jsx-runtime");
 function findResendNode(nodes) {
   return nodes.find(
@@ -4555,11 +5022,9 @@ function DefaultLabel({
 }) {
   const intl = (0, import_react_intl19.useIntl)();
   const label = (0, import_client_fetch38.getNodeLabel)(node);
-  const { Message } = (0, import_elements_react13.useComponents)();
-  const { flowType, flow } = (0, import_elements_react13.useOryFlow)();
-  const config = (0, import_elements_react13.useOryConfiguration)();
-  const { setValue, formState } = (0, import_react_hook_form18.useFormContext)();
-  const isPassword = attributes.type === "password";
+  const { Message } = (0, import_elements_react14.useComponents)();
+  const { flow } = (0, import_elements_react14.useOryFlow)();
+  const { setValue, formState } = (0, import_react_hook_form19.useFormContext)();
   const resendNode = findResendNode(flow.ui.nodes);
   const handleResend = () => {
     if ((resendNode == null ? void 0 : resendNode.attributes) && "name" in resendNode.attributes) {
@@ -4572,26 +5037,15 @@ function DefaultLabel({
       /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
         "label",
         {
-          ...(0, import_elements_react13.messageTestId)(label),
+          ...(0, import_elements_react14.messageTestId)(label),
           className: "leading-normal text-input-foreground-primary",
           htmlFor: attributes.name,
           "data-testid": `ory/form/node/input/label/${attributes.name}`,
           ...rest,
-          children: (0, import_elements_react13.uiTextToFormattedMessage)(label, intl)
-        }
-      ),
-      isPassword && config.project.recovery_enabled && flowType === import_client_fetch38.FlowType.Login && // TODO: make it possible to override with a custom component
-      /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
-        "a",
-        {
-          href: initFlowUrl(config.sdk.url, "recovery", flow),
-          className: "text-button-link-brand-brand transition-colors hover:text-button-link-brand-brand-hover underline",
-          children: intl.formatMessage({
-            id: "forms.label.forgot-password",
-            defaultMessage: "Forgot password?"
-          })
+          children: (0, import_elements_react14.uiTextToFormattedMessage)(label, intl)
         }
       ),
+      /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(LabelAction, { attributes }),
       (resendNode == null ? void 0 : resendNode.attributes.node_type) === "input" && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
         "button",
         {
@@ -4609,14 +5063,58 @@ function DefaultLabel({
     fieldError && (0, import_client_fetch38.instanceOfUiText)(fieldError) && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Message.Content, { message: fieldError })
   ] });
 }
+function LabelAction({ attributes }) {
+  const intl = (0, import_react_intl19.useIntl)();
+  const { flowType, flow, formState } = (0, import_elements_react14.useOryFlow)();
+  const config = (0, import_elements_react14.useOryConfiguration)();
+  const action = (0, import_react16.useMemo)(() => {
+    if (flowType === import_client_fetch38.FlowType.Login && config.project.recovery_enabled) {
+      if (formState.current === "provide_identifier" && !flow.refresh) {
+        if (attributes.name === "identifier") {
+          return {
+            message: intl.formatMessage({
+              id: "forms.label.recover-account",
+              defaultMessage: "Recover Account"
+            }),
+            href: initFlowUrl(config.sdk.url, "recovery", flow)
+          };
+        }
+      } else if (attributes.type === "password") {
+        return {
+          message: intl.formatMessage({
+            id: "forms.label.forgot-password",
+            defaultMessage: "Forgot password?"
+          }),
+          href: initFlowUrl(config.sdk.url, "recovery", flow)
+        };
+      }
+    }
+  }, [
+    attributes,
+    config.project.recovery_enabled,
+    flow,
+    flowType,
+    intl,
+    config.sdk.url,
+    formState
+  ]);
+  return action ? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+    "a",
+    {
+      href: action.href,
+      className: "text-button-link-brand-brand transition-colors hover:text-button-link-brand-brand-hover underline",
+      children: action.message
+    }
+  ) : null;
+}
 
 // src/theme/default/components/form/link-button.tsx
 var import_client_fetch39 = require("@ory/client-fetch");
-var import_elements_react14 = require("@ory/elements-react");
-var import_react13 = require("react");
+var import_elements_react15 = require("@ory/elements-react");
+var import_react17 = require("react");
 var import_react_intl20 = require("react-intl");
 var import_jsx_runtime76 = require("react/jsx-runtime");
-var DefaultLinkButton = (0, import_react13.forwardRef)(({ attributes, node }, ref) => {
+var DefaultLinkButton = (0, import_react17.forwardRef)(({ attributes, node }, ref) => {
   const intl = (0, import_react_intl20.useIntl)();
   const label = (0, import_client_fetch39.getNodeLabel)(node);
   return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
@@ -4624,25 +5122,25 @@ var DefaultLinkButton = (0, import_react13.forwardRef)(({ attributes, node }, re
     {
       ...omitInputAttributes(attributes),
       ref,
-      title: label ? (0, import_elements_react14.uiTextToFormattedMessage)(label, intl) : "",
+      title: label ? (0, import_elements_react15.uiTextToFormattedMessage)(label, intl) : "",
       "data-testid": `ory/form/node/link/${attributes.id}`,
       className: cn(
         "antialiased rounded cursor-pointer text-center border gap-3 leading-none bg-button-primary-background-default hover:bg-button-primary-background-hover transition-colors text-button-primary-foreground-default hover:text-button-primary-foreground-hover p-4 font-medium"
       ),
-      children: label ? (0, import_elements_react14.uiTextToFormattedMessage)(label, intl) : ""
+      children: label ? (0, import_elements_react15.uiTextToFormattedMessage)(label, intl) : ""
     }
   );
 });
 DefaultLinkButton.displayName = "DefaultLinkButton";
 
 // src/theme/default/components/form/pin-code-input.tsx
-var import_react_hook_form19 = require("react-hook-form");
+var import_react_hook_form20 = require("react-hook-form");
 
 // src/theme/default/components/form/shadcn/otp-input.tsx
 var import_input_otp = require("input-otp");
-var React25 = __toESM(require("react"));
+var React26 = __toESM(require("react"));
 var import_jsx_runtime77 = require("react/jsx-runtime");
-var InputOTP = React25.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+var InputOTP = React26.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
   import_input_otp.OTPInput,
   {
     ref,
@@ -4655,17 +5153,17 @@ var InputOTP = React25.forwardRef(({ className, containerClassName, ...props },
   }
 ));
 InputOTP.displayName = "InputOTP";
-var InputOTPGroup = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { ref, className: cn("flex items-center", className), ...props }));
+var InputOTPGroup = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { ref, className: cn("flex items-center", className), ...props }));
 InputOTPGroup.displayName = "InputOTPGroup";
-var InputOTPSlot = React25.forwardRef(({ index, className, ...props }, ref) => {
-  const inputOTPContext = React25.useContext(import_input_otp.OTPInputContext);
+var InputOTPSlot = React26.forwardRef(({ index, className, ...props }, ref) => {
+  const inputOTPContext = React26.useContext(import_input_otp.OTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
   return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
     "div",
     {
       ref,
       className: cn(
-        "rounded-forms border border-solid bg-input-background-default py-[15px] text-center focus-visible:outline-none w-full",
+        "rounded-forms border border-solid bg-input-background-default text-input-foreground-primary py-[15px] text-center focus-visible:outline-none w-full",
         "relative flex items-center justify-center transition-all leading-none",
         isActive ? "border-input-border-focus" : "border-input-border-default",
         className
@@ -4681,14 +5179,14 @@ var InputOTPSlot = React25.forwardRef(({ index, className, ...props }, ref) => {
 InputOTPSlot.displayName = "InputOTPSlot";
 
 // src/theme/default/components/form/pin-code-input.tsx
-var import_elements_react15 = require("@ory/elements-react");
+var import_elements_react16 = require("@ory/elements-react");
 var import_client_fetch40 = require("@ory/client-fetch");
 var import_jsx_runtime78 = require("react/jsx-runtime");
 var DefaultPinCodeInput = ({ attributes }) => {
-  const { setValue, watch } = (0, import_react_hook_form19.useFormContext)();
+  const { setValue, watch } = (0, import_react_hook_form20.useFormContext)();
   const { maxlength, name } = attributes;
   const elements = maxlength != null ? maxlength : 6;
-  const { flowType } = (0, import_elements_react15.useOryFlow)();
+  const { flowType } = (0, import_elements_react16.useOryFlow)();
   const handleInputChange = (v) => {
     setValue(name, v);
   };
@@ -4763,7 +5261,7 @@ var DefaultFormSectionFooter = ({
 };
 
 // src/theme/default/components/form/text.tsx
-var import_elements_react16 = require("@ory/elements-react");
+var import_elements_react17 = require("@ory/elements-react");
 var import_react_intl21 = require("react-intl");
 var import_jsx_runtime80 = require("react/jsx-runtime");
 function DefaultText({ node, attributes }) {
@@ -4772,12 +5270,12 @@ function DefaultText({ node, attributes }) {
   const lookup = (_a = attributes.text.context) == null ? void 0 : _a.secrets;
   if (lookup) {
     return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(import_jsx_runtime80.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("p", { "data-testid": `ory/form/node/text/${attributes.id}/label`, children: node.meta.label ? (0, import_elements_react16.uiTextToFormattedMessage)(node.meta.label, intl) : "" }),
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("p", { "data-testid": `ory/form/node/text/${attributes.id}/label`, children: node.meta.label ? (0, import_elements_react17.uiTextToFormattedMessage)(node.meta.label, intl) : "" }),
       lookup.map((text, index) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
         "pre",
         {
           "data-testid": `ory/form/node/text/lookup_secret_codes/text`,
-          children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("code", { children: text ? (0, import_elements_react16.uiTextToFormattedMessage)(text, intl) : "" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("code", { children: text ? (0, import_elements_react17.uiTextToFormattedMessage)(text, intl) : "" })
         },
         index
       ))
@@ -4789,22 +5287,22 @@ function DefaultText({ node, attributes }) {
       "data-testid": `ory/form/node/text/${attributes.id}/label`,
       id: attributes.id,
       children: [
-        node.meta.label ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("label", { children: (0, import_elements_react16.uiTextToFormattedMessage)(node.meta.label, intl) }) : null,
-        attributes.text ? (0, import_elements_react16.uiTextToFormattedMessage)(attributes.text, intl) : ""
+        node.meta.label ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("label", { children: (0, import_elements_react17.uiTextToFormattedMessage)(node.meta.label, intl) }) : null,
+        attributes.text ? (0, import_elements_react17.uiTextToFormattedMessage)(attributes.text, intl) : ""
       ]
     }
   ) });
 }
 
 // src/theme/default/components/generic/page-header.tsx
-var import_elements_react18 = require("@ory/elements-react");
+var import_elements_react19 = require("@ory/elements-react");
 
 // src/theme/default/components/ui/user-menu.tsx
-var import_elements_react17 = require("@ory/elements-react");
+var import_elements_react18 = require("@ory/elements-react");
 var import_react_dropdown_menu = require("@radix-ui/react-dropdown-menu");
 
 // src/theme/default/assets/icons/logout.svg
-var React26 = __toESM(require("react"));
+var React27 = __toESM(require("react"));
 var import_jsx_runtime81 = require("react/jsx-runtime");
 var SvgLogout = (props) => {
   var _a, _b;
@@ -4813,7 +5311,7 @@ var SvgLogout = (props) => {
 var logout_default = SvgLogout;
 
 // src/theme/default/assets/icons/settings.svg
-var React27 = __toESM(require("react"));
+var React28 = __toESM(require("react"));
 var import_jsx_runtime82 = require("react/jsx-runtime");
 var SvgSettings = (props) => {
   var _a, _b;
@@ -4864,12 +5362,12 @@ var getUserInitials = (session) => {
 };
 
 // src/theme/default/components/ui/dropdown-menu.tsx
-var import_react14 = require("react");
+var import_react18 = require("react");
 var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
 var import_jsx_runtime83 = require("react/jsx-runtime");
 var DropdownMenu = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
-var DropdownMenuContent = (0, import_react14.forwardRef)(({ className, sideOffset = 16, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+var DropdownMenuContent = (0, import_react18.forwardRef)(({ className, sideOffset = 16, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -4884,7 +5382,7 @@ var DropdownMenuContent = (0, import_react14.forwardRef)(({ className, sideOffse
   }
 ) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = (0, import_react14.forwardRef)(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+var DropdownMenuItem = (0, import_react18.forwardRef)(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -4902,7 +5400,7 @@ var DropdownMenuItem = (0, import_react14.forwardRef)(({ className, inset, ...pr
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuLabel = (0, import_react14.forwardRef)(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+var DropdownMenuLabel = (0, import_react18.forwardRef)(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -4917,10 +5415,10 @@ var DropdownMenuLabel = (0, import_react14.forwardRef)(({ className, inset, ...p
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
 
 // src/theme/default/components/ui/user-avater.tsx
-var import_react15 = require("react");
+var import_react19 = require("react");
 
 // src/theme/default/assets/icons/user.svg
-var React28 = __toESM(require("react"));
+var React29 = __toESM(require("react"));
 var import_jsx_runtime84 = require("react/jsx-runtime");
 var SvgUser = (props) => {
   var _a, _b;
@@ -4930,7 +5428,7 @@ var user_default = SvgUser;
 
 // src/theme/default/components/ui/user-avater.tsx
 var import_jsx_runtime85 = require("react/jsx-runtime");
-var UserAvatar = (0, import_react15.forwardRef)(
+var UserAvatar = (0, import_react19.forwardRef)(
   ({ initials, ...rest }, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
       "button",
@@ -4961,7 +5459,7 @@ UserAvatar.displayName = "UserAvatar";
 // src/theme/default/components/ui/user-menu.tsx
 var import_jsx_runtime86 = require("react/jsx-runtime");
 var UserMenu = ({ session }) => {
-  const config = (0, import_elements_react17.useOryConfiguration)();
+  const config = (0, import_elements_react18.useOryConfiguration)();
   const initials = getUserInitials(session);
   const { logoutFlow } = useClientLogout(config);
   return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(DropdownMenu, { children: [
@@ -4992,15 +5490,15 @@ var import_react_intl22 = require("react-intl");
 var import_jsx_runtime87 = require("react/jsx-runtime");
 var DefaultPageHeader = (_props) => {
   var _a;
-  const { Card } = (0, import_elements_react18.useComponents)();
+  const { Card } = (0, import_elements_react19.useComponents)();
   const { session } = (0, import_client4.useSession)();
   const intl = (0, import_react_intl22.useIntl)();
-  const { flow } = (0, import_elements_react18.useOryFlow)();
-  const config = (0, import_elements_react18.useOryConfiguration)();
+  const { flow } = (0, import_elements_react19.useOryFlow)();
+  const config = (0, import_elements_react19.useOryConfiguration)();
   const returnUrl = (_a = flow.return_to) != null ? _a : config.project.default_redirect_url;
   return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "mt-16 flex max-w-screen-sm w-full md:max-w-[712px] lg:max-w-[802px] xl:max-w-[896px] flex-col gap-3 px-4", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex flex-col gap-12", children: [
     /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex max-h-10 flex-1 justify-between gap-2 items-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Card.Logo, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "h-9", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Card.Logo, {}) }),
       /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(UserMenu, { session })
     ] }),
     returnUrl && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
@@ -5008,7 +5506,7 @@ var DefaultPageHeader = (_props) => {
       {
         "data-testid": "ory/screen/settings/back-button",
         href: returnUrl,
-        className: "inline-flex gap-2 items-center",
+        className: "inline-flex gap-2 items-center text-button-link-default-primary hover:text-button-link-default-primary-hover",
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(arrow_left_default, {}),
           " ",
@@ -5023,12 +5521,12 @@ var DefaultPageHeader = (_props) => {
 };
 
 // src/theme/default/components/settings/settings-oidc.tsx
-var import_react16 = require("react");
-var import_react_hook_form20 = require("react-hook-form");
-var import_usehooks_ts2 = require("usehooks-ts");
+var import_react20 = require("react");
+var import_react_hook_form21 = require("react-hook-form");
+var import_usehooks_ts3 = require("usehooks-ts");
 
 // src/theme/default/assets/icons/trash.svg
-var React29 = __toESM(require("react"));
+var React30 = __toESM(require("react"));
 var import_jsx_runtime88 = require("react/jsx-runtime");
 var SvgTrash = (props) => {
   var _a, _b;
@@ -5068,11 +5566,11 @@ function DefaultSettingsOidc({
   ] });
 }
 function UnlinkRow({ button }) {
-  var _a, _b, _c;
-  const [clicked, setClicked] = (0, import_usehooks_ts2.useDebounceValue)(false, 100);
+  var _a, _b;
+  const [clicked, setClicked] = (0, import_usehooks_ts3.useDebounceValue)(false, 100);
   const {
     formState: { isSubmitting }
-  } = (0, import_react_hook_form20.useFormContext)();
+  } = (0, import_react_hook_form21.useFormContext)();
   const attrs = button.attributes;
   const provider = (_b = extractProvider((_a = button.meta.label) == null ? void 0 : _a.context)) != null ? _b : "";
   const Logo = provider_logos_default[attrs.value.split("-")[0]];
@@ -5080,12 +5578,11 @@ function UnlinkRow({ button }) {
     button.onClick();
     setClicked(true);
   };
-  (0, import_react16.useEffect)(() => {
+  (0, import_react20.useEffect)(() => {
     if (!isSubmitting) {
       setClicked(false);
     }
   }, [isSubmitting, setClicked]);
-  console.log((_c = button.meta.label) == null ? void 0 : _c.context);
   return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "flex justify-between", children: [
     /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "flex items-center gap-6", children: [
       Logo ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Logo, { size: 32 }) : /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(GenericLogo, { label: provider.slice(0, 1) }),
@@ -5113,8 +5610,8 @@ function UnlinkRow({ button }) {
 }
 
 // src/theme/default/components/settings/settings-passkey.tsx
-var import_elements_react19 = require("@ory/elements-react");
-var import_react_hook_form21 = require("react-hook-form");
+var import_elements_react20 = require("@ory/elements-react");
+var import_react_hook_form22 = require("react-hook-form");
 var import_jsx_runtime90 = require("react/jsx-runtime");
 function DefaultSettingsPasskey({
   triggerButton,
@@ -5122,8 +5619,8 @@ function DefaultSettingsPasskey({
 }) {
   const {
     formState: { isSubmitting }
-  } = (0, import_react_hook_form21.useFormContext)();
-  const { Node: Node2 } = (0, import_elements_react19.useComponents)();
+  } = (0, import_react_hook_form22.useFormContext)();
+  const { Node: Node2 } = (0, import_elements_react20.useComponents)();
   const hasRemoveButtons = removeButtons.length > 0;
   return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex flex-col gap-8", children: [
     /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "flex max-w-[60%] items-end gap-3", children: triggerButton && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
@@ -5192,7 +5689,7 @@ function DefaultSettingsPasskey({
 }
 
 // src/theme/default/assets/icons/download.svg
-var React30 = __toESM(require("react"));
+var React31 = __toESM(require("react"));
 var import_jsx_runtime91 = require("react/jsx-runtime");
 var SvgDownload = (props) => {
   var _a, _b;
@@ -5201,7 +5698,7 @@ var SvgDownload = (props) => {
 var download_default = SvgDownload;
 
 // src/theme/default/assets/icons/refresh.svg
-var React31 = __toESM(require("react"));
+var React32 = __toESM(require("react"));
 var import_jsx_runtime92 = require("react/jsx-runtime");
 var SvgRefresh = (props) => {
   var _a, _b;
@@ -5210,7 +5707,7 @@ var SvgRefresh = (props) => {
 var refresh_default = SvgRefresh;
 
 // src/theme/default/components/settings/settings-recovery-codes.tsx
-var import_react_hook_form22 = require("react-hook-form");
+var import_react_hook_form23 = require("react-hook-form");
 var import_jsx_runtime93 = require("react/jsx-runtime");
 function DefaultSettingsRecoveryCodes({
   codes,
@@ -5221,7 +5718,7 @@ function DefaultSettingsRecoveryCodes({
 }) {
   const {
     formState: { isSubmitting }
-  } = (0, import_react_hook_form22.useFormContext)();
+  } = (0, import_react_hook_form23.useFormContext)();
   const onDownload = () => {
     const element = document.createElement("a");
     const file = new Blob([codes.join("\n")], {
@@ -5304,10 +5801,10 @@ function DefaultSettingsRecoveryCodes({
 }
 
 // src/theme/default/components/settings/settings-totp.tsx
-var import_elements_react20 = require("@ory/elements-react");
+var import_elements_react21 = require("@ory/elements-react");
 
 // src/theme/default/assets/icons/qrcode.svg
-var React32 = __toESM(require("react"));
+var React33 = __toESM(require("react"));
 var import_jsx_runtime94 = require("react/jsx-runtime");
 var SvgQrcode = (props) => {
   var _a, _b;
@@ -5316,7 +5813,7 @@ var SvgQrcode = (props) => {
 var qrcode_default = SvgQrcode;
 
 // src/theme/default/components/settings/settings-totp.tsx
-var import_react_hook_form23 = require("react-hook-form");
+var import_react_hook_form24 = require("react-hook-form");
 var import_jsx_runtime95 = require("react/jsx-runtime");
 function DefaultSettingsTotp({
   totpImage,
@@ -5325,10 +5822,10 @@ function DefaultSettingsTotp({
   totpUnlink,
   onUnlink
 }) {
-  const { Node: Node2, Card } = (0, import_elements_react20.useComponents)();
+  const { Node: Node2, Card } = (0, import_elements_react21.useComponents)();
   const {
     formState: { isSubmitting }
-  } = (0, import_react_hook_form23.useFormContext)();
+  } = (0, import_react_hook_form24.useFormContext)();
   if (totpUnlink) {
     const {
       type,
@@ -5412,10 +5909,10 @@ function DefaultSettingsTotp({
 }
 
 // src/theme/default/components/settings/settings-webauthn.tsx
-var import_elements_react21 = require("@ory/elements-react");
+var import_elements_react22 = require("@ory/elements-react");
 
 // src/theme/default/assets/icons/key.svg
-var React33 = __toESM(require("react"));
+var React34 = __toESM(require("react"));
 var import_jsx_runtime96 = require("react/jsx-runtime");
 var SvgKey = (props) => {
   var _a, _b;
@@ -5424,7 +5921,7 @@ var SvgKey = (props) => {
 var key_default = SvgKey;
 
 // src/theme/default/components/settings/settings-webauthn.tsx
-var import_react_hook_form24 = require("react-hook-form");
+var import_react_hook_form25 = require("react-hook-form");
 var import_jsx_runtime97 = require("react/jsx-runtime");
 function DefaultSettingsWebauthn({
   nameInput,
@@ -5433,8 +5930,8 @@ function DefaultSettingsWebauthn({
 }) {
   const {
     formState: { isSubmitting }
-  } = (0, import_react_hook_form24.useFormContext)();
-  const { Node: Node2, Card } = (0, import_elements_react21.useComponents)();
+  } = (0, import_react_hook_form25.useFormContext)();
+  const { Node: Node2, Card } = (0, import_elements_react22.useComponents)();
   const hasRemoveButtons = removeButtons.length > 0;
   return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex flex-col gap-8", children: [
     /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex md:max-w-96 sm:items-end gap-3 flex-col sm:flex-row", children: [
@@ -5529,14 +6026,14 @@ function DefaultAuthMethodListContainer({
 // src/theme/default/components/form/captcha.tsx
 var import_client_fetch41 = require("@ory/client-fetch");
 var import_react_turnstile = require("@marsidev/react-turnstile");
-var import_react17 = require("react");
-var import_react_hook_form25 = require("react-hook-form");
+var import_react21 = require("react");
+var import_react_hook_form26 = require("react-hook-form");
 var import_jsx_runtime99 = require("react/jsx-runtime");
 var DefaultCaptcha = ({ node }) => {
-  const { setValue, formState } = (0, import_react_hook_form25.useFormContext)();
-  const ref = (0, import_react17.useRef)();
-  const prevSubmitCount = (0, import_react17.useRef)(formState.submitCount);
-  (0, import_react17.useEffect)(() => {
+  const { setValue, formState } = (0, import_react_hook_form26.useFormContext)();
+  const ref = (0, import_react21.useRef)();
+  const prevSubmitCount = (0, import_react21.useRef)(formState.submitCount);
+  (0, import_react21.useEffect)(() => {
     if (formState.submitCount > prevSubmitCount.current && formState.isSubmitSuccessful) {
       prevSubmitCount.current = formState.submitCount;
       setTimeout(() => {
@@ -5579,25 +6076,25 @@ var DefaultCaptcha = ({ node }) => {
 };
 
 // src/theme/default/assets/icons/personal.svg
-var React34 = __toESM(require("react"));
+var React35 = __toESM(require("react"));
 var import_jsx_runtime100 = require("react/jsx-runtime");
 var SvgPersonal = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("path", { stroke: "#0F172A", strokeLinecap: "round", strokeLinejoin: "round", d: "M4 14v-1.333A2.667 2.667 0 0 1 6.667 10h1m5.8 3.467 1.2 1.2m-9.334-10a2.667 2.667 0 1 0 5.334 0 2.667 2.667 0 0 0-5.334 0M10 12a2 2 0 1 0 4 0 2 2 0 0 0-4 0" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M4 14v-1.333A2.667 2.667 0 0 1 6.667 10h1m5.8 3.467 1.2 1.2m-9.334-10a2.667 2.667 0 1 0 5.334 0 2.667 2.667 0 0 0-5.334 0M10 12a2 2 0 1 0 4 0 2 2 0 0 0-4 0" }) });
 };
 var personal_default = SvgPersonal;
 
 // src/theme/default/assets/icons/message.svg
-var React35 = __toESM(require("react"));
+var React36 = __toESM(require("react"));
 var import_jsx_runtime101 = require("react/jsx-runtime");
 var SvgMessage = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 25", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("path", { stroke: "#000", strokeLinecap: "round", strokeLinejoin: "round", d: "M3 7.325a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2m-18 0v10a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-10m-18 0 9 6 9-6" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 25", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M3 7.325a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2m-18 0v10a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-10m-18 0 9 6 9-6" }) });
 };
 var message_default = SvgMessage;
 
 // src/theme/default/assets/icons/phone.svg
-var React36 = __toESM(require("react"));
+var React37 = __toESM(require("react"));
 var import_jsx_runtime102 = require("react/jsx-runtime");
 var SvgPhone = (props) => {
   var _a, _b;
@@ -5653,9 +6150,47 @@ function DefaultConsentScopeCheckbox({
   );
 }
 
+// src/theme/default/components/generic/toast.tsx
+var import_elements_react23 = require("@ory/elements-react");
+var import_react_intl24 = require("react-intl");
+var import_jsx_runtime104 = require("react/jsx-runtime");
+function DefaultToast({
+  message,
+  // Id can be used to close the toast later, but we don't use it here
+  id: _
+}) {
+  const intl = (0, import_react_intl24.useIntl)();
+  const title = message.type === "error" ? intl.formatMessage({ id: "settings.messages.toast-title.error" }) : intl.formatMessage({ id: "settings.messages.toast-title.success" });
+  const messageText = (0, import_elements_react23.uiTextToFormattedMessage)(message, intl);
+  return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
+    "div",
+    {
+      className: "rounded-cards bg-interface-background-default-inverted border border-interface-border-default-primary p-5 flex-col",
+      ...(0, import_elements_react23.messageTestId)(message),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+          "p",
+          {
+            className: cn("font-medium", {
+              "text-interface-foreground-validation-success": message.type === "success",
+              "text-interface-foreground-validation-danger": message.type === "error",
+              "text-interface-foreground-validation-warning": (
+                // Currently unused from Kratos, but kept for future use
+                message.type === "warning"
+              )
+            }),
+            children: title
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("p", { className: "text-interface-foreground-default-inverted", children: messageText })
+      ]
+    }
+  );
+}
+
 // src/theme/default/components/default-components.tsx
 function getOryComponents(overrides) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S, _T, _U, _V, _W, _X, _Y, _Z, __, _$, _aa, _ba, _ca, _da, _ea, _fa, _ga, _ha, _ia, _ja, _ka, _la;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S, _T, _U, _V, _W, _X, _Y, _Z, __, _$, _aa, _ba, _ca, _da, _ea, _fa, _ga, _ha, _ia, _ja, _ka, _la, _ma, _na;
   return {
     Card: {
       Root: (_b = (_a = overrides == null ? void 0 : overrides.Card) == null ? void 0 : _a.Root) != null ? _b : DefaultCard,
@@ -5672,7 +6207,7 @@ function getOryComponents(overrides) {
     },
     Node: {
       Button: (_x = (_w = overrides == null ? void 0 : overrides.Node) == null ? void 0 : _w.Button) != null ? _x : DefaultButton,
-      OidcButton: (_z = (_y = overrides == null ? void 0 : overrides.Node) == null ? void 0 : _y.OidcButton) != null ? _z : DefaultButtonSocial,
+      SsoButton: (_z = (_y = overrides == null ? void 0 : overrides.Node) == null ? void 0 : _y.SsoButton) != null ? _z : DefaultButtonSocial,
       Input: (_B = (_A = overrides == null ? void 0 : overrides.Node) == null ? void 0 : _A.Input) != null ? _B : DefaultInput,
       CodeInput: (_D = (_C = overrides == null ? void 0 : overrides.Node) == null ? void 0 : _C.CodeInput) != null ? _D : DefaultPinCodeInput,
       Image: (_F = (_E = overrides == null ? void 0 : overrides.Node) == null ? void 0 : _E.Image) != null ? _F : DefaultImage,
@@ -5686,29 +6221,30 @@ function getOryComponents(overrides) {
     Form: {
       Root: (_T = (_S = overrides == null ? void 0 : overrides.Form) == null ? void 0 : _S.Root) != null ? _T : DefaultFormContainer,
       Group: (_V = (_U = overrides == null ? void 0 : overrides.Form) == null ? void 0 : _U.Group) != null ? _V : DefaultGroupContainer,
-      OidcRoot: (_X = (_W = overrides == null ? void 0 : overrides.Form) == null ? void 0 : _W.OidcRoot) != null ? _X : DefaultSocialButtonContainer,
+      SsoRoot: (_X = (_W = overrides == null ? void 0 : overrides.Form) == null ? void 0 : _W.SsoRoot) != null ? _X : DefaultSocialButtonContainer,
       RecoveryCodesSettings: (_Z = (_Y = overrides == null ? void 0 : overrides.Form) == null ? void 0 : _Y.RecoveryCodesSettings) != null ? _Z : DefaultSettingsRecoveryCodes,
       TotpSettings: (_$ = (__ = overrides == null ? void 0 : overrides.Form) == null ? void 0 : __.TotpSettings) != null ? _$ : DefaultSettingsTotp,
-      OidcSettings: (_ba = (_aa = overrides == null ? void 0 : overrides.Form) == null ? void 0 : _aa.OidcSettings) != null ? _ba : DefaultSettingsOidc,
+      SsoSettings: (_ba = (_aa = overrides == null ? void 0 : overrides.Form) == null ? void 0 : _aa.SsoSettings) != null ? _ba : DefaultSettingsOidc,
       WebauthnSettings: (_da = (_ca = overrides == null ? void 0 : overrides.Form) == null ? void 0 : _ca.WebauthnSettings) != null ? _da : DefaultSettingsWebauthn,
       PasskeySettings: (_fa = (_ea = overrides == null ? void 0 : overrides.Form) == null ? void 0 : _ea.PasskeySettings) != null ? _fa : DefaultSettingsPasskey
     },
     Message: {
       Root: (_ha = (_ga = overrides == null ? void 0 : overrides.Message) == null ? void 0 : _ga.Root) != null ? _ha : DefaultMessageContainer,
-      Content: (_ja = (_ia = overrides == null ? void 0 : overrides.Message) == null ? void 0 : _ia.Content) != null ? _ja : DefaultMessage
+      Content: (_ja = (_ia = overrides == null ? void 0 : overrides.Message) == null ? void 0 : _ia.Content) != null ? _ja : DefaultMessage,
+      Toast: (_la = (_ka = overrides == null ? void 0 : overrides.Message) == null ? void 0 : _ka.Toast) != null ? _la : DefaultToast
     },
     Page: {
-      Header: (_la = (_ka = overrides == null ? void 0 : overrides.Page) == null ? void 0 : _ka.Header) != null ? _la : DefaultPageHeader
+      Header: (_na = (_ma = overrides == null ? void 0 : overrides.Page) == null ? void 0 : _ma.Header) != null ? _na : DefaultPageHeader
     }
   };
 }
 
 // src/theme/default/flows/error.tsx
 var import_client_fetch42 = require("@ory/client-fetch");
-var import_elements_react22 = require("@ory/elements-react");
-var import_react18 = require("react");
-var import_react_intl24 = require("react-intl");
-var import_jsx_runtime104 = require("react/jsx-runtime");
+var import_elements_react24 = require("@ory/elements-react");
+var import_react22 = require("react");
+var import_react_intl25 = require("react-intl");
+var import_jsx_runtime105 = require("react/jsx-runtime");
 function isOAuth2Error(error) {
   return !!error && typeof error === "object" && "error" in error && "error_description" in error;
 }
@@ -5717,7 +6253,7 @@ var errorDescriptions = {
   5: "The server encountered an error and could not complete your request"
 };
 function useStandardize(error) {
-  return (0, import_react18.useMemo)(() => {
+  return (0, import_react22.useMemo)(() => {
     var _a;
     if (isOAuth2Error(error)) {
       return {
@@ -5761,47 +6297,47 @@ function Error2({
   const Divider = (_d = (_c = Components == null ? void 0 : Components.Card) == null ? void 0 : _c.Divider) != null ? _d : DefaultHorizontalDivider;
   const parsed = useStandardize(error);
   const description = errorDescriptions[Math.floor(parsed.code / 100)];
-  return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_elements_react22.OryConfigurationProvider, { sdk: config.sdk, project: config.project, children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_elements_react24.OryConfigurationProvider, { sdk: config.sdk, project: config.project, children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
     IntlProvider,
     {
       locale: (_f = (_e = config.intl) == null ? void 0 : _e.locale) != null ? _f : "en",
       customTranslations: (_g = config.intl) == null ? void 0 : _g.customTranslations,
-      children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Card, { children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Card, { children: /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
         "div",
         {
           className: "flex flex-col gap-6 antialiased",
           "data-testid": "ory/screen/error",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("header", { className: "flex flex-col gap-8 antialiased", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(ErrorLogo, {}),
-              /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex flex-col gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("h2", { className: "text-lg font-semibold leading-normal text-interface-foreground-default-primary", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react_intl24.FormattedMessage, { id: "error.title.what-happened" }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("p", { className: "leading-normal text-interface-foreground-default-secondary", children: (_h = parsed.message) != null ? _h : description }),
-                parsed.reason && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("p", { className: "leading-normal text-interface-foreground-default-secondary", children: parsed.reason })
+            /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("header", { className: "flex flex-col gap-8 antialiased", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { className: "max-h-9 self-start", children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(ErrorLogo, {}) }),
+              /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("h2", { className: "text-lg font-semibold leading-normal text-interface-foreground-default-primary", children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_react_intl25.FormattedMessage, { id: "error.title.what-happened" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("p", { className: "leading-normal text-interface-foreground-default-secondary", children: (_h = parsed.message) != null ? _h : description }),
+                parsed.reason && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("p", { className: "leading-normal text-interface-foreground-default-secondary", children: parsed.reason })
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Divider, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex flex-col gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("h2", { className: "text-lg font-semibold leading-normal text-interface-foreground-default-primary", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react_intl24.FormattedMessage, { id: "error.title.what-can-i-do" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("p", { className: "leading-normal text-interface-foreground-default-secondary", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react_intl24.FormattedMessage, { id: "error.instructions" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { children: session ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(LoggedInActions, {}) : /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(GoBackButton, {}) })
+            /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Divider, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "flex flex-col gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("h2", { className: "text-lg font-semibold leading-normal text-interface-foreground-default-primary", children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_react_intl25.FormattedMessage, { id: "error.title.what-can-i-do" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("p", { className: "leading-normal text-interface-foreground-default-secondary", children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_react_intl25.FormattedMessage, { id: "error.instructions" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { children: session ? /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(LoggedInActions, {}) : /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(GoBackButton, {}) })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Divider, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "font-normal leading-normal antialiased gap-2 flex flex-col", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { className: "text-interface-foreground-default-primary text-sm", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react_intl24.FormattedMessage, { id: "error.footer.text" }) }),
-              parsed.id && /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("p", { className: "text-interface-foreground-default-secondary text-sm", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(Divider, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "font-normal leading-normal antialiased gap-2 flex flex-col", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { className: "text-interface-foreground-default-primary text-sm", children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_react_intl25.FormattedMessage, { id: "error.footer.text" }) }),
+              parsed.id && /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("p", { className: "text-interface-foreground-default-secondary text-sm", children: [
                 "ID: ",
-                /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("code", { children: parsed.id })
+                /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("code", { children: parsed.id })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("p", { className: "text-interface-foreground-default-secondary text-sm", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("p", { className: "text-interface-foreground-default-secondary text-sm", children: [
                 "Time: ",
-                /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("code", { children: (_i = parsed.timestamp) == null ? void 0 : _i.toUTCString() })
+                /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("code", { children: (_i = parsed.timestamp) == null ? void 0 : _i.toUTCString() })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("p", { className: "text-interface-foreground-default-secondary text-sm", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("p", { className: "text-interface-foreground-default-secondary text-sm", children: [
                 "Message: ",
-                /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("code", { children: parsed.reason })
+                /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("code", { children: parsed.reason })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
                 "button",
                 {
                   className: "text-interface-foreground-default-primary underline",
@@ -5813,7 +6349,7 @@ ${parsed.reason ? `Message: ${parsed.reason}` : ""}
 `;
                     void navigator.clipboard.writeText(text);
                   },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react_intl24.FormattedMessage, { id: "error.footer.copy" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_react_intl25.FormattedMessage, { id: "error.footer.copy" })
                 }
               ) })
             ] })
@@ -5824,43 +6360,43 @@ ${parsed.reason ? `Message: ${parsed.reason}` : ""}
   ) });
 }
 function LoggedInActions() {
-  const config = (0, import_elements_react22.useOryConfiguration)();
+  const config = (0, import_elements_react24.useOryConfiguration)();
   const { logoutFlow } = useClientLogout(config);
-  return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
     "a",
     {
       href: logoutFlow == null ? void 0 : logoutFlow.logout_url,
       className: "text-interface-foreground-default-primary underline",
-      children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react_intl24.FormattedMessage, { id: "login.logout-button" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_react_intl25.FormattedMessage, { id: "login.logout-button" })
     }
   );
 }
 function GoBackButton() {
-  const config = (0, import_elements_react22.useOryConfiguration)();
+  const config = (0, import_elements_react24.useOryConfiguration)();
   if ("default_redirect_url" in config.project) {
-    return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
       "a",
       {
         className: "text-interface-foreground-default-primary underline",
         href: config.project.default_redirect_url,
-        children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react_intl24.FormattedMessage, { id: "error.action.go-back" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_react_intl25.FormattedMessage, { id: "error.action.go-back" })
       }
     );
   }
   return null;
 }
 function ErrorLogo() {
-  const { project } = (0, import_elements_react22.useOryConfiguration)();
+  const { project } = (0, import_elements_react24.useOryConfiguration)();
   if (project.logo_light_url) {
-    return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("img", { src: project.logo_light_url, width: 100, height: 36, alt: "Logo" });
+    return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("img", { src: project.logo_light_url, className: "h-full", alt: "Logo" });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("h1", { className: "text-xl font-semibold leading-normal text-interface-foreground-default-primary", children: project.name });
+  return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("h1", { className: "text-xl font-semibold leading-normal text-interface-foreground-default-primary", children: project.name });
 }
 
 // src/theme/default/flows/login.tsx
 var import_client_fetch43 = require("@ory/client-fetch");
-var import_elements_react23 = require("@ory/elements-react");
-var import_jsx_runtime105 = require("react/jsx-runtime");
+var import_elements_react25 = require("@ory/elements-react");
+var import_jsx_runtime106 = require("react/jsx-runtime");
 function Login({
   flow,
   config,
@@ -5868,22 +6404,22 @@ function Login({
   components: flowOverrideComponents
 }) {
   const components = getOryComponents(flowOverrideComponents);
-  return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
-    import_elements_react23.OryProvider,
+  return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+    import_elements_react25.OryProvider,
     {
       config,
       flow,
       flowType: import_client_fetch43.FlowType.Login,
       components,
-      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_elements_react23.OryTwoStepCard, {})
+      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_elements_react25.OrySelfServiceFlowCard, {})
     }
   );
 }
 
 // src/theme/default/flows/recovery.tsx
 var import_client_fetch44 = require("@ory/client-fetch");
-var import_elements_react24 = require("@ory/elements-react");
-var import_jsx_runtime106 = require("react/jsx-runtime");
+var import_elements_react26 = require("@ory/elements-react");
+var import_jsx_runtime107 = require("react/jsx-runtime");
 function Recovery({
   flow,
   config,
@@ -5891,22 +6427,22 @@ function Recovery({
   components: flowOverrideComponents
 }) {
   const components = getOryComponents(flowOverrideComponents);
-  return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
-    import_elements_react24.OryProvider,
+  return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+    import_elements_react26.OryProvider,
     {
       config,
       flow,
       flowType: import_client_fetch44.FlowType.Recovery,
       components,
-      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_elements_react24.OryTwoStepCard, {})
+      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_elements_react26.OrySelfServiceFlowCard, {})
     }
   );
 }
 
 // src/theme/default/flows/registration.tsx
 var import_client_fetch45 = require("@ory/client-fetch");
-var import_elements_react25 = require("@ory/elements-react");
-var import_jsx_runtime107 = require("react/jsx-runtime");
+var import_elements_react27 = require("@ory/elements-react");
+var import_jsx_runtime108 = require("react/jsx-runtime");
 function Registration({
   flow,
   children,
@@ -5914,22 +6450,22 @@ function Registration({
   config
 }) {
   const components = getOryComponents(flowOverrideComponents);
-  return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
-    import_elements_react25.OryProvider,
+  return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+    import_elements_react27.OryProvider,
     {
       config,
       flow,
       flowType: import_client_fetch45.FlowType.Registration,
       components,
-      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_elements_react25.OryTwoStepCard, {})
+      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_elements_react27.OrySelfServiceFlowCard, {})
     }
   );
 }
 
 // src/theme/default/flows/settings.tsx
 var import_client_fetch46 = require("@ory/client-fetch");
-var import_elements_react26 = require("@ory/elements-react");
-var import_jsx_runtime108 = require("react/jsx-runtime");
+var import_elements_react28 = require("@ory/elements-react");
+var import_jsx_runtime109 = require("react/jsx-runtime");
 function Settings({
   flow,
   config,
@@ -5937,16 +6473,16 @@ function Settings({
   components: flowOverrideComponents
 }) {
   const components = getOryComponents(flowOverrideComponents);
-  return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
-    import_elements_react26.OryProvider,
+  return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+    import_elements_react28.OryProvider,
     {
       config,
       flow,
       flowType: import_client_fetch46.FlowType.Settings,
       components,
-      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(import_jsx_runtime108.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_elements_react26.HeadlessPageHeader, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_elements_react26.OrySettingsCard, {})
+      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(import_jsx_runtime109.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_elements_react28.OryPageHeader, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_elements_react28.OrySettingsCard, {})
       ] })
     }
   );
@@ -5954,8 +6490,8 @@ function Settings({
 
 // src/theme/default/flows/verification.tsx
 var import_client_fetch47 = require("@ory/client-fetch");
-var import_elements_react27 = require("@ory/elements-react");
-var import_jsx_runtime109 = require("react/jsx-runtime");
+var import_elements_react29 = require("@ory/elements-react");
+var import_jsx_runtime110 = require("react/jsx-runtime");
 function Verification({
   flow,
   config,
@@ -5963,21 +6499,21 @@ function Verification({
   components: flowOverrideComponents
 }) {
   const components = getOryComponents(flowOverrideComponents);
-  return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
-    import_elements_react27.OryProvider,
+  return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+    import_elements_react29.OryProvider,
     {
       config,
       flow,
       flowType: import_client_fetch47.FlowType.Verification,
       components,
-      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_elements_react27.OryTwoStepCard, {})
+      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_elements_react29.OrySelfServiceFlowCard, {})
     }
   );
 }
 
 // src/theme/default/flows/consent.tsx
 var import_client_fetch49 = require("@ory/client-fetch");
-var import_elements_react28 = require("@ory/elements-react");
+var import_elements_react30 = require("@ory/elements-react");
 
 // src/theme/default/utils/oauth2.ts
 var import_client_fetch48 = require("@ory/client-fetch");
@@ -6118,7 +6654,7 @@ function challengeNode(challenge) {
 }
 
 // src/theme/default/flows/consent.tsx
-var import_jsx_runtime110 = require("react/jsx-runtime");
+var import_jsx_runtime111 = require("react/jsx-runtime");
 function Consent({
   consentChallenge,
   session,
@@ -6135,14 +6671,14 @@ function Consent({
     formActionUrl,
     session
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
-    import_elements_react28.OryProvider,
+  return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
+    import_elements_react30.OryProvider,
     {
       config,
       flow,
       flowType: import_client_fetch49.FlowType.OAuth2Consent,
       components,
-      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_elements_react28.OryConsentCard, {})
+      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_elements_react30.OryConsentCard, {})
     }
   );
 }
@@ -6154,7 +6690,6 @@ function Consent({
   DefaultCardContent,
   DefaultCardFooter,
   DefaultCardHeader,
-  DefaultCardLayout,
   DefaultCardLogo,
   DefaultCurrentIdentifierButton,
   DefaultFormContainer,