@ory/elements-react 0.0.0-pr.5cdcf132 → 0.0.0-pr.6a36702c

package/dist/theme/default/index.js

@@ -92,46 +92,12 @@ function DefaultCardContent({ children }) {
 }
 
 // src/theme/default/components/card/footer.tsx
-var import_client_fetch27 = require("@ory/client-fetch");
+var import_client_fetch29 = require("@ory/client-fetch");
 var import_elements_react3 = require("@ory/elements-react");
 var import_react_intl10 = require("react-intl");
 
-// src/theme/default/utils/url.ts
-function restartFlowUrl(flow, fallback) {
-  return flow.request_url || appendReturnTo(fallback, flow.return_to);
-}
-function initFlowUrl(sdkUrl, flowType, flow) {
-  const result = `${sdkUrl}/self-service/${flowType}/browser`;
-  const qs = new URLSearchParams();
-  if (flow.oauth2_login_challenge) {
-    qs.set("login_challenge", flow.oauth2_login_challenge);
-  }
-  if (flow.return_to) {
-    qs.set("return_to", flow.return_to);
-  } else if (typeof window !== "undefined") {
-    const searchParams = new URLSearchParams(window.location.search);
-    if (searchParams.has("return_to")) {
-      qs.set("return_to", searchParams.get("return_to") || "");
-    }
-  }
-  if (qs.toString().length === 0) {
-    return result;
-  }
-  return result + "?" + qs.toString();
-}
-function appendReturnTo(url, returnTo) {
-  if (!returnTo) {
-    return url;
-  }
-  const urlObj = new URL(url);
-  urlObj.searchParams.set("return_to", returnTo);
-  return urlObj.toString();
-}
-
-// src/util/ui/index.ts
-var import_client_fetch2 = require("@ory/client-fetch");
-var import_client_fetch3 = require("@ory/client-fetch");
-var import_react2 = require("react");
+// src/components/card/two-step/state-select-method.tsx
+var import_client_fetch28 = require("@ory/client-fetch");
 
 // src/context/component.tsx
 var import_client_fetch = require("@ory/client-fetch");
@@ -155,7 +121,25 @@ var defaultGroupOrder = [
   import_client_fetch.UiNodeGroupEnum.Totp
 ];
 
+// src/context/flow-context.tsx
+var import_react4 = require("react");
+
+// src/context/form-state.ts
+var import_client_fetch5 = require("@ory/client-fetch");
+var import_react3 = require("react");
+
+// src/components/card/two-step/utils.ts
+var import_client_fetch4 = require("@ory/client-fetch");
+
+// src/theme/default/utils/form.ts
+function isGroupImmediateSubmit(group) {
+  return group === "code";
+}
+
 // src/util/ui/index.ts
+var import_client_fetch2 = require("@ory/client-fetch");
+var import_client_fetch3 = require("@ory/client-fetch");
+var import_react2 = require("react");
 function nodesToAuthMethodGroups(nodes, excludeAuthMethods = []) {
   var _a;
   const groups = {};
@@ -218,160 +202,214 @@ function useNodeGroupsWithVisibleNodes(nodes) {
   }, [nodes]);
 }
 
-// src/util/nodes.ts
-function findScreenSelectionButton(nodes) {
-  return nodes.find(
-    (node) => node.attributes.node_type === "input" && node.attributes.type === "submit" && node.attributes.name === "screen"
-  );
-}
-
-// src/components/card/two-step/state-select-method.tsx
-var import_client_fetch26 = require("@ory/client-fetch");
-
 // src/context/flow-context.tsx
-var import_react4 = require("react");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var OryFlowContext = (0, import_react4.createContext)(null);
 
-// src/context/form-state.ts
-var import_client_fetch5 = require("@ory/client-fetch");
-var import_react3 = require("react");
+// src/context/config.tsx
+var import_react5 = require("react");
 
-// src/components/card/two-step/utils.ts
-var import_client_fetch4 = require("@ory/client-fetch");
+// src/client/config.ts
+function isProduction() {
+  var _a, _b;
+  return ["production", "prod"].indexOf(
+    (_b = (_a = process.env.VERCEL_ENV) != null ? _a : process.env.NODE_ENV) != null ? _b : ""
+  ) > -1;
+}
 
-// src/theme/default/utils/form.ts
-function isGroupImmediateSubmit(group) {
-  return group === "code";
+// src/util/client.ts
+var import_client_fetch6 = require("@ory/client-fetch");
+function frontendClient(sdkUrl, opts = {}) {
+  const config = new import_client_fetch6.Configuration({
+    ...opts,
+    basePath: sdkUrl,
+    credentials: "include",
+    headers: {
+      Accept: "application/json",
+      ...opts.headers
+    }
+  });
+  return new import_client_fetch6.FrontendApi(config);
 }
 
-// src/context/flow-context.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var OryFlowContext = (0, import_react4.createContext)(null);
+// src/context/config.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var defaultProject = {
+  name: "Ory",
+  registration_enabled: true,
+  verification_enabled: true,
+  recovery_enabled: true,
+  recovery_ui_url: "/ui/recovery",
+  registration_ui_url: "/ui/registration",
+  verification_ui_url: "/ui/verification",
+  login_ui_url: "/ui/login",
+  settings_ui_url: "/ui/settings",
+  default_redirect_url: "/ui/welcome",
+  error_ui_url: "/ui/error",
+  default_locale: "en",
+  locale_behavior: "force_default"
+};
+var OryConfigurationContext = (0, import_react5.createContext)({
+  sdk: computeSdkConfig({}),
+  project: defaultProject
+});
+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 || {}
+    };
+  }
+  return {
+    url: getSDKUrl(),
+    options: (config == null ? void 0 : config.options) || {}
+  };
+}
+function getSDKUrl() {
+  var _a;
+  if (typeof process !== "undefined" && process.versions && process.versions.node) {
+    if (isProduction()) {
+      const sdkUrl = (_a = process.env["NEXT_PUBLIC_ORY_SDK_URL"]) != null ? _a : process.env["ORY_SDK_URL"];
+      if (!sdkUrl) {
+        throw new Error(
+          "Unable to determine SDK URL. Please set NEXT_PUBLIC_ORY_SDK_URL and/or ORY_SDK_URL in production environments."
+        );
+      }
+      return sdkUrl.replace(/\/$/, "");
+    } else {
+      if (process.env["__NEXT_PRIVATE_ORIGIN"]) {
+        return process.env["__NEXT_PRIVATE_ORIGIN"].replace(/\/$/, "");
+      } else if (process.env["VERCEL_URL"]) {
+        return `https://${process.env["VERCEL_URL"]}`.replace(/\/$/, "");
+      }
+    }
+  }
+  if (typeof window !== "undefined") {
+    return window.location.origin;
+  }
+  throw new Error(
+    "Unable to determine SDK URL. Please set NEXT_PUBLIC_ORY_SDK_URL and/or ORY_SDK_URL or supply the sdk.url parameter in the Ory configuration."
+  );
+}
 
 // src/context/intl-context.tsx
 var import_react_intl8 = require("react-intl");
 
 // src/components/form/form.tsx
-var import_client_fetch14 = require("@ory/client-fetch");
+var import_client_fetch16 = require("@ory/client-fetch");
 var import_react_hook_form2 = require("react-hook-form");
 var import_react_intl = require("react-intl");
 
 // src/components/form/useOryFormSubmit.ts
-var import_client_fetch13 = require("@ory/client-fetch");
+var import_client_fetch15 = require("@ory/client-fetch");
 var import_react_hook_form = require("react-hook-form");
 
 // src/util/onSubmitLogin.ts
+var import_client_fetch9 = require("@ory/client-fetch");
+
+// src/util/sdk-helpers/error.ts
 var import_client_fetch7 = require("@ory/client-fetch");
 
-// src/util/client.ts
-var import_client_fetch6 = require("@ory/client-fetch");
-function frontendClient(sdkUrl, opts = {}) {
-  const config = new import_client_fetch6.Configuration({
-    ...opts,
-    basePath: sdkUrl,
-    headers: {
-      Accept: "application/json",
-      ...opts.headers
-    }
-  });
-  return new import_client_fetch6.FrontendApi(config);
-}
+// src/util/sdk-helpers/utils.ts
+var import_client_fetch8 = require("@ory/client-fetch");
 
 // src/util/onSubmitRecovery.ts
-var import_client_fetch8 = require("@ory/client-fetch");
+var import_client_fetch10 = require("@ory/client-fetch");
 
 // src/util/onSubmitRegistration.ts
-var import_client_fetch9 = require("@ory/client-fetch");
+var import_client_fetch11 = require("@ory/client-fetch");
 
 // src/util/onSubmitSettings.ts
-var import_client_fetch10 = require("@ory/client-fetch");
+var import_client_fetch12 = require("@ory/client-fetch");
 
 // src/util/onSubmitVerification.ts
-var import_client_fetch11 = require("@ory/client-fetch");
+var import_client_fetch13 = require("@ory/client-fetch");
 
 // src/components/form/form-helpers.ts
-var import_client_fetch12 = require("@ory/client-fetch");
+var import_client_fetch14 = require("@ory/client-fetch");
 
 // src/components/form/form.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 
 // src/components/form/groups.tsx
-var import_client_fetch17 = require("@ory/client-fetch");
+var import_client_fetch19 = require("@ory/client-fetch");
 
 // src/components/form/nodes/input.tsx
-var import_client_fetch15 = require("@ory/client-fetch");
-var import_react5 = require("react");
+var import_client_fetch17 = require("@ory/client-fetch");
+var import_react6 = require("react");
 var import_react_hook_form3 = require("react-hook-form");
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 
 // src/components/form/nodes/node.tsx
-var import_client_fetch16 = require("@ory/client-fetch");
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_client_fetch18 = require("@ory/client-fetch");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 
 // src/components/form/groups.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 
 // src/components/form/messages.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 
 // src/components/form/social.tsx
-var import_client_fetch20 = require("@ory/client-fetch");
+var import_client_fetch22 = require("@ory/client-fetch");
 var import_react_hook_form5 = require("react-hook-form");
 
 // src/components/form/form-provider.tsx
-var import_client_fetch19 = require("@ory/client-fetch");
+var import_client_fetch21 = require("@ory/client-fetch");
 var import_react_hook_form4 = require("react-hook-form");
 
 // src/components/form/form-resolver.ts
-var import_client_fetch18 = require("@ory/client-fetch");
+var import_client_fetch20 = require("@ory/client-fetch");
 
 // src/components/form/form-provider.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 
 // src/components/form/social.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 
 // src/components/form/section.tsx
 var import_react_hook_form6 = require("react-hook-form");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 
 // src/components/generic/divider.tsx
-var import_client_fetch21 = require("@ory/client-fetch");
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_client_fetch23 = require("@ory/client-fetch");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 
 // src/components/generic/page-header.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 
 // src/components/settings/settings-card.tsx
-var import_client_fetch22 = require("@ory/client-fetch");
+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");
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 
 // src/components/settings/passkey-settings.tsx
 var import_react_hook_form8 = require("react-hook-form");
 var import_react_intl3 = require("react-intl");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 
 // src/components/settings/recovery-codes-settings.tsx
 var import_react_intl4 = require("react-intl");
 var import_react_hook_form9 = require("react-hook-form");
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 
 // src/components/settings/totp-settings.tsx
 var import_react_hook_form10 = require("react-hook-form");
 var import_react_intl5 = require("react-intl");
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 
 // src/components/settings/webauthn-settings.tsx
 var import_react_hook_form11 = require("react-hook-form");
 var import_react_intl6 = require("react-intl");
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 
 // src/components/settings/settings-card.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 
 // src/util/i18n/index.ts
 var uiTextToFormattedMessage = ({ id, context = {}, text }, intl) => {
@@ -2738,7 +2776,7 @@ var OryLocales = {
 };
 
 // src/context/intl-context.tsx
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 function mergeTranslations(customTranslations) {
   return Object.keys(customTranslations).reduce((acc, key) => {
     acc[key] = { ...OryLocales[key], ...customTranslations[key] };
@@ -2751,12 +2789,12 @@ var IntlProvider = ({
   customTranslations
 }) => {
   const messages = mergeTranslations(customTranslations != null ? customTranslations : {});
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     import_react_intl8.IntlProvider,
     {
       onWarn: () => ({}),
       defaultRichTextElements: {
-        del: (chunks) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("del", { children: chunks })
+        del: (chunks) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("del", { children: chunks })
       },
       locale,
       messages: messages[locale],
@@ -2767,35 +2805,35 @@ var IntlProvider = ({
 };
 
 // src/context/provider.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 
 // src/components/card/header.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 
 // src/components/card/card.tsx
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 
 // src/components/card/footer.tsx
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 
 // src/components/card/content.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 
 // src/components/card/two-step/state-method-active.tsx
-var import_client_fetch23 = require("@ory/client-fetch");
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_client_fetch25 = require("@ory/client-fetch");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 
 // src/components/card/two-step/state-provide-identifier.tsx
-var import_client_fetch24 = require("@ory/client-fetch");
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_client_fetch26 = require("@ory/client-fetch");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 
 // src/components/card/card-two-step.tsx
 var import_elements_react = require("@ory/elements-react");
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 
 // src/components/card/card-consent.tsx
-var import_client_fetch25 = require("@ory/client-fetch");
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_client_fetch27 = require("@ory/client-fetch");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 
 // src/components/card/two-step/state-select-method.tsx
 var import_react_intl9 = require("react-intl");
@@ -2803,34 +2841,41 @@ var import_react_intl9 = require("react-intl");
 // src/components/card/two-step/list-methods.tsx
 var import_elements_react2 = require("@ory/elements-react");
 var import_react_hook_form12 = require("react-hook-form");
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 
 // src/components/card/two-step/state-select-method.tsx
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 function toAuthMethodPickerOptions(visibleGroups) {
   return Object.fromEntries(
-    Object.values(import_client_fetch26.UiNodeGroupEnum).filter((group) => {
+    Object.values(import_client_fetch28.UiNodeGroupEnum).filter((group) => {
       var _a;
       return (_a = visibleGroups[group]) == null ? void 0 : _a.length;
     }).filter(
       (group) => ![
-        import_client_fetch26.UiNodeGroupEnum.Oidc,
-        import_client_fetch26.UiNodeGroupEnum.Saml,
-        import_client_fetch26.UiNodeGroupEnum.Default,
-        import_client_fetch26.UiNodeGroupEnum.IdentifierFirst,
-        import_client_fetch26.UiNodeGroupEnum.Profile,
-        import_client_fetch26.UiNodeGroupEnum.Captcha
+        import_client_fetch28.UiNodeGroupEnum.Oidc,
+        import_client_fetch28.UiNodeGroupEnum.Saml,
+        import_client_fetch28.UiNodeGroupEnum.Default,
+        import_client_fetch28.UiNodeGroupEnum.IdentifierFirst,
+        import_client_fetch28.UiNodeGroupEnum.Profile,
+        import_client_fetch28.UiNodeGroupEnum.Captcha
       ].includes(group)
     ).map((g) => [g, {}])
   );
 }
 
+// src/util/nodes.ts
+function findScreenSelectionButton(nodes) {
+  return nodes.find(
+    (node) => node.attributes.node_type === "input" && node.attributes.type === "submit" && node.attributes.name === "screen"
+  );
+}
+
 // src/theme/default/utils/logout.ts
-var import_react6 = require("react");
+var import_react7 = require("react");
 function useClientLogout(config) {
-  const [logoutFlow, setLogoutFlow] = (0, import_react6.useState)();
-  const [isLoading, setIsLoading] = (0, import_react6.useState)(true);
-  const fetchLogoutFlow = (0, import_react6.useCallback)(async () => {
+  const [logoutFlow, setLogoutFlow] = (0, import_react7.useState)();
+  const [isLoading, setIsLoading] = (0, import_react7.useState)(true);
+  const fetchLogoutFlow = (0, import_react7.useCallback)(async () => {
     try {
       const flow = await frontendClient(config.sdk.url).createBrowserLogoutFlow().catch((err) => {
         var _a;
@@ -2844,39 +2889,88 @@ function useClientLogout(config) {
       setIsLoading(false);
     }
   }, [config.sdk.url]);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     void fetchLogoutFlow();
   }, [fetchLogoutFlow]);
   return { logoutFlow, didLoad: !isLoading };
 }
 
-// src/theme/default/components/card/footer.tsx
-var import_jsx_runtime34 = require("react/jsx-runtime");
-function DefaultCardFooter() {
-  const oryFlow = (0, import_elements_react3.useOryFlow)();
-  switch (oryFlow.flowType) {
-    case import_client_fetch27.FlowType.Login:
-      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(LoginCardFooter, {});
-    case import_client_fetch27.FlowType.Registration:
-      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(RegistrationCardFooter, {});
-    case import_client_fetch27.FlowType.Recovery:
-      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(RecoveryCardFooter, {});
-    case import_client_fetch27.FlowType.Verification:
-      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(VerificationCardFooter, {});
-    case import_client_fetch27.FlowType.OAuth2Consent:
-      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(ConsentCardFooter, { flow: oryFlow.flow });
-    default:
-      return null;
-  }
+// src/theme/default/utils/url.ts
+function restartFlowUrl(flow, fallback) {
+  return flow.request_url || appendReturnTo(fallback, flow.return_to);
 }
-function LoginCardFooter() {
-  const { config, formState, flow, flowType } = (0, import_elements_react3.useOryFlow)();
-  const { logoutFlow: logout, didLoad: didLoadLogout } = useClientLogout(config);
-  const intl = (0, import_react_intl10.useIntl)();
-  if (flowType !== import_client_fetch27.FlowType.Login) {
-    return null;
+function initFlowUrl(sdkUrl, flowType, flow) {
+  const result = `${sdkUrl}/self-service/${flowType}/browser`;
+  const qs = new URLSearchParams();
+  if (flow.oauth2_login_challenge) {
+    qs.set("login_challenge", flow.oauth2_login_challenge);
   }
-  const authMethods = nodesToAuthMethodGroups(flow.ui.nodes);
+  if (flow.return_to) {
+    qs.set("return_to", flow.return_to);
+  } else if (typeof window !== "undefined") {
+    const searchParams = new URLSearchParams(window.location.search);
+    if (searchParams.has("return_to")) {
+      qs.set("return_to", searchParams.get("return_to") || "");
+    }
+  }
+  if (qs.toString().length === 0) {
+    return result;
+  }
+  return result + "?" + qs.toString();
+}
+function appendReturnTo(url, returnTo) {
+  if (!returnTo) {
+    return url;
+  }
+  const urlObj = new URL(url);
+  urlObj.searchParams.set("return_to", returnTo);
+  return urlObj.toString();
+}
+
+// src/theme/default/components/card/footer.tsx
+var import_jsx_runtime35 = require("react/jsx-runtime");
+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, {});
+    case import_client_fetch29.FlowType.Registration:
+      return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(RegistrationCardFooter, {});
+    case import_client_fetch29.FlowType.Recovery:
+      return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(RecoveryCardFooter, {});
+    case import_client_fetch29.FlowType.Verification:
+      return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(VerificationCardFooter, {});
+    case import_client_fetch29.FlowType.OAuth2Consent:
+      return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(ConsentCardFooter, { flow: oryFlow.flow });
+    default:
+      return null;
+  }
+}
+function shouldShowLogoutButton(flow, formState, authMethods) {
+  if (flow.refresh) {
+    return true;
+  }
+  if (flow.requested_aal === "aal2") {
+    if (formState.current === "select_method") {
+      return true;
+    }
+    if (formState.current === "method_active" && flow.active === "code") {
+      return true;
+    }
+    if (formState.current === "method_active" && authMethods.length === 1) {
+      return true;
+    }
+  }
+  return false;
+}
+function LoginCardFooter() {
+  const { formState, flow, flowType, dispatchFormState } = (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) {
     returnTo = flow.return_to;
@@ -2887,36 +2981,17 @@ function LoginCardFooter() {
       `${config.sdk.url}/self-service/${flowType}/browser`
     );
   }
-  if (flow.refresh || flow.requested_aal === "aal2") {
-    return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("span", { className: "font-normal leading-normal antialiased text-interface-foreground-default-primary", children: [
-      intl.formatMessage({
-        id: "login.2fa.go-back"
-      }),
-      " ",
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
-        "a",
-        {
-          className: "text-button-link-brand-brand transition-colors hover:text-button-link-brand-brand-hover underline",
-          href: logout ? logout == null ? void 0 : logout.logout_url : returnTo,
-          "data-testid": (
-            // Only add the test-id when the logout link has loaded.
-            didLoadLogout ? "ory/screen/login/action/logout" : void 0
-          ),
-          children: intl.formatMessage({
-            id: !didLoadLogout || logout ? "login.logout-button" : "login.2fa.go-back.link"
-          })
-        }
-      )
-    ] });
+  if (shouldShowLogoutButton(flow, formState, authMethods)) {
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(LogoutButton, { returnTo });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
-    formState.current === "provide_identifier" && config.project.registration_enabled && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("span", { className: "font-normal leading-normal antialiased text-interface-foreground-default-primary", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
+    formState.current === "provide_identifier" && config.project.registration_enabled && /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { className: "font-normal leading-normal antialiased text-interface-foreground-default-primary", children: [
       intl.formatMessage({
         id: "login.registration-label",
         defaultMessage: "No account?"
       }),
       " ",
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
         "a",
         {
           className: "text-button-link-brand-brand transition-colors hover:text-button-link-brand-brand-hover underline",
@@ -2929,18 +3004,22 @@ function LoginCardFooter() {
         }
       )
     ] }),
-    authMethods.length > 1 && formState.current === "method_active" && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "font-normal leading-normal antialiased text-interface-foreground-default-primary", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
-      "a",
+    authMethods.length > 1 && formState.current === "method_active" && /* @__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: "text-button-link-brand-brand transition-colors hover:text-button-link-brand-brand-hover underline",
-        href: "",
+        onClick: () => {
+          dispatchFormState({
+            type: "action_clear_active_method"
+          });
+        },
         "data-testid": "ory/screen/login/mfa/action/selectMethod",
         children: intl.formatMessage({
           id: "login.2fa.method.go-back"
         })
       }
     ) }),
-    authMethods.length === 1 && authMethods[0] === "code" && formState.current === "method_active" && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "font-normal leading-normal antialiased text-interface-foreground-default-primary", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    authMethods.length === 1 && authMethods[0] === "code" && formState.current === "method_active" && /* @__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)(
       "a",
       {
         className: "text-button-link-brand-brand transition-colors hover:text-button-link-brand-brand-hover underline",
@@ -2953,9 +3032,35 @@ function LoginCardFooter() {
     ) })
   ] });
 }
+function LogoutButton({ returnTo }) {
+  const config = (0, import_elements_react3.useOryConfiguration)();
+  const intl = (0, import_react_intl10.useIntl)();
+  const { logoutFlow: logout, didLoad: didLoadLogout } = useClientLogout(config);
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { className: "font-normal leading-normal antialiased text-interface-foreground-default-primary", children: [
+    intl.formatMessage({
+      id: "login.2fa.go-back"
+    }),
+    " ",
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+      "a",
+      {
+        className: "text-button-link-brand-brand transition-colors hover:text-button-link-brand-brand-hover underline",
+        href: logout ? logout == null ? void 0 : logout.logout_url : returnTo,
+        "data-testid": (
+          // Only add the test-id when the logout link has loaded.
+          didLoadLogout ? "ory/screen/login/action/logout" : void 0
+        ),
+        children: intl.formatMessage({
+          id: !didLoadLogout || logout ? "login.logout-button" : "login.2fa.go-back.link"
+        })
+      }
+    )
+  ] });
+}
 function RegistrationCardFooter() {
   const intl = (0, import_react_intl10.useIntl)();
-  const { config, flow, formState } = (0, import_elements_react3.useOryFlow)();
+  const { flow, formState } = (0, import_elements_react3.useOryFlow)();
+  const config = (0, import_elements_react3.useOryConfiguration)();
   const visibleGroups = useNodeGroupsWithVisibleNodes(flow.ui.nodes);
   const authMethodBlocks = toAuthMethodPickerOptions(visibleGroups);
   const screenSelectionNode = findScreenSelectionButton(flow.ui.nodes);
@@ -2964,11 +3069,12 @@ function RegistrationCardFooter() {
       if (!screenSelectionNode || Object.entries(authMethodBlocks).length < 2) {
         return null;
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "font-normal leading-normal antialiased", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "font-normal leading-normal antialiased", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
         "a",
         {
           className: "font-medium text-button-link-brand-brand hover:text-button-link-brand-brand-hover",
           href: "",
+          "data-testid": "ory/screen/registration/action/selectMethod",
           children: intl.formatMessage({
             id: "card.footer.select-another-method",
             defaultMessage: "Select another method"
@@ -2977,13 +3083,13 @@ function RegistrationCardFooter() {
       ) });
     case "select_method":
     default:
-      return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("span", { className: "font-normal leading-normal antialiased text-interface-foreground-default-primary", children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { className: "font-normal leading-normal antialiased text-interface-foreground-default-primary", children: [
         intl.formatMessage({
           id: "registration.login-label",
           defaultMessage: "Already have an account?"
         }),
         " ",
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
           "a",
           {
             className: "text-button-link-brand-brand transition-colors hover:text-button-link-brand-brand-hover underline",
@@ -3012,26 +3118,26 @@ function ConsentCardFooter({ flow }) {
     node_type: "input",
     name: "remember"
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex gap-8 flex-col", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("p", { className: "text-interface-foreground-default-secondary leading-normal font-medium", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex gap-8 flex-col", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("p", { className: "text-interface-foreground-default-secondary leading-normal font-medium", children: [
         "Make sure you trust ",
         (_a = flow.consent_request.client) == null ? void 0 : _a.client_name
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-interface-foreground-default-secondary leading-normal", children: "You may be sharing sensitive information with this site or application." })
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-interface-foreground-default-secondary leading-normal", children: "You may be sharing sensitive information with this site or application." })
     ] }),
-    rememberNode && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    rememberNode && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
       Node2.Checkbox,
       {
         attributes: rememberNode.attributes,
         node: rememberNode
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-2", children: flow.ui.nodes.filter(
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-2", children: flow.ui.nodes.filter(
       (n) => n.attributes.node_type === "input" && n.attributes.type === "submit"
     ).map((n) => {
       const attributes = n.attributes;
-      return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
         Node2.Button,
         {
           node: n,
@@ -3040,8 +3146,8 @@ function ConsentCardFooter({ flow }) {
         attributes.value
       );
     }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("p", { className: "text-sm", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("span", { className: "text-interface-foreground-default-tertiary", children: [
+    /* @__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",
         " "
       ] }),
@@ -3054,7 +3160,7 @@ function ConsentCardFooter({ flow }) {
 var import_elements_react5 = require("@ory/elements-react");
 
 // src/theme/default/utils/constructCardHeader.ts
-var import_client_fetch28 = require("@ory/client-fetch");
+var import_client_fetch30 = require("@ory/client-fetch");
 var import_react_intl11 = require("react-intl");
 function joinWithCommaOr(list, orText = "or") {
   if (list.length === 0) {
@@ -3071,7 +3177,7 @@ function useCardHeaderText(container, opts) {
   const nodes = container.nodes;
   const intl = (0, import_react_intl11.useIntl)();
   switch (opts.flowType) {
-    case import_client_fetch28.FlowType.Recovery:
+    case import_client_fetch30.FlowType.Recovery:
       if (nodes.find(
         (node) => "name" in node.attributes && node.attributes.name === "code"
       )) {
@@ -3093,7 +3199,7 @@ function useCardHeaderText(container, opts) {
           id: "recovery.subtitle"
         })
       };
-    case import_client_fetch28.FlowType.Settings:
+    case import_client_fetch30.FlowType.Settings:
       return {
         title: intl.formatMessage({
           id: "settings.title"
@@ -3102,7 +3208,7 @@ function useCardHeaderText(container, opts) {
           id: "settings.subtitle"
         })
       };
-    case import_client_fetch28.FlowType.Verification:
+    case import_client_fetch30.FlowType.Verification:
       if (nodes.find(
         (node) => "name" in node.attributes && node.attributes.name === "code"
       )) {
@@ -3124,7 +3230,7 @@ function useCardHeaderText(container, opts) {
           id: "verification.subtitle"
         })
       };
-    case import_client_fetch28.FlowType.Login: {
+    case import_client_fetch30.FlowType.Login: {
       const accountLinkingMessage = (_a = container.messages) == null ? void 0 : _a.find(
         (m) => m.id === 1010016
       );
@@ -3147,7 +3253,7 @@ function useCardHeaderText(container, opts) {
   const parts = [];
   if (nodes.find((node) => node.group === "password")) {
     switch (opts.flowType) {
-      case import_client_fetch28.FlowType.Registration:
+      case import_client_fetch30.FlowType.Registration:
         parts.push(
           intl.formatMessage(
             { id: "card.header.parts.password.registration" },
@@ -3190,7 +3296,7 @@ function useCardHeaderText(container, opts) {
   }
   if (nodes.find((node) => node.group === "identifier_first")) {
     const identifier = nodes.find(
-      (node) => (0, import_client_fetch28.isUiNodeInputAttributes)(node.attributes) && node.attributes.name.startsWith("identifier") && node.attributes.type !== "hidden"
+      (node) => (0, import_client_fetch30.isUiNodeInputAttributes)(node.attributes) && node.attributes.name.startsWith("identifier") && node.attributes.type !== "hidden"
     );
     if (identifier) {
       parts.push(
@@ -3206,7 +3312,7 @@ function useCardHeaderText(container, opts) {
     }
   }
   switch (opts.flowType) {
-    case import_client_fetch28.FlowType.Login:
+    case import_client_fetch30.FlowType.Login:
       if (opts.flow.refresh) {
         return {
           title: intl.formatMessage({
@@ -3247,7 +3353,7 @@ function useCardHeaderText(container, opts) {
           }
         ) : ""
       };
-    case import_client_fetch28.FlowType.Registration:
+    case import_client_fetch30.FlowType.Registration:
       return {
         title: intl.formatMessage({
           id: "registration.title"
@@ -3264,7 +3370,7 @@ function useCardHeaderText(container, opts) {
           }
         ) : ""
       };
-    case import_client_fetch28.FlowType.OAuth2Consent:
+    case import_client_fetch30.FlowType.OAuth2Consent:
       return {
         title: intl.formatMessage(
           {
@@ -3291,17 +3397,10 @@ function useCardHeaderText(container, opts) {
 }
 
 // src/theme/default/components/card/current-identifier-button.tsx
-var import_client_fetch29 = require("@ory/client-fetch");
+var import_client_fetch31 = require("@ory/client-fetch");
 var import_elements_react4 = require("@ory/elements-react");
-
-// src/theme/default/assets/icons/arrow-left.svg
-var React3 = __toESM(require("react"));
-var import_jsx_runtime35 = require("react/jsx-runtime");
-var SvgArrowLeft = (props) => {
-  var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime35.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_runtime35.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M5 12.325h14m-14 0 6 6m-6-6 6-6" }) });
-};
-var arrow_left_default = SvgArrowLeft;
+var import_react8 = require("react");
+var import_react_hook_form13 = require("react-hook-form");
 
 // src/theme/default/utils/attributes.ts
 function omit(obj, keys) {
@@ -3312,17 +3411,50 @@ function omit(obj, keys) {
   return ret;
 }
 
-// src/theme/default/components/card/current-identifier-button.tsx
-var import_react_hook_form13 = require("react-hook-form");
+// src/util/omitAttributes.ts
+function omitInputAttributes({
+  ...attrs
+}) {
+  return omit(attrs, [
+    "autocomplete",
+    "label",
+    "node_type",
+    "maxlength",
+    "onclick",
+    "onclickTrigger",
+    "onload",
+    "onloadTrigger"
+  ]);
+}
+
+// src/theme/default/assets/icons/arrow-left.svg
+var React3 = __toESM(require("react"));
 var import_jsx_runtime36 = require("react/jsx-runtime");
+var SvgArrowLeft = (props) => {
+  var _a, _b;
+  return /* @__PURE__ */ (0, import_jsx_runtime36.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_runtime36.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M5 12.325h14m-14 0 6 6m-6-6 6-6" }) });
+};
+var arrow_left_default = SvgArrowLeft;
+
+// src/theme/default/components/card/current-identifier-button.tsx
+var import_jsx_runtime37 = require("react/jsx-runtime");
 function DefaultCurrentIdentifierButton() {
-  const { flow, flowType, config, formState } = (0, import_elements_react4.useOryFlow)();
-  const { setValue } = (0, import_react_hook_form13.useFormContext)();
+  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 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)(() => {
+    if (captchaVerificationValue) {
+      setTurnstileResponse(captchaVerificationValue);
+    }
+  }, [captchaVerificationValue]);
   if (formState.current === "provide_identifier") {
     return null;
   }
-  if (flowType === import_client_fetch29.FlowType.Login && flow.requested_aal === "aal2") {
+  if (flowType === import_client_fetch31.FlowType.Login && flow.requested_aal === "aal2") {
     return null;
   }
   const nodeBackButton = getBackButtonNodeAttributes(flowType, ui.nodes);
@@ -3333,36 +3465,35 @@ function DefaultCurrentIdentifierButton() {
     flow,
     `${config.sdk.url}/self-service/${flowType}/browser`
   );
-  const attributes = omit(nodeBackButton, [
-    "autocomplete",
-    "node_type",
-    "maxlength"
-  ]);
   const screenSelectionNode = findScreenSelectionButton(flow.ui.nodes);
   if (screenSelectionNode) {
-    return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("form", { action: flow.ui.action, method: flow.ui.method, children: [
+    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_fetch29.isUiNodeInputAttributes)(n.attributes)) {
+        if ((0, import_client_fetch31.isUiNodeInputAttributes)(n.attributes)) {
           return n.attributes.type === "hidden";
         }
         return false;
       }).map((n) => {
         const attrs = n.attributes;
-        return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+        let value = getValues(attrs.name) || attrs.value;
+        if (attrs.name === "transient_payload.captcha_turnstile_response" && turnstileResponse) {
+          value = turnstileResponse;
+        }
+        return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
           "input",
           {
             type: "hidden",
             name: attrs.name,
-            value: attrs.value
+            value
           },
           attrs.name
         );
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
         "button",
         {
           className: "group inline-flex max-w-full cursor-pointer items-center gap-1 self-start rounded-identifier border px-[11px] py-[5px] transition-colors border-button-identifier-border-border-default bg-button-identifier-background-default hover:border-button-identifier-border-border-hover hover:bg-button-identifier-background-hover",
-          ...attributes,
+          ...omitInputAttributes(nodeBackButton),
           type: "submit",
           onClick: () => {
             setValue(
@@ -3375,8 +3506,8 @@ function DefaultCurrentIdentifierButton() {
           value: screenSelectionNode.attributes.value,
           title: `Adjust ${nodeBackButton == null ? void 0 : nodeBackButton.value}`,
           "data-testid": `ory/screen/${flowType}/action/restart`,
-          children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("span", { className: "inline-flex min-h-5 items-center gap-2 overflow-hidden text-ellipsis", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("span", { className: "inline-flex min-h-5 items-center gap-2 overflow-hidden text-ellipsis", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
               arrow_left_default,
               {
                 size: 16,
@@ -3384,22 +3515,22 @@ function DefaultCurrentIdentifierButton() {
                 className: "shrink-0 text-button-identifier-foreground-default group-hover:text-button-identifier-foreground-hover"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "overflow-hidden text-ellipsis text-nowrap text-sm font-medium text-button-identifier-foreground-default group-hover:text-button-identifier-foreground-hover", children: nodeBackButton == null ? void 0 : nodeBackButton.value })
+            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "overflow-hidden text-ellipsis text-nowrap text-sm font-medium text-button-identifier-foreground-default group-hover:text-button-identifier-foreground-hover", children: nodeBackButton == null ? void 0 : nodeBackButton.value })
           ] })
         }
       )
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     "a",
     {
       className: "group inline-flex max-w-full cursor-pointer items-center gap-1 self-start rounded-identifier border px-[11px] py-[5px] transition-colors border-button-identifier-border-border-default bg-button-identifier-background-default hover:border-button-identifier-border-border-hover hover:bg-button-identifier-background-hover",
-      ...attributes,
+      ...omitInputAttributes(nodeBackButton),
       href: initFlowUrl2,
       title: `Adjust ${nodeBackButton == null ? void 0 : nodeBackButton.value}`,
       "data-testid": `ory/screen/${flowType}/action/restart`,
-      children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("span", { className: "inline-flex min-h-5 items-center gap-2 overflow-hidden text-ellipsis", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("span", { className: "inline-flex min-h-5 items-center gap-2 overflow-hidden text-ellipsis", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
           arrow_left_default,
           {
             size: 16,
@@ -3407,7 +3538,7 @@ function DefaultCurrentIdentifierButton() {
             className: "shrink-0 text-button-identifier-foreground-default group-hover:text-button-identifier-foreground-hover"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "overflow-hidden text-ellipsis text-nowrap text-sm font-medium text-button-identifier-foreground-default group-hover:text-button-identifier-foreground-hover", children: nodeBackButton == null ? void 0 : nodeBackButton.value })
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "overflow-hidden text-ellipsis text-nowrap text-sm font-medium text-button-identifier-foreground-default group-hover:text-button-identifier-foreground-hover", children: nodeBackButton == null ? void 0 : nodeBackButton.value })
       ] })
     }
   );
@@ -3416,18 +3547,18 @@ function getBackButtonNodeAttributes(flowType, nodes) {
   var _a, _b;
   let nodeBackButtonAttributes;
   switch (flowType) {
-    case import_client_fetch29.FlowType.Login:
+    case import_client_fetch31.FlowType.Login:
       nodeBackButtonAttributes = (_a = nodes.find(
-        (node) => (0, import_client_fetch29.isUiNodeInputAttributes)(node.attributes) && node.attributes.name === "identifier" && ["default", "identifier_first"].includes(node.group)
+        (node) => (0, import_client_fetch31.isUiNodeInputAttributes)(node.attributes) && node.attributes.name === "identifier" && ["default", "identifier_first"].includes(node.group)
       )) == null ? void 0 : _a.attributes;
       break;
-    case import_client_fetch29.FlowType.Registration:
+    case import_client_fetch31.FlowType.Registration:
       nodeBackButtonAttributes = guessRegistrationBackButton(nodes);
       break;
-    case import_client_fetch29.FlowType.Recovery:
-    case import_client_fetch29.FlowType.Verification:
+    case import_client_fetch31.FlowType.Recovery:
+    case import_client_fetch31.FlowType.Verification:
       nodeBackButtonAttributes = (_b = nodes.find(
-        (n) => (0, import_client_fetch29.isUiNodeInputAttributes)(n.attributes) && n.attributes.name === "email"
+        (n) => (0, import_client_fetch31.isUiNodeInputAttributes)(n.attributes) && n.attributes.name === "email"
       )) == null ? void 0 : _b.attributes;
       break;
   }
@@ -3444,23 +3575,23 @@ var backButtonCandiates = [
 function guessRegistrationBackButton(uiNodes) {
   var _a;
   return (_a = uiNodes.find(
-    (node) => (0, import_client_fetch29.isUiNodeInputAttributes)(node.attributes) && backButtonCandiates.includes(node.attributes.name) && node.group === "default"
+    (node) => (0, import_client_fetch31.isUiNodeInputAttributes)(node.attributes) && backButtonCandiates.includes(node.attributes.name) && node.group === "default"
   )) == null ? void 0 : _a.attributes;
 }
 
 // src/theme/default/components/card/header.tsx
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 function InnerCardHeader({
   title,
   text,
   messageId
 }) {
   const { Card } = (0, import_elements_react5.useComponents)();
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("header", { className: "flex flex-col gap-8 antialiased", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Card.Logo, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("h2", { className: "text-lg font-semibold leading-normal text-interface-foreground-default-primary", children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("header", { className: "flex flex-col gap-8 antialiased", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Card.Logo, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("h2", { className: "text-lg font-semibold leading-normal text-interface-foreground-default-primary", children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
         "p",
         {
           className: "leading-normal text-interface-foreground-default-secondary",
@@ -3468,7 +3599,7 @@ function InnerCardHeader({
           children: text
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(DefaultCurrentIdentifierButton, {})
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(DefaultCurrentIdentifierButton, {})
     ] })
   ] });
 }
@@ -3478,32 +3609,40 @@ function DefaultCardHeader() {
     context.flow.ui,
     context
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(InnerCardHeader, { title, text: description, messageId });
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(InnerCardHeader, { title, text: description, messageId });
 }
 
 // src/theme/default/components/card/logo.tsx
 var import_elements_react6 = require("@ory/elements-react");
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 function DefaultCardLogo() {
-  const flow = (0, import_elements_react6.useOryFlow)();
-  if (flow.config.logoUrl) {
-    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("img", { src: flow.config.logoUrl, width: 100, height: 36, alt: "Logo" });
+  const config = (0, import_elements_react6.useOryConfiguration)();
+  if (config.project.logo_light_url) {
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+      "img",
+      {
+        src: config.project.logo_light_url,
+        width: 100,
+        height: 36,
+        alt: "Logo"
+      }
+    );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("h1", { className: "text-xl font-semibold leading-normal text-interface-foreground-default-primary", children: flow.config.name });
+  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_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 function DefaultCardLayout({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("main", { className: "p-4 pb-8 flex items-center justify-center flex-col gap-8 min-h-screen", 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_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 function DefaultCard({ 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: [
+  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: [
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Badge, {})
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Badge, {})
   ] }) });
 }
 
@@ -3517,56 +3656,56 @@ function cn(...inputs) {
 // src/theme/default/components/form/index.tsx
 var import_react_intl13 = require("react-intl");
 var import_elements_react8 = require("@ory/elements-react");
-var import_client_fetch31 = require("@ory/client-fetch");
+var import_client_fetch33 = require("@ory/client-fetch");
 
 // src/theme/default/components/form/social.tsx
 var import_elements_react7 = require("@ory/elements-react");
-var import_react7 = require("react");
+var import_react9 = 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_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 var SvgApple = (props) => {
   var _a, _b;
-  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" }) });
+  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" }) });
 };
 var apple_default = SvgApple;
 
 // src/theme/default/provider-logos/auth0.svg
 var React5 = __toESM(require("react"));
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 var SvgAuth0 = (props) => {
   var _a, _b;
-  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" }) });
+  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" }) });
 };
 var auth0_default = SvgAuth0;
 
 // src/theme/default/provider-logos/discord.svg
 var React6 = __toESM(require("react"));
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 var SvgDiscord = (props) => {
   var _a, _b;
-  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" })
+  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" })
   ] });
 };
 var discord_default = SvgDiscord;
 
 // src/theme/default/provider-logos/facebook.svg
 var React7 = __toESM(require("react"));
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 var SvgFacebook = (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)("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" })
+  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" })
     ] }) })
   ] });
 };
@@ -3574,111 +3713,111 @@ var facebook_default = SvgFacebook;
 
 // src/theme/default/provider-logos/github.svg
 var React8 = __toESM(require("react"));
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 var SvgGithub = (props) => {
   var _a, _b;
-  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" }) });
+  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" }) });
 };
 var github_default = SvgGithub;
 
 // src/theme/default/provider-logos/gitlab.svg
 var React9 = __toESM(require("react"));
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 var SvgGitlab = (props) => {
   var _a, _b;
-  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" })
+  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" })
   ] });
 };
 var gitlab_default = SvgGitlab;
 
 // src/theme/default/provider-logos/google.svg
 var React10 = __toESM(require("react"));
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 var SvgGoogle = (props) => {
   var _a, _b;
-  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" })
+  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" })
   ] });
 };
 var google_default = SvgGoogle;
 
 // src/theme/default/provider-logos/linkedin.svg
 var React11 = __toESM(require("react"));
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 var SvgLinkedin = (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)("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" })
+  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" })
   ] });
 };
 var linkedin_default = SvgLinkedin;
 
 // src/theme/default/provider-logos/microsoft.svg
 var React12 = __toESM(require("react"));
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 var SvgMicrosoft = (props) => {
   var _a, _b;
-  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" })
+  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" })
   ] });
 };
 var microsoft_default = SvgMicrosoft;
 
 // src/theme/default/provider-logos/slack.svg
 var React13 = __toESM(require("react"));
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 var SvgSlack = (props) => {
   var _a, _b;
-  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" })
+  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" })
   ] });
 };
 var slack_default = SvgSlack;
 
 // src/theme/default/provider-logos/spotify.svg
 var React14 = __toESM(require("react"));
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 var SvgSpotify = (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)("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" })
+  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" })
   ] });
 };
 var spotify_default = SvgSpotify;
 
 // src/theme/default/provider-logos/yandex.svg
 var React15 = __toESM(require("react"));
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 var SvgYandex = (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: "#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" })
+  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" })
   ] });
 };
 var yandex_default = SvgYandex;
 
 // src/theme/default/provider-logos/x.svg
 var React16 = __toESM(require("react"));
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 var SvgX = (props) => {
   var _a, _b;
-  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" }) });
+  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" }) });
 };
 var x_default = SvgX;
 
@@ -3701,9 +3840,9 @@ var logos = {
 var provider_logos_default = logos;
 
 // src/theme/default/components/form/spinner.tsx
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 function Spinner({ className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
     "svg",
     {
       "aria-hidden": "true",
@@ -3716,7 +3855,7 @@ function Spinner({ className }) {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("g", { clipPath: "url(#clip0_2572_1748)", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("g", { clipPath: "url(#clip0_2572_1748)", children: /* @__PURE__ */ (0, import_jsx_runtime55.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",
@@ -3725,7 +3864,7 @@ function Spinner({ className }) {
             strokeLinejoin: "round"
           }
         ) }),
-        /* @__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)(
+        /* @__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)(
           "rect",
           {
             width: "24",
@@ -3740,26 +3879,8 @@ function Spinner({ className }) {
 }
 
 // src/theme/default/components/form/social.tsx
-var import_client_fetch30 = require("@ory/client-fetch");
-
-// src/util/omitAttributes.ts
-function omitInputAttributes({
-  ...attrs
-}) {
-  return omit(attrs, [
-    "autocomplete",
-    "label",
-    "node_type",
-    "maxlength",
-    "onclick",
-    "onclickTrigger",
-    "onload",
-    "onloadTrigger"
-  ]);
-}
-
-// src/theme/default/components/form/social.tsx
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_client_fetch32 = require("@ory/client-fetch");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 function extractProvider(context) {
   if (context && typeof context === "object" && "provider" in context && typeof context.provider === "string") {
     return context.provider;
@@ -3785,7 +3906,7 @@ function DefaultButtonSocial({
     formState: { isSubmitting }
   } = (0, import_react_hook_form14.useFormContext)();
   const oidcNodeCount = (_a = ui.nodes.filter(
-    (node2) => node2.group === import_client_fetch30.UiNodeGroupEnum.Oidc || node2.group === import_client_fetch30.UiNodeGroupEnum.Saml
+    (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;
@@ -3794,13 +3915,13 @@ function DefaultButtonSocial({
     onClick == null ? void 0 : onClick();
     setClicked(true);
   };
-  (0, import_react7.useEffect)(() => {
+  (0, import_react9.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_runtime55.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.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",
@@ -3814,21 +3935,21 @@ function DefaultButtonSocial({
       "aria-label": label,
       ...omitInputAttributes(rest),
       children: [
-        /* @__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" })
+        /* @__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" })
         ] }) : null
       ]
     }
   );
 }
-DefaultButtonSocial.WithLogos = (logos2) => (props) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(DefaultButtonSocial, { ...props, logos: logos2 });
+DefaultButtonSocial.WithLogos = (logos2) => (props) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(DefaultButtonSocial, { ...props, logos: logos2 });
 function DefaultSocialButtonContainer({
   children,
   nodes
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     "div",
     {
       className: cn("grid gap-3", {
@@ -3842,11 +3963,11 @@ function DefaultSocialButtonContainer({
   );
 }
 function GenericLogo({ 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 });
+  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 });
 }
 
 // src/theme/default/components/form/index.tsx
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 function DefaultFormContainer({
   children,
   onSubmit,
@@ -3854,7 +3975,7 @@ function DefaultFormContainer({
   method,
   "data-testid": dataTestId
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
     "form",
     {
       "data-testid": dataTestId,
@@ -3872,11 +3993,11 @@ function DefaultMessageContainer({ children }) {
   if (!children || Array.isArray(children) && children.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
     "section",
     {
       className: cn(
-        flowType === import_client_fetch31.FlowType.Settings ? "text-center" : "text-left"
+        flowType === import_client_fetch33.FlowType.Settings ? "text-center" : "text-left"
       ),
       children
     }
@@ -3884,7 +4005,7 @@ function DefaultMessageContainer({ children }) {
 }
 function DefaultMessage({ message }) {
   const intl = (0, import_react_intl13.useIntl)();
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
     "span",
     {
       className: cn(
@@ -3904,60 +4025,60 @@ var import_react_intl14 = require("react-intl");
 
 // src/theme/default/assets/icons/code.svg
 var React17 = __toESM(require("react"));
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 var SvgCode = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime57.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_runtime57.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_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" }) });
 };
 var code_default = SvgCode;
 
 // src/theme/default/assets/icons/passkey.svg
 var React18 = __toESM(require("react"));
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 var SvgPasskey = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime58.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_runtime58.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_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" }) });
 };
 var passkey_default = SvgPasskey;
 
 // src/theme/default/assets/icons/password.svg
 var React19 = __toESM(require("react"));
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 var SvgPassword = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime59.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_runtime59.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_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" }) });
 };
 var password_default = SvgPassword;
 
 // src/theme/default/assets/icons/webauthn.svg
 var React20 = __toESM(require("react"));
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 var SvgWebauthn = (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 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: "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" }) });
+  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 import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 var SvgTotp = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime61.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_runtime61.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9.333 22.667v.013m0-13.346v.013m13.333-.013v.013m0 9.32h-4v4m8-4v.013m-8 7.987h4m0-4h4v4m-21.333-20a1.333 1.333 0 0 1 1.333-1.333H12a1.333 1.333 0 0 1 1.333 1.333V12A1.334 1.334 0 0 1 12 13.334H6.666A1.334 1.334 0 0 1 5.333 12zm13.333 0A1.333 1.333 0 0 1 20 5.334h5.333a1.333 1.333 0 0 1 1.333 1.333V12a1.333 1.333 0 0 1-1.333 1.334H20A1.333 1.333 0 0 1 18.666 12zM5.333 20a1.333 1.333 0 0 1 1.333-1.333H12A1.333 1.333 0 0 1 13.333 20v5.334A1.333 1.333 0 0 1 12 26.667H6.666a1.333 1.333 0 0 1-1.333-1.334z" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime62.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_runtime62.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9.333 22.667v.013m0-13.346v.013m13.333-.013v.013m0 9.32h-4v4m8-4v.013m-8 7.987h4m0-4h4v4m-21.333-20a1.333 1.333 0 0 1 1.333-1.333H12a1.333 1.333 0 0 1 1.333 1.333V12A1.334 1.334 0 0 1 12 13.334H6.666A1.334 1.334 0 0 1 5.333 12zm13.333 0A1.333 1.333 0 0 1 20 5.334h5.333a1.333 1.333 0 0 1 1.333 1.333V12a1.333 1.333 0 0 1-1.333 1.334H20A1.333 1.333 0 0 1 18.666 12zM5.333 20a1.333 1.333 0 0 1 1.333-1.333H12A1.333 1.333 0 0 1 13.333 20v5.334A1.333 1.333 0 0 1 12 26.667H6.666a1.333 1.333 0 0 1-1.333-1.334z" }) });
 };
 var totp_default = SvgTotp;
 
 // src/theme/default/assets/icons/code-asterix.svg
 var React22 = __toESM(require("react"));
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 var SvgCodeAsterix = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime62.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_runtime62.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 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" }) });
 };
 var code_asterix_default = SvgCodeAsterix;
 
 // src/theme/default/components/card/list-item.tsx
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 function ListItem({
   icon: Icon,
   as,
@@ -3968,7 +4089,7 @@ function ListItem({
   ...props
 }) {
   const Comp = as || "div";
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
     Comp,
     {
       ...props,
@@ -3977,10 +4098,10 @@ function ListItem({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "mt-1", children: Icon && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Icon, { size: 16, className: "text-interface-foreground-brand-primary" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("span", { className: "flex-1 leading-normal inline-flex flex-col max-w-full min-w-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "text-interface-foreground-default-primary break-words", children: title }),
-          /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "text-interface-foreground-default-secondary", children: description })
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "mt-1", children: Icon && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Icon, { size: 16, className: "text-interface-foreground-brand-primary" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("span", { className: "flex-1 leading-normal inline-flex flex-col max-w-full min-w-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "text-interface-foreground-default-primary break-words", children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "text-interface-foreground-default-secondary", children: description })
         ] }),
         children
       ]
@@ -3989,7 +4110,7 @@ function ListItem({
 }
 
 // src/theme/default/components/card/auth-method-list-item.tsx
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 var iconsMap = {
   code: code_default,
   passkey: passkey_default,
@@ -4008,7 +4129,7 @@ function DefaultAuthMethodListItem({
   var _a;
   const intl = (0, import_react_intl14.useIntl)();
   const Icon = iconsMap[group] || null;
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
     ListItem,
     {
       as: "button",
@@ -4028,13 +4149,13 @@ function DefaultAuthMethodListItem({
 }
 
 // src/theme/default/components/form/button.tsx
-var import_client_fetch32 = require("@ory/client-fetch");
+var import_client_fetch34 = require("@ory/client-fetch");
 var import_elements_react9 = 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_intl15 = require("react-intl");
-var import_react8 = require("react");
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_react10 = require("react");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 var buttonStyles = (0, import_class_variance_authority.cva)(
   [
     "relative flex justify-center gap-3 overflow-hidden rounded-buttons leading-none ring-1 ring-inset font-medium",
@@ -4074,20 +4195,20 @@ var DefaultButton = ({
 }) => {
   var _a;
   const { type, name, value, ...rest } = attributes;
-  const [clicked, setClicked] = (0, import_react8.useState)(false);
+  const [clicked, setClicked] = (0, import_react10.useState)(false);
   const intl = (0, import_react_intl15.useIntl)();
-  const label = (0, import_client_fetch32.getNodeLabel)(node);
+  const label = (0, import_client_fetch34.getNodeLabel)(node);
   const {
     formState: { isSubmitting },
     setValue
   } = (0, import_react_hook_form15.useFormContext)();
-  (0, import_react8.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     if (!isSubmitting) {
       setClicked(false);
     }
   }, [isSubmitting]);
   const isPrimary = attributes.name === "method" || attributes.name.includes("passkey") || attributes.name.includes("webauthn") || attributes.name.includes("lookup_secret") || attributes.name.includes("action") && attributes.value === "accept";
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
     "button",
     {
       ...omitInputAttributes(rest),
@@ -4107,8 +4228,8 @@ var DefaultButton = ({
       disabled: (_a = rest.disabled) != null ? _a : isSubmitting,
       "data-loading": clicked,
       children: [
-        clicked ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Spinner, {}) : null,
-        label ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { children: (0, import_elements_react9.uiTextToFormattedMessage)(label, intl) }) : ""
+        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) }) : ""
       ]
     }
   );
@@ -4116,14 +4237,14 @@ var DefaultButton = ({
 DefaultButton.displayName = "DefaultButton";
 
 // src/theme/default/components/form/checkbox.tsx
-var import_client_fetch33 = require("@ory/client-fetch");
+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_react_intl17 = require("react-intl");
 
 // src/theme/default/components/ui/checkbox-label.tsx
 var import_react_intl16 = require("react-intl");
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 var linkRegex = /\[([^\]]+)\]\(([^)]+)\)/g;
 function computeLabelElements(labelText) {
   const elements = [];
@@ -4139,7 +4260,7 @@ function computeLabelElements(labelText) {
       elements.push(labelText.slice(lastIndex, matchStart));
     }
     elements.push(
-      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
         "a",
         {
           href: url,
@@ -4164,13 +4285,13 @@ function CheckboxLabel({ label }) {
     return null;
   }
   const labelText = uiTextToFormattedMessage(label, intl);
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_jsx_runtime66.Fragment, { children: computeLabelElements(labelText) });
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_jsx_runtime67.Fragment, { children: computeLabelElements(labelText) });
 }
 
 // src/theme/default/components/form/checkbox.tsx
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 function CheckboxSVG() {
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
     "svg",
     {
       className: "absolute hidden size-4 peer-checked:block fill-checkbox-foreground-checked",
@@ -4179,7 +4300,7 @@ function CheckboxSVG() {
       height: "16",
       viewBox: "0 0 16 16",
       fill: "none",
-      children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
         "path",
         {
           fillRule: "evenodd",
@@ -4196,12 +4317,12 @@ var DefaultCheckbox = ({
 }) => {
   const { value, name, ...attributes } = initialAttributes;
   const intl = (0, import_react_intl17.useIntl)();
-  const label = (0, import_client_fetch33.getNodeLabel)(node);
+  const label = (0, import_client_fetch35.getNodeLabel)(node);
   const { register } = (0, import_react_hook_form16.useFormContext)();
   const hasError = node.messages.some((m) => m.type === "error");
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("label", { className: "flex items-start gap-3 self-stretch antialiased", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("span", { className: "flex h-5 items-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+  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: [
+      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
         "input",
         {
           ...omitInputAttributes(attributes),
@@ -4211,14 +4332,15 @@ var DefaultCheckbox = ({
             "peer size-4 border appearance-none rounded-forms bg-checkbox-background-default border-checkbox-border-checkbox-border-default checked:bg-checkbox-background-checked checked:border-checkbox-border-checkbox-border-checked",
             hasError && "border-interface-border-validation-danger"
           ),
+          "data-testid": `ory/form/node/input/${name}`,
           ...register(name)
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(CheckboxSVG, {})
+      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(CheckboxSVG, {})
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("span", { className: "flex flex-col", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "font-normal leading-tight text-interface-foreground-default-primary", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(CheckboxLabel, { label }) }),
-      node.messages.map((message) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("span", { className: "flex flex-col", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "font-normal leading-tight text-interface-foreground-default-primary", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(CheckboxLabel, { label }) }),
+      node.messages.map((message) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
         "span",
         {
           className: cn(
@@ -4236,13 +4358,13 @@ var DefaultCheckbox = ({
 
 // src/theme/default/components/form/group-container.tsx
 var import_elements_react11 = require("@ory/elements-react");
-var import_client_fetch34 = require("@ory/client-fetch");
+var import_client_fetch36 = require("@ory/client-fetch");
 
 // src/util/childCounter.ts
-var import_react9 = require("react");
+var import_react11 = require("react");
 function countRenderableChildren(children) {
-  return import_react9.Children.toArray(children).filter((c) => {
-    if ((0, import_react9.isValidElement)(c)) {
+  return import_react11.Children.toArray(children).filter((c) => {
+    if ((0, import_react11.isValidElement)(c)) {
       return true;
     }
     return false;
@@ -4250,19 +4372,19 @@ function countRenderableChildren(children) {
 }
 
 // src/theme/default/components/form/group-container.tsx
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 function DefaultGroupContainer({ children }) {
   const { flowType } = (0, import_elements_react11.useOryFlow)();
   const count = countRenderableChildren(children);
   if (count === 0) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
     "div",
     {
       className: cn(
         "grid",
-        flowType === import_client_fetch34.FlowType.OAuth2Consent ? "grid-cols-2 gap-2" : "grid-cols-1 gap-8"
+        flowType === import_client_fetch36.FlowType.OAuth2Consent ? "grid-cols-2 gap-2" : "grid-cols-1 gap-8"
       ),
       children
     }
@@ -4270,16 +4392,16 @@ function DefaultGroupContainer({ children }) {
 }
 
 // src/theme/default/components/form/horizontal-divider.tsx
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 function DefaultHorizontalDivider() {
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("hr", { className: "border-interface-border-default-primary" });
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("hr", { className: "border-interface-border-default-primary" });
 }
 
 // src/theme/default/components/form/image.tsx
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_jsx_runtime71 = require("react/jsx-runtime");
 function DefaultImage({ attributes, node }) {
   var _a;
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("figure", { children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("figure", { children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
     "img",
     {
       ...omitInputAttributes(attributes),
@@ -4289,35 +4411,35 @@ function DefaultImage({ attributes, node }) {
 }
 
 // src/theme/default/components/form/input.tsx
-var import_client_fetch35 = require("@ory/client-fetch");
+var import_client_fetch37 = require("@ory/client-fetch");
 var import_elements_react12 = require("@ory/elements-react");
-var import_react10 = require("react");
+var import_react12 = require("react");
 var import_react_hook_form17 = 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 import_jsx_runtime71 = require("react/jsx-runtime");
+var import_jsx_runtime72 = require("react/jsx-runtime");
 var SvgEyeOff = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime71.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_runtime71.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M10.585 10.587a2 2 0 0 0 2.829 2.828m3.267 3.258A8.7 8.7 0 0 1 12 18q-5.4 0-9-6 1.908-3.18 4.32-4.674m2.86-1.146A9 9 0 0 1 12 6q5.4 0 9 6-1 1.665-2.138 2.87M3 3l18 18" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime72.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_runtime72.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M10.585 10.587a2 2 0 0 0 2.829 2.828m3.267 3.258A8.7 8.7 0 0 1 12 18q-5.4 0-9-6 1.908-3.18 4.32-4.674m2.86-1.146A9 9 0 0 1 12 6q5.4 0 9 6-1 1.665-2.138 2.87M3 3l18 18" }) });
 };
 var eye_off_default = SvgEyeOff;
 
 // src/theme/default/assets/icons/eye.svg
 var React24 = __toESM(require("react"));
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_jsx_runtime73 = require("react/jsx-runtime");
 var SvgEye = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime72.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_runtime72.jsxs)("g", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("path", { d: "M10 12a2 2 0 1 0 4 0 2 2 0 0 0-4 0" }),
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("path", { d: "M21 12q-3.6 6-9 6t-9-6q3.6-6 9-6t9 6" })
+  return /* @__PURE__ */ (0, import_jsx_runtime73.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_runtime73.jsxs)("g", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("path", { d: "M10 12a2 2 0 1 0 4 0 2 2 0 0 0-4 0" }),
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("path", { d: "M21 12q-3.6 6-9 6t-9-6q3.6-6 9-6t9 6" })
   ] }) });
 };
 var eye_default = SvgEye;
 
 // src/theme/default/components/form/input.tsx
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 var defaultInputClassName = cn(
   "antialiased rounded-forms border leading-tight transition-colors placeholder:h-[20px] placeholder:text-input-foreground-tertiary focus-visible:outline-none focus:ring-0 w-full",
   "bg-input-background-default border-input-border-default text-input-foreground-primary",
@@ -4331,12 +4453,12 @@ var DefaultInput = ({
   attributes,
   onClick
 }) => {
-  const label = (0, import_client_fetch35.getNodeLabel)(node);
+  const label = (0, import_client_fetch37.getNodeLabel)(node);
   const { register } = (0, import_react_hook_form17.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_react10.useRef)(null);
+  const inputRef = (0, import_react12.useRef)(null);
   const formattedLabel = label ? intl.formatMessage(
     {
       id: "input.placeholder",
@@ -4347,10 +4469,10 @@ var DefaultInput = ({
     }
   ) : "";
   if (rest.type === "hidden") {
-    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
       "input",
       {
-        ...rest,
+        ...omitInputAttributes(rest),
         onClick,
         maxLength: maxlength,
         autoComplete: autocomplete,
@@ -4361,16 +4483,16 @@ var DefaultInput = ({
     );
   }
   const { ref, ...restRegister } = register(name, { value });
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
     "div",
     {
       className: cn(
         "relative flex justify-stretch",
         // The settings flow input fields are supposed to be dense, so we don't need the extra padding we want on the user flows.
-        flowType === import_client_fetch35.FlowType.Settings && "max-w-[488px]"
+        flowType === import_client_fetch37.FlowType.Settings && "max-w-[488px]"
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
           "input",
           {
             ...omitInputAttributes(rest),
@@ -4387,7 +4509,7 @@ var DefaultInput = ({
             ...restRegister
           }
         ),
-        rest.type === "password" && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(PasswordToggle, { inputRef })
+        rest.type === "password" && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(PasswordToggle, { inputRef })
       ]
     }
   );
@@ -4395,31 +4517,31 @@ var DefaultInput = ({
 function PasswordToggle({
   inputRef
 }) {
-  const [shown, setShown] = (0, import_react10.useState)(false);
+  const [shown, setShown] = (0, import_react12.useState)(false);
   const handleClick = () => {
     setShown(!shown);
     if (inputRef.current) {
       inputRef.current.type = shown ? "password" : "text";
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
     "button",
     {
       onClick: handleClick,
       className: "absolute right-0 h-full w-12 flex items-center justify-center",
       type: "button",
       "aria-label": "Toggle password visibility",
-      children: shown ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(eye_off_default, {}) : /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(eye_default, {})
+      children: shown ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(eye_off_default, {}) : /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(eye_default, {})
     }
   );
 }
 
 // src/theme/default/components/form/label.tsx
-var import_client_fetch36 = require("@ory/client-fetch");
+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_react_intl19 = require("react-intl");
-var import_jsx_runtime74 = require("react/jsx-runtime");
+var import_jsx_runtime75 = require("react/jsx-runtime");
 function findResendNode(nodes) {
   return nodes.find(
     (n) => "name" in n.attributes && (n.attributes.name === "email" && n.attributes.type === "submit" || n.attributes.name === "resend")
@@ -4432,9 +4554,10 @@ function DefaultLabel({
   ...rest
 }) {
   const intl = (0, import_react_intl19.useIntl)();
-  const label = (0, import_client_fetch36.getNodeLabel)(node);
+  const label = (0, import_client_fetch38.getNodeLabel)(node);
   const { Message } = (0, import_elements_react13.useComponents)();
-  const { config, flowType, flow } = (0, import_elements_react13.useOryFlow)();
+  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 resendNode = findResendNode(flow.ui.nodes);
@@ -4444,9 +4567,9 @@ function DefaultLabel({
     }
   };
   const fieldError = formState.errors[attributes.name];
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex flex-col gap-1 antialiased", children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("span", { className: "inline-flex justify-between", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "flex flex-col gap-1 antialiased", children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("span", { className: "inline-flex justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
         "label",
         {
           ...(0, import_elements_react13.messageTestId)(label),
@@ -4457,8 +4580,8 @@ function DefaultLabel({
           children: (0, import_elements_react13.uiTextToFormattedMessage)(label, intl)
         }
       ),
-      isPassword && config.project.recovery_enabled && flowType === import_client_fetch36.FlowType.Login && // TODO: make it possible to override with a custom component
-      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+      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),
@@ -4469,7 +4592,7 @@ function DefaultLabel({
           })
         }
       ),
-      (resendNode == null ? void 0 : resendNode.attributes.node_type) === "input" && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+      (resendNode == null ? void 0 : resendNode.attributes.node_type) === "input" && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
         "button",
         {
           type: "submit",
@@ -4482,21 +4605,21 @@ function DefaultLabel({
       )
     ] }),
     children,
-    node.messages.map((message) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Message.Content, { message }, message.id)),
-    fieldError && (0, import_client_fetch36.instanceOfUiText)(fieldError) && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Message.Content, { message: fieldError })
+    node.messages.map((message) => /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Message.Content, { message }, message.id)),
+    fieldError && (0, import_client_fetch38.instanceOfUiText)(fieldError) && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Message.Content, { message: fieldError })
   ] });
 }
 
 // src/theme/default/components/form/link-button.tsx
-var import_client_fetch37 = require("@ory/client-fetch");
+var import_client_fetch39 = require("@ory/client-fetch");
 var import_elements_react14 = require("@ory/elements-react");
-var import_react11 = require("react");
+var import_react13 = require("react");
 var import_react_intl20 = require("react-intl");
-var import_jsx_runtime75 = require("react/jsx-runtime");
-var DefaultLinkButton = (0, import_react11.forwardRef)(({ attributes, node }, ref) => {
+var import_jsx_runtime76 = require("react/jsx-runtime");
+var DefaultLinkButton = (0, import_react13.forwardRef)(({ attributes, node }, ref) => {
   const intl = (0, import_react_intl20.useIntl)();
-  const label = (0, import_client_fetch37.getNodeLabel)(node);
-  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+  const label = (0, import_client_fetch39.getNodeLabel)(node);
+  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
     "a",
     {
       ...omitInputAttributes(attributes),
@@ -4518,8 +4641,8 @@ var import_react_hook_form19 = 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 import_jsx_runtime76 = require("react/jsx-runtime");
-var InputOTP = React25.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+var import_jsx_runtime77 = require("react/jsx-runtime");
+var InputOTP = React25.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
   import_input_otp.OTPInput,
   {
     ref,
@@ -4532,12 +4655,12 @@ var InputOTP = React25.forwardRef(({ className, containerClassName, ...props },
   }
 ));
 InputOTP.displayName = "InputOTP";
-var InputOTPGroup = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { ref, className: cn("flex items-center", className), ...props }));
+var InputOTPGroup = React25.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);
   const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
     "div",
     {
       ref,
@@ -4549,8 +4672,8 @@ var InputOTPSlot = React25.forwardRef(({ index, className, ...props }, ref) => {
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "inline-block size-4", children: char }),
-        hasFakeCaret && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "h-4 w-px animate-caret-blink bg-interface-background-brand-primary duration-700" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "inline-block size-4", children: char }),
+        hasFakeCaret && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "h-4 w-px animate-caret-blink bg-interface-background-brand-primary duration-700" }) })
       ]
     }
   );
@@ -4559,8 +4682,8 @@ InputOTPSlot.displayName = "InputOTPSlot";
 
 // src/theme/default/components/form/pin-code-input.tsx
 var import_elements_react15 = require("@ory/elements-react");
-var import_client_fetch38 = require("@ory/client-fetch");
-var import_jsx_runtime77 = require("react/jsx-runtime");
+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 { maxlength, name } = attributes;
@@ -4570,22 +4693,22 @@ var DefaultPinCodeInput = ({ attributes }) => {
     setValue(name, v);
   };
   const value = watch(name);
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
     InputOTP,
     {
       maxLength: maxlength != null ? maxlength : 6,
       onChange: handleInputChange,
       name,
       value,
-      children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
         InputOTPGroup,
         {
           className: cn(
             "w-full flex gap-2 justify-stretch",
             // The settings flow input fields are supposed to be dense, so we don't need the extra padding we want on the user flows.
-            flowType === import_client_fetch38.FlowType.Settings && "max-w-[488px]"
+            flowType === import_client_fetch40.FlowType.Settings && "max-w-[488px]"
           ),
-          children: [...Array(elements)].map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(InputOTPSlot, { index }, index))
+          children: [...Array(elements)].map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(InputOTPSlot, { index }, index))
         }
       )
     }
@@ -4593,13 +4716,13 @@ var DefaultPinCodeInput = ({ attributes }) => {
 };
 
 // src/theme/default/components/form/section.tsx
-var import_jsx_runtime78 = require("react/jsx-runtime");
+var import_jsx_runtime79 = require("react/jsx-runtime");
 var DefaultFormSection = ({
   children,
   nodes: _nodes,
   ...rest
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
     "form",
     {
       className: "flex w-full max-w-screen-sm flex-col md:max-w-[712px] lg:max-w-[802px] xl:max-w-[896px] px-4",
@@ -4613,10 +4736,10 @@ var DefaultFormSectionContent = ({
   description,
   children
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex flex-col gap-8 rounded-t-cards border border-b-0 border-interface-border-default-primary bg-interface-background-default-primary px-6 py-8", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("h3", { className: "font-medium text-interface-foreground-default-primary", children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "text-interface-foreground-default-secondary", children: description })
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex flex-col gap-8 rounded-t-cards border border-b-0 border-interface-border-default-primary bg-interface-background-default-primary px-6 py-8", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("h3", { className: "font-medium text-interface-foreground-default-primary", children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "text-interface-foreground-default-secondary", children: description })
     ] }),
     children
   ] });
@@ -4625,14 +4748,14 @@ var DefaultFormSectionFooter = ({
   children,
   text
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
     "div",
     {
       className: cn(
         "flex min-h-[72px] items-center justify-between gap-2 rounded-b-cards border border-interface-border-default-primary bg-interface-background-default-secondary px-6 py-4 text-interface-foreground-default-tertiary"
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { children: text }),
+        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { children: text }),
         children
       ]
     }
@@ -4642,31 +4765,31 @@ var DefaultFormSectionFooter = ({
 // src/theme/default/components/form/text.tsx
 var import_elements_react16 = require("@ory/elements-react");
 var import_react_intl21 = require("react-intl");
-var import_jsx_runtime79 = require("react/jsx-runtime");
+var import_jsx_runtime80 = require("react/jsx-runtime");
 function DefaultText({ node, attributes }) {
   var _a;
   const intl = (0, import_react_intl21.useIntl)();
   const lookup = (_a = attributes.text.context) == null ? void 0 : _a.secrets;
   if (lookup) {
-    return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_jsx_runtime79.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("p", { "data-testid": `ory/form/node/text/${attributes.id}/label`, children: node.meta.label ? (0, import_elements_react16.uiTextToFormattedMessage)(node.meta.label, intl) : "" }),
-      lookup.map((text, index) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+    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) : "" }),
+      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_runtime79.jsx)("code", { children: text ? (0, import_elements_react16.uiTextToFormattedMessage)(text, intl) : "" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("code", { children: text ? (0, import_elements_react16.uiTextToFormattedMessage)(text, intl) : "" })
         },
         index
       ))
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_jsx_runtime79.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_jsx_runtime80.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
     "p",
     {
       "data-testid": `ory/form/node/text/${attributes.id}/label`,
       id: attributes.id,
       children: [
-        node.meta.label ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("label", { children: (0, import_elements_react16.uiTextToFormattedMessage)(node.meta.label, intl) }) : null,
+        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) : ""
       ]
     }
@@ -4682,21 +4805,21 @@ var import_react_dropdown_menu = require("@radix-ui/react-dropdown-menu");
 
 // src/theme/default/assets/icons/logout.svg
 var React26 = __toESM(require("react"));
-var import_jsx_runtime80 = require("react/jsx-runtime");
+var import_jsx_runtime81 = require("react/jsx-runtime");
 var SvgLogout = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime80.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_runtime80.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M9.333 5.334V4A1.333 1.333 0 0 0 8 2.667H3.333A1.333 1.333 0 0 0 2 4v8a1.333 1.333 0 0 0 1.333 1.334H8A1.333 1.333 0 0 0 9.333 12v-1.333M4.667 8H14m0 0-2-2m2 2-2 2" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime81.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_runtime81.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M9.333 5.334V4A1.333 1.333 0 0 0 8 2.667H3.333A1.333 1.333 0 0 0 2 4v8a1.333 1.333 0 0 0 1.333 1.334H8A1.333 1.333 0 0 0 9.333 12v-1.333M4.667 8H14m0 0-2-2m2 2-2 2" }) });
 };
 var logout_default = SvgLogout;
 
 // src/theme/default/assets/icons/settings.svg
 var React27 = __toESM(require("react"));
-var import_jsx_runtime81 = require("react/jsx-runtime");
+var import_jsx_runtime82 = require("react/jsx-runtime");
 var SvgSettings = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime81.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_runtime81.jsxs)("g", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("path", { d: "M6.883 2.878c.284-1.17 1.95-1.17 2.234 0a1.15 1.15 0 0 0 1.715.71c1.029-.626 2.207.551 1.58 1.58a1.148 1.148 0 0 0 .71 1.715c1.17.284 1.17 1.95 0 2.234a1.15 1.15 0 0 0-.71 1.715c.626 1.029-.551 2.207-1.58 1.58a1.148 1.148 0 0 0-1.715.71c-.284 1.17-1.95 1.17-2.234 0a1.15 1.15 0 0 0-1.715-.71c-1.029.626-2.207-.551-1.58-1.58a1.15 1.15 0 0 0-.71-1.715c-1.17-.284-1.17-1.95 0-2.234a1.15 1.15 0 0 0 .71-1.715c-.626-1.029.551-2.207 1.58-1.58.667.405 1.531.047 1.715-.71" }),
-    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("path", { d: "M6 8a2 2 0 1 0 4 0 2 2 0 0 0-4 0" })
+  return /* @__PURE__ */ (0, import_jsx_runtime82.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_runtime82.jsxs)("g", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("path", { d: "M6.883 2.878c.284-1.17 1.95-1.17 2.234 0a1.15 1.15 0 0 0 1.715.71c1.029-.626 2.207.551 1.58 1.58a1.148 1.148 0 0 0 .71 1.715c1.17.284 1.17 1.95 0 2.234a1.15 1.15 0 0 0-.71 1.715c.626 1.029-.551 2.207-1.58 1.58a1.148 1.148 0 0 0-1.715.71c-.284 1.17-1.95 1.17-2.234 0a1.15 1.15 0 0 0-1.715-.71c-1.029.626-2.207-.551-1.58-1.58a1.15 1.15 0 0 0-.71-1.715c-1.17-.284-1.17-1.95 0-2.234a1.15 1.15 0 0 0 .71-1.715c-.626-1.029.551-2.207 1.58-1.58.667.405 1.531.047 1.715-.71" }),
+    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("path", { d: "M6 8a2 2 0 1 0 4 0 2 2 0 0 0-4 0" })
   ] }) });
 };
 var settings_default = SvgSettings;
@@ -4741,12 +4864,12 @@ var getUserInitials = (session) => {
 };
 
 // src/theme/default/components/ui/dropdown-menu.tsx
-var import_react12 = require("react");
+var import_react14 = require("react");
 var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
-var import_jsx_runtime82 = require("react/jsx-runtime");
+var import_jsx_runtime83 = require("react/jsx-runtime");
 var DropdownMenu = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
-var DropdownMenuContent = (0, import_react12.forwardRef)(({ className, sideOffset = 16, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+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)(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -4761,7 +4884,7 @@ var DropdownMenuContent = (0, import_react12.forwardRef)(({ className, sideOffse
   }
 ) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = (0, import_react12.forwardRef)(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+var DropdownMenuItem = (0, import_react14.forwardRef)(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -4779,7 +4902,7 @@ var DropdownMenuItem = (0, import_react12.forwardRef)(({ className, inset, ...pr
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuLabel = (0, import_react12.forwardRef)(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+var DropdownMenuLabel = (0, import_react14.forwardRef)(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -4794,35 +4917,35 @@ var DropdownMenuLabel = (0, import_react12.forwardRef)(({ className, inset, ...p
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
 
 // src/theme/default/components/ui/user-avater.tsx
-var import_react13 = require("react");
+var import_react15 = require("react");
 
 // src/theme/default/assets/icons/user.svg
 var React28 = __toESM(require("react"));
-var import_jsx_runtime83 = require("react/jsx-runtime");
+var import_jsx_runtime84 = require("react/jsx-runtime");
 var SvgUser = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime83.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_runtime83.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M6 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2M8 7a4 4 0 1 0 8 0 4 4 0 0 0-8 0" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime84.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_runtime84.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M6 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2M8 7a4 4 0 1 0 8 0 4 4 0 0 0-8 0" }) });
 };
 var user_default = SvgUser;
 
 // src/theme/default/components/ui/user-avater.tsx
-var import_jsx_runtime84 = require("react/jsx-runtime");
-var UserAvatar = (0, import_react13.forwardRef)(
+var import_jsx_runtime85 = require("react/jsx-runtime");
+var UserAvatar = (0, import_react15.forwardRef)(
   ({ initials, ...rest }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
       "button",
       {
         ref,
         className: "relative flex size-10 items-center justify-center overflow-hidden rounded-[999px] bg-button-primary-background-default hover:bg-button-primary-background-hover",
         ...rest,
-        children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "relative flex size-full items-center justify-center", children: initials.avatar ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "relative flex size-full items-center justify-center", children: initials.avatar ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
           "img",
           {
             src: initials.avatar,
             alt: initials.primary,
             className: "w-full object-contain"
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
           user_default,
           {
             size: 24,
@@ -4836,27 +4959,27 @@ var UserAvatar = (0, import_react13.forwardRef)(
 UserAvatar.displayName = "UserAvatar";
 
 // src/theme/default/components/ui/user-menu.tsx
-var import_jsx_runtime85 = require("react/jsx-runtime");
+var import_jsx_runtime86 = require("react/jsx-runtime");
 var UserMenu = ({ session }) => {
-  const { config } = (0, import_elements_react17.useOryFlow)();
+  const config = (0, import_elements_react17.useOryConfiguration)();
   const initials = getUserInitials(session);
   const { logoutFlow } = useClientLogout(config);
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(DropdownMenu, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(UserAvatar, { initials, title: "User Menu" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(DropdownMenuContent, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_react_dropdown_menu.DropdownMenuLabel, { className: "flex gap-3 px-5 py-4.5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(UserAvatar, { disabled: true, initials }),
-        /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "flex flex-col justify-center text-sm leading-tight", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "text-interface-foreground-default-primary leading-tight font-medium", children: initials.primary }),
-          initials.secondary && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "text-interface-foreground-default-tertiary leading-tight", children: initials.secondary })
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(DropdownMenu, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(UserAvatar, { initials, title: "User Menu" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(DropdownMenuContent, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_react_dropdown_menu.DropdownMenuLabel, { className: "flex gap-3 px-5 py-4.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(UserAvatar, { disabled: true, initials }),
+        /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex flex-col justify-center text-sm leading-tight", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "text-interface-foreground-default-primary leading-tight font-medium", children: initials.primary }),
+          initials.secondary && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "text-interface-foreground-default-tertiary leading-tight", children: initials.secondary })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("a", { href: "/settings", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(settings_default, { size: 16 }),
+      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("a", { href: "/settings", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(settings_default, { size: 16 }),
         " User settings"
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(DropdownMenuItem, { asChild: true, disabled: !(logoutFlow == null ? void 0 : logoutFlow.logout_url), children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("a", { href: logoutFlow == null ? void 0 : logoutFlow.logout_url, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(logout_default, { size: 16 }),
+      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(DropdownMenuItem, { asChild: true, disabled: !(logoutFlow == null ? void 0 : logoutFlow.logout_url), children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("a", { href: logoutFlow == null ? void 0 : logoutFlow.logout_url, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(logout_default, { size: 16 }),
         " Logout"
       ] }) })
     ] })
@@ -4864,29 +4987,30 @@ var UserMenu = ({ session }) => {
 };
 
 // src/theme/default/components/generic/page-header.tsx
-var import_client7 = require("@ory/elements-react/client");
+var import_client4 = require("@ory/elements-react/client");
 var import_react_intl22 = require("react-intl");
-var import_jsx_runtime86 = require("react/jsx-runtime");
+var import_jsx_runtime87 = require("react/jsx-runtime");
 var DefaultPageHeader = (_props) => {
   var _a;
   const { Card } = (0, import_elements_react18.useComponents)();
-  const { session } = (0, import_client7.useSession)();
+  const { session } = (0, import_client4.useSession)();
   const intl = (0, import_react_intl22.useIntl)();
-  const { config, flow } = (0, import_elements_react18.useOryFlow)();
+  const { flow } = (0, import_elements_react18.useOryFlow)();
+  const config = (0, import_elements_react18.useOryConfiguration)();
   const returnUrl = (_a = flow.return_to) != null ? _a : config.project.default_redirect_url;
-  return /* @__PURE__ */ (0, import_jsx_runtime86.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_runtime86.jsxs)("div", { className: "flex flex-col gap-12", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex max-h-10 flex-1 justify-between gap-2 items-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Card.Logo, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(UserMenu, { session })
+  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)(UserMenu, { session })
     ] }),
-    returnUrl && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
+    returnUrl && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
       "a",
       {
         "data-testid": "ory/screen/settings/back-button",
         href: returnUrl,
         className: "inline-flex gap-2 items-center",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(arrow_left_default, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(arrow_left_default, {}),
           " ",
           intl.formatMessage({
             id: "settings.navigation-back-button",
@@ -4899,31 +5023,31 @@ var DefaultPageHeader = (_props) => {
 };
 
 // src/theme/default/components/settings/settings-oidc.tsx
-var import_react14 = require("react");
+var import_react16 = require("react");
 var import_react_hook_form20 = require("react-hook-form");
 var import_usehooks_ts2 = require("usehooks-ts");
 
 // src/theme/default/assets/icons/trash.svg
 var React29 = __toESM(require("react"));
-var import_jsx_runtime87 = require("react/jsx-runtime");
+var import_jsx_runtime88 = require("react/jsx-runtime");
 var SvgTrash = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime87.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_runtime87.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M4 7h16m-10 4v6m4-6v6M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2l1-12M9 7V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime88.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_runtime88.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M4 7h16m-10 4v6m4-6v6M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2l1-12M9 7V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3" }) });
 };
 var trash_default = SvgTrash;
 
 // src/theme/default/components/settings/settings-oidc.tsx
-var import_jsx_runtime88 = require("react/jsx-runtime");
+var import_jsx_runtime89 = require("react/jsx-runtime");
 function DefaultSettingsOidc({
   linkButtons,
   unlinkButtons
 }) {
   const hasLinkButtons = linkButtons.length > 0;
   const hasUnlinkButtons = unlinkButtons.length > 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex flex-col gap-8", children: [
-    hasLinkButtons && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "grid items-start gap-3 grid-cols-1 sm:grid-cols-2 md:grid-cols-3", children: linkButtons.map((button) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "flex flex-col gap-8", children: [
+    hasLinkButtons && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "grid items-start gap-3 grid-cols-1 sm:grid-cols-2 md:grid-cols-3", children: linkButtons.map((button) => {
       const attrs = button.attributes;
-      return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
         DefaultButtonSocial,
         {
           showLabel: true,
@@ -4934,12 +5058,12 @@ function DefaultSettingsOidc({
         attrs.value
       );
     }) }),
-    hasUnlinkButtons && hasLinkButtons ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(DefaultHorizontalDivider, {}) : null,
+    hasUnlinkButtons && hasLinkButtons ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(DefaultHorizontalDivider, {}) : null,
     unlinkButtons.map((button) => {
       if (button.attributes.node_type !== "input") {
         return null;
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(UnlinkRow, { button }, button.attributes.value);
+      return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(UnlinkRow, { button }, button.attributes.value);
     })
   ] });
 }
@@ -4956,18 +5080,18 @@ function UnlinkRow({ button }) {
     button.onClick();
     setClicked(true);
   };
-  (0, import_react14.useEffect)(() => {
+  (0, import_react16.useEffect)(() => {
     if (!isSubmitting) {
       setClicked(false);
     }
   }, [isSubmitting, setClicked]);
   console.log((_c = button.meta.label) == null ? void 0 : _c.context);
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex justify-between", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex items-center gap-6", children: [
-      Logo ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Logo, { size: 32 }) : /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(GenericLogo, { label: provider.slice(0, 1) }),
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("p", { className: "text-sm font-medium text-interface-foreground-default-secondary", children: provider })
+  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) }),
+      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("p", { className: "text-sm font-medium text-interface-foreground-default-secondary", children: provider })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
       "button",
       {
         ...omitInputAttributes(attrs),
@@ -4976,7 +5100,7 @@ function UnlinkRow({ button }) {
         disabled: isSubmitting,
         className: "relative",
         title: `Unlink ${provider}`,
-        children: clicked ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Spinner, { className: "relative" }) : /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+        children: clicked ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Spinner, { className: "relative" }) : /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
           trash_default,
           {
             className: "text-button-link-default-secondary hover:text-button-link-default-secondary-hover",
@@ -4991,7 +5115,7 @@ 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_jsx_runtime89 = require("react/jsx-runtime");
+var import_jsx_runtime90 = require("react/jsx-runtime");
 function DefaultSettingsPasskey({
   triggerButton,
   removeButtons
@@ -5001,8 +5125,8 @@ function DefaultSettingsPasskey({
   } = (0, import_react_hook_form21.useFormContext)();
   const { Node: Node2 } = (0, import_elements_react19.useComponents)();
   const hasRemoveButtons = removeButtons.length > 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "flex flex-col gap-8", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "flex max-w-[60%] items-end gap-3", children: triggerButton && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+  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)(
       Node2.Button,
       {
         node: triggerButton,
@@ -5010,38 +5134,38 @@ function DefaultSettingsPasskey({
         onClick: triggerButton.onClick
       }
     ) }),
-    hasRemoveButtons ? /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "flex flex-col gap-8", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(DefaultHorizontalDivider, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "flex flex-col gap-2", children: removeButtons.map((node, i) => {
+    hasRemoveButtons ? /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex flex-col gap-8", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(DefaultHorizontalDivider, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "flex flex-col gap-2", children: removeButtons.map((node, i) => {
         var _a, _b;
         const context = (_b = (_a = node.meta.label) == null ? void 0 : _a.context) != null ? _b : {};
         const addedAt = "added_at" in context ? context.added_at : null;
         const displayName = "display_name" in context ? context.display_name : null;
         const keyId = "value" in node.attributes ? node.attributes.value : null;
-        return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
           "div",
           {
             className: "flex justify-between gap-6 md:items-center",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "flex gap-2 items-center flex-1 truncate", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex gap-2 items-center flex-1 truncate", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
                   passkey_default,
                   {
                     size: 32,
                     className: "text-interface-foreground-default-primary"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "flex-1 flex-col md:flex-row md:items-center flex md:justify-between gap-4 truncate", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "flex-1 flex-col truncate", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("p", { className: "text-sm font-medium text-interface-foreground-default-secondary truncate", children: displayName }),
-                    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "text-sm text-interface-foreground-default-tertiary hidden sm:block truncate", children: keyId })
+                /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex-1 flex-col md:flex-row md:items-center flex md:justify-between gap-4 truncate", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex-1 flex-col truncate", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("p", { className: "text-sm font-medium text-interface-foreground-default-secondary truncate", children: displayName }),
+                    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "text-sm text-interface-foreground-default-tertiary hidden sm:block truncate", children: keyId })
                   ] }),
-                  addedAt && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("p", { className: "text-sm text-interface-foreground-default-tertiary", children: new Intl.DateTimeFormat(void 0, {
+                  addedAt && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("p", { className: "text-sm text-interface-foreground-default-tertiary", children: new Intl.DateTimeFormat(void 0, {
                     dateStyle: "long"
                   }).format(new Date(addedAt)) })
                 ] })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
                 "button",
                 {
                   ...node.attributes,
@@ -5049,7 +5173,7 @@ function DefaultSettingsPasskey({
                   onClick: node.onClick,
                   disabled: isSubmitting,
                   className: "relative",
-                  children: isSubmitting ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Spinner, { className: "relative" }) : /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+                  children: isSubmitting ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Spinner, { className: "relative" }) : /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
                     trash_default,
                     {
                       className: "text-button-link-default-secondary hover:text-button-link-default-secondary-hover",
@@ -5069,25 +5193,25 @@ function DefaultSettingsPasskey({
 
 // src/theme/default/assets/icons/download.svg
 var React30 = __toESM(require("react"));
-var import_jsx_runtime90 = require("react/jsx-runtime");
+var import_jsx_runtime91 = require("react/jsx-runtime");
 var SvgDownload = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime90.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_runtime90.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2M7 11l5 5m0 0 5-5m-5 5V4" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime91.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_runtime91.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2M7 11l5 5m0 0 5-5m-5 5V4" }) });
 };
 var download_default = SvgDownload;
 
 // src/theme/default/assets/icons/refresh.svg
 var React31 = __toESM(require("react"));
-var import_jsx_runtime91 = require("react/jsx-runtime");
+var import_jsx_runtime92 = require("react/jsx-runtime");
 var SvgRefresh = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime91.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_runtime91.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M20 11A8.1 8.1 0 0 0 4.5 9M4 5v4h4m-4 4a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime92.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_runtime92.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M20 11A8.1 8.1 0 0 0 4.5 9M4 5v4h4m-4 4a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4" }) });
 };
 var refresh_default = SvgRefresh;
 
 // src/theme/default/components/settings/settings-recovery-codes.tsx
 var import_react_hook_form22 = require("react-hook-form");
-var import_jsx_runtime92 = require("react/jsx-runtime");
+var import_jsx_runtime93 = require("react/jsx-runtime");
 function DefaultSettingsRecoveryCodes({
   codes,
   regnerateButton,
@@ -5109,12 +5233,12 @@ function DefaultSettingsRecoveryCodes({
     element.click();
   };
   const hasCodes = codes.length >= 1;
-  return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "flex flex-col gap-8", children: [
-    codes.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(DefaultHorizontalDivider, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "flex gap-4 justify-between", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: "text-interface-foreground-default-tertiary", children: revealButton && "Reveal recovery codes" }),
-      /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "flex gap-2", children: [
-        regnerateButton && codes.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex flex-col gap-8", children: [
+    codes.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(DefaultHorizontalDivider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex gap-4 justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "text-interface-foreground-default-tertiary", children: revealButton && "Reveal recovery codes" }),
+      /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex gap-2", children: [
+        regnerateButton && codes.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
           "button",
           {
             ...regnerateButton.attributes,
@@ -5123,7 +5247,7 @@ function DefaultSettingsRecoveryCodes({
             onClick: onRegenerate,
             disabled: isSubmitting,
             "data-loading": isSubmitting,
-            children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
               refresh_default,
               {
                 size: 24,
@@ -5132,7 +5256,7 @@ function DefaultSettingsRecoveryCodes({
             )
           }
         ),
-        revealButton && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_jsx_runtime92.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+        revealButton && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_jsx_runtime93.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
           "button",
           {
             ...revealButton.attributes,
@@ -5140,7 +5264,7 @@ function DefaultSettingsRecoveryCodes({
             className: "ml-auto",
             onClick: onReveal,
             title: "Reveal recovery codes",
-            children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
               eye_default,
               {
                 size: 24,
@@ -5149,7 +5273,7 @@ function DefaultSettingsRecoveryCodes({
             )
           }
         ) }),
-        hasCodes && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+        hasCodes && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
           "button",
           {
             onClick: onDownload,
@@ -5157,7 +5281,7 @@ function DefaultSettingsRecoveryCodes({
             className: "ml-auto",
             "data-testid": "ory/screen/settings/group/recovery_code/download",
             title: "Download recovery codes",
-            children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
               download_default,
               {
                 size: 24,
@@ -5168,12 +5292,12 @@ function DefaultSettingsRecoveryCodes({
         )
       ] })
     ] }),
-    hasCodes ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "rounded-general p-6 bg-interface-background-default-secondary border-interface-border-default-primary", children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+    hasCodes ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "rounded-general p-6 bg-interface-background-default-secondary border-interface-border-default-primary", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
       "div",
       {
         className: "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-5 flex-wrap gap-4 text-sm text-interface-foreground-default-primary",
         "data-testid": "ory/screen/settings/group/recovery_code/codes",
-        children: codes.map((code) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("p", { children: code }, code))
+        children: codes.map((code) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("p", { children: code }, code))
       }
     ) }) : null
   ] });
@@ -5184,16 +5308,16 @@ var import_elements_react20 = require("@ory/elements-react");
 
 // src/theme/default/assets/icons/qrcode.svg
 var React32 = __toESM(require("react"));
-var import_jsx_runtime93 = require("react/jsx-runtime");
+var import_jsx_runtime94 = require("react/jsx-runtime");
 var SvgQrcode = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime93.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_runtime93.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M9.333 22.667v.013m0-13.346v.013m13.333-.013v.013m0 9.32h-4v4m8-4v.013m-8 7.987h4m0-4h4v4m-21.333-20a1.333 1.333 0 0 1 1.333-1.333H12a1.333 1.333 0 0 1 1.333 1.333V12A1.334 1.334 0 0 1 12 13.334H6.666A1.334 1.334 0 0 1 5.333 12zm13.333 0A1.333 1.333 0 0 1 20 5.334h5.333a1.333 1.333 0 0 1 1.333 1.333V12a1.333 1.333 0 0 1-1.333 1.334H20A1.333 1.333 0 0 1 18.666 12zM5.333 20a1.333 1.333 0 0 1 1.333-1.333H12A1.333 1.333 0 0 1 13.333 20v5.334A1.333 1.333 0 0 1 12 26.667H6.666a1.333 1.333 0 0 1-1.333-1.334z" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime94.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_runtime94.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M9.333 22.667v.013m0-13.346v.013m13.333-.013v.013m0 9.32h-4v4m8-4v.013m-8 7.987h4m0-4h4v4m-21.333-20a1.333 1.333 0 0 1 1.333-1.333H12a1.333 1.333 0 0 1 1.333 1.333V12A1.334 1.334 0 0 1 12 13.334H6.666A1.334 1.334 0 0 1 5.333 12zm13.333 0A1.333 1.333 0 0 1 20 5.334h5.333a1.333 1.333 0 0 1 1.333 1.333V12a1.333 1.333 0 0 1-1.333 1.334H20A1.333 1.333 0 0 1 18.666 12zM5.333 20a1.333 1.333 0 0 1 1.333-1.333H12A1.333 1.333 0 0 1 13.333 20v5.334A1.333 1.333 0 0 1 12 26.667H6.666a1.333 1.333 0 0 1-1.333-1.334z" }) });
 };
 var qrcode_default = SvgQrcode;
 
 // src/theme/default/components/settings/settings-totp.tsx
 var import_react_hook_form23 = require("react-hook-form");
-var import_jsx_runtime94 = require("react/jsx-runtime");
+var import_jsx_runtime95 = require("react/jsx-runtime");
 function DefaultSettingsTotp({
   totpImage,
   totpInput,
@@ -5213,19 +5337,19 @@ function DefaultSettingsTotp({
       node_type: _ignoredNodeType,
       ...buttonAttrs
     } = totpUnlink.attributes;
-    return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "grid grid-cols-1 gap-8 md:grid-cols-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "col-span-full", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Card.Divider, {}) }),
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "col-span-full flex items-center gap-6", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "aspect-square size-8 ", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(qrcode_default, { size: 32 }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "mr-auto flex flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("p", { className: "text-sm font-medium text-interface-foreground-default-primary", children: "Authenticator app" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "grid grid-cols-1 gap-8 md:grid-cols-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "col-span-full", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Card.Divider, {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "col-span-full flex items-center gap-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "aspect-square size-8 ", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(qrcode_default, { size: 32 }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "mr-auto flex flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("p", { className: "text-sm font-medium text-interface-foreground-default-primary", children: "Authenticator app" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
           "button",
           {
             type: type === "button" ? "button" : "submit",
             ...buttonAttrs,
             onClick: onUnlink,
             disabled: isSubmitting,
-            children: isSubmitting ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Spinner, { className: "relative" }) : /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+            children: isSubmitting ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Spinner, { className: "relative" }) : /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
               trash_default,
               {
                 className: "text-button-link-default-secondary hover:text-button-link-default-secondary-hover",
@@ -5238,9 +5362,9 @@ function DefaultSettingsTotp({
     ] });
   }
   if (totpImage && totpSecret && totpInput) {
-    return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "grid grid-cols-1 gap-8 md:grid-cols-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "col-span-full", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(DefaultHorizontalDivider, {}) }),
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "flex justify-center rounded-cards bg-interface-background-default-secondary p-8", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "aspect-square h-44 rounded bg-[white]", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "-m-3 antialiased mix-blend-multiply", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "grid grid-cols-1 gap-8 md:grid-cols-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "col-span-full", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(DefaultHorizontalDivider, {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "flex justify-center rounded-cards bg-interface-background-default-secondary p-8", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "aspect-square h-44 rounded bg-[white]", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "-m-3 antialiased mix-blend-multiply", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
         Node2.Image,
         {
           node: totpImage,
@@ -5249,13 +5373,13 @@ function DefaultSettingsTotp({
           }
         }
       ) }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "flex flex-col gap-6", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex flex-col gap-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
           Node2.Label,
           {
             node: totpSecret,
             attributes: totpSecret.attributes,
-            children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "relative flex justify-stretch max-w-[488px]", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "relative flex justify-stretch max-w-[488px]", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
               "input",
               {
                 disabled: true,
@@ -5268,12 +5392,12 @@ function DefaultSettingsTotp({
             ) })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
           Node2.Label,
           {
             attributes: totpInput.attributes,
             node: totpInput,
-            children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
               Node2.CodeInput,
               {
                 node: totpInput,
@@ -5292,16 +5416,16 @@ var import_elements_react21 = require("@ory/elements-react");
 
 // src/theme/default/assets/icons/key.svg
 var React33 = __toESM(require("react"));
-var import_jsx_runtime95 = require("react/jsx-runtime");
+var import_jsx_runtime96 = require("react/jsx-runtime");
 var SvgKey = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime95.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_runtime95.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M20 12h.013m2.06-6.876 4.803 4.803a3.836 3.836 0 0 1 0 5.425l-3.524 3.524a3.835 3.835 0 0 1-5.425 0l-.402-.401-8.744 8.744a2.67 2.67 0 0 1-1.652.77L6.896 28H5.333a1.334 1.334 0 0 1-1.324-1.177L4 26.667v-1.563c0-.626.22-1.232.623-1.712l.158-.173.552-.552H8V20h2.667v-2.667l2.858-2.858-.401-.402a3.835 3.835 0 0 1 0-5.425l3.524-3.524a3.835 3.835 0 0 1 5.425 0" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime96.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_runtime96.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M20 12h.013m2.06-6.876 4.803 4.803a3.836 3.836 0 0 1 0 5.425l-3.524 3.524a3.835 3.835 0 0 1-5.425 0l-.402-.401-8.744 8.744a2.67 2.67 0 0 1-1.652.77L6.896 28H5.333a1.334 1.334 0 0 1-1.324-1.177L4 26.667v-1.563c0-.626.22-1.232.623-1.712l.158-.173.552-.552H8V20h2.667v-2.667l2.858-2.858-.401-.402a3.835 3.835 0 0 1 0-5.425l3.524-3.524a3.835 3.835 0 0 1 5.425 0" }) });
 };
 var key_default = SvgKey;
 
 // src/theme/default/components/settings/settings-webauthn.tsx
 var import_react_hook_form24 = require("react-hook-form");
-var import_jsx_runtime96 = require("react/jsx-runtime");
+var import_jsx_runtime97 = require("react/jsx-runtime");
 function DefaultSettingsWebauthn({
   nameInput,
   triggerButton,
@@ -5312,14 +5436,14 @@ function DefaultSettingsWebauthn({
   } = (0, import_react_hook_form24.useFormContext)();
   const { Node: Node2, Card } = (0, import_elements_react21.useComponents)();
   const hasRemoveButtons = removeButtons.length > 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex flex-col gap-8", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex md:max-w-96 sm:items-end gap-3 flex-col sm:flex-row", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+  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: [
+      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
         Node2.Label,
         {
           node: nameInput,
           attributes: nameInput.attributes,
-          children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
             Node2.Input,
             {
               node: nameInput,
@@ -5328,7 +5452,7 @@ function DefaultSettingsWebauthn({
           )
         }
       ) }),
-      triggerButton ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+      triggerButton ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
         Node2.Button,
         {
           node: triggerButton,
@@ -5337,38 +5461,38 @@ function DefaultSettingsWebauthn({
         }
       ) : null
     ] }),
-    hasRemoveButtons ? /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex flex-col gap-8", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Card.Divider, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "flex flex-col gap-4", children: removeButtons.map((node, i) => {
+    hasRemoveButtons ? /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex flex-col gap-8", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Card.Divider, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "flex flex-col gap-4", children: removeButtons.map((node, i) => {
         var _a, _b;
         const context = (_b = (_a = node.meta.label) == null ? void 0 : _a.context) != null ? _b : {};
         const addedAt = "added_at" in context ? context.added_at : null;
         const displayName = "display_name" in context ? context.display_name : null;
         const keyId = "value" in node.attributes ? node.attributes.value : null;
-        return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
           "div",
           {
             className: "flex justify-between gap-6 md:items-center",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex gap-2 items-center flex-1 truncate", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex gap-2 items-center flex-1 truncate", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
                   key_default,
                   {
                     size: 32,
                     className: "text-interface-foreground-default-primary"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex-1 flex-col md:flex-row md:items-center flex md:justify-between gap-4 truncate", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex-1 flex-col truncate", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("p", { className: "text-sm font-medium text-interface-foreground-default-secondary truncate", children: displayName }),
-                    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "text-sm text-interface-foreground-default-tertiary hidden sm:block truncate", children: keyId })
+                /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex-1 flex-col md:flex-row md:items-center flex md:justify-between gap-4 truncate", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex-1 flex-col truncate", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("p", { className: "text-sm font-medium text-interface-foreground-default-secondary truncate", children: displayName }),
+                    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "text-sm text-interface-foreground-default-tertiary hidden sm:block truncate", children: keyId })
                   ] }),
-                  addedAt && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("p", { className: "text-sm text-interface-foreground-default-tertiary", children: new Intl.DateTimeFormat(void 0, {
+                  addedAt && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("p", { className: "text-sm text-interface-foreground-default-tertiary", children: new Intl.DateTimeFormat(void 0, {
                     dateStyle: "long"
                   }).format(new Date(addedAt)) })
                 ] })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
                 "button",
                 {
                   ...node.attributes,
@@ -5376,7 +5500,7 @@ function DefaultSettingsWebauthn({
                   onClick: node.onClick,
                   disabled: isSubmitting,
                   className: "relative",
-                  children: isSubmitting ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Spinner, { className: "relative" }) : /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+                  children: isSubmitting ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Spinner, { className: "relative" }) : /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
                     trash_default,
                     {
                       className: "text-button-link-default-secondary hover:text-button-link-default-secondary-hover",
@@ -5395,91 +5519,96 @@ function DefaultSettingsWebauthn({
 }
 
 // src/theme/default/components/card/auth-method-list-container.tsx
-var import_jsx_runtime97 = require("react/jsx-runtime");
+var import_jsx_runtime98 = require("react/jsx-runtime");
 function DefaultAuthMethodListContainer({
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "grid grid-cols-1 gap-2", children });
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "grid grid-cols-1 gap-2", children });
 }
 
 // src/theme/default/components/form/captcha.tsx
-var import_client_fetch39 = require("@ory/client-fetch");
+var import_client_fetch41 = require("@ory/client-fetch");
 var import_react_turnstile = require("@marsidev/react-turnstile");
-var import_react15 = require("react");
+var import_react17 = require("react");
 var import_react_hook_form25 = require("react-hook-form");
-var import_jsx_runtime98 = require("react/jsx-runtime");
+var import_jsx_runtime99 = require("react/jsx-runtime");
 var DefaultCaptcha = ({ node }) => {
-  const { setValue } = (0, import_react_hook_form25.useFormContext)();
-  const ref = (0, import_react15.useRef)();
-  const nodes = [];
-  if ((0, import_client_fetch39.isUiNodeInputAttributes)(node.attributes)) {
-    if (node.attributes.name === "transient_payload.captcha_turnstile_response") {
-      nodes.push(
-        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(DefaultInput, { node, attributes: node.attributes }, 1)
-      );
+  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)(() => {
+    if (formState.submitCount > prevSubmitCount.current && formState.isSubmitSuccessful) {
+      prevSubmitCount.current = formState.submitCount;
+      setTimeout(() => {
+        if (ref.current) {
+          ref.current.reset();
+        }
+      }, 100);
     }
+  }, [formState.submitCount, formState.isSubmitSuccessful]);
+  if (!(0, import_client_fetch41.isUiNodeInputAttributes)(node.attributes)) {
+    return null;
   }
-  if ((0, import_client_fetch39.isUiNodeInputAttributes)(node.attributes) && node.attributes.name === "captcha_turnstile_options") {
+  if (node.attributes.name === "transient_payload.captcha_turnstile_response") {
+    return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(DefaultInput, { node, attributes: node.attributes }, 1);
+  } else if (node.attributes.name === "captcha_turnstile_options") {
     const options = JSON.parse(node.attributes.value);
-    nodes.push(
-      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
-        import_react_turnstile.Turnstile,
-        {
-          ref,
-          siteKey: options.sitekey,
-          options: {
-            action: options.action,
-            size: "flexible",
-            theme: options.theme,
-            responseField: false,
-            responseFieldName: options.response_field_name
-          },
-          onExpire: () => {
-            var _a;
-            return (_a = ref.current) == null ? void 0 : _a.reset();
-          },
-          onSuccess: (token) => {
-            setValue(options.response_field_name, token);
-          }
+    return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+      import_react_turnstile.Turnstile,
+      {
+        ref,
+        siteKey: options.sitekey,
+        options: {
+          action: options.action,
+          size: "flexible",
+          theme: options.theme,
+          responseField: false,
+          responseFieldName: options.response_field_name
         },
-        2
-      )
+        onExpire: () => {
+          var _a;
+          return (_a = ref.current) == null ? void 0 : _a.reset();
+        },
+        onSuccess: (token) => {
+          setValue(options.response_field_name, token);
+        }
+      }
     );
   }
-  return nodes;
+  return null;
 };
 
 // src/theme/default/assets/icons/personal.svg
 var React34 = __toESM(require("react"));
-var import_jsx_runtime99 = require("react/jsx-runtime");
+var import_jsx_runtime100 = require("react/jsx-runtime");
 var SvgPersonal = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime99.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_runtime99.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: "#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" }) });
 };
 var personal_default = SvgPersonal;
 
 // src/theme/default/assets/icons/message.svg
 var React35 = __toESM(require("react"));
-var import_jsx_runtime100 = require("react/jsx-runtime");
+var import_jsx_runtime101 = require("react/jsx-runtime");
 var SvgMessage = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime100.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_runtime100.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: "#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" }) });
 };
 var message_default = SvgMessage;
 
 // src/theme/default/assets/icons/phone.svg
 var React36 = __toESM(require("react"));
-var import_jsx_runtime101 = require("react/jsx-runtime");
+var import_jsx_runtime102 = require("react/jsx-runtime");
 var SvgPhone = (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: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M5 4.325h4l2 5-2.5 1.5a11 11 0 0 0 5 5l1.5-2.5 5 2v4a2 2 0 0 1-2 2 16 16 0 0 1-15-15 2 2 0 0 1 2-2" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime102.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_runtime102.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M5 4.325h4l2 5-2.5 1.5a11 11 0 0 0 5 5l1.5-2.5 5 2v4a2 2 0 0 1-2 2 16 16 0 0 1-15-15 2 2 0 0 1 2-2" }) });
 };
 var phone_default = SvgPhone;
 
 // src/theme/default/components/form/consent-scope-checkbox.tsx
 var import_react_intl23 = require("react-intl");
 var Switch = __toESM(require("@radix-ui/react-switch"));
-var import_jsx_runtime102 = require("react/jsx-runtime");
+var import_jsx_runtime103 = require("react/jsx-runtime");
 var ScopeIcons = {
   openid: personal_default,
   offline_access: personal_default,
@@ -5494,7 +5623,7 @@ function DefaultConsentScopeCheckbox({
   var _a;
   const intl = (0, import_react_intl23.useIntl)();
   const Icon = (_a = ScopeIcons[attributes.value]) != null ? _a : personal_default;
-  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
     ListItem,
     {
       as: "label",
@@ -5509,7 +5638,7 @@ function DefaultConsentScopeCheckbox({
       }),
       className: "col-span-2",
       "data-testid": "ory/screen/consent/scope-checkbox-label",
-      children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
         Switch.Root,
         {
           className: "relative w-7 h-4 bg-toggle-background-default rounded-identifier border-toggle-border-default border p-[3px] data-[state=checked]:bg-toggle-background-checked transition-all data-[state=checked]:border-toggle-border-checked",
@@ -5517,7 +5646,7 @@ function DefaultConsentScopeCheckbox({
           value: attributes.value,
           onCheckedChange,
           defaultChecked: true,
-          children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(Switch.Thumb, { className: "size-2 block bg-toggle-foreground-default rounded-identifier data-[state=checked]:bg-toggle-foreground-checked transition-all data-[state=checked]:translate-x-3" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Switch.Thumb, { className: "size-2 block bg-toggle-foreground-default rounded-identifier data-[state=checked]:bg-toggle-foreground-checked transition-all data-[state=checked]:translate-x-3" })
         }
       )
     }
@@ -5575,10 +5704,11 @@ function getOryComponents(overrides) {
 }
 
 // src/theme/default/flows/error.tsx
-var import_client_fetch40 = require("@ory/client-fetch");
-var import_react16 = require("react");
+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_runtime103 = require("react/jsx-runtime");
+var import_jsx_runtime104 = require("react/jsx-runtime");
 function isOAuth2Error(error) {
   return !!error && typeof error === "object" && "error" in error && "error_description" in error;
 }
@@ -5587,7 +5717,7 @@ var errorDescriptions = {
   5: "The server encountered an error and could not complete your request"
 };
 function useStandardize(error) {
-  return (0, import_react16.useMemo)(() => {
+  return (0, import_react18.useMemo)(() => {
     var _a;
     if (isOAuth2Error(error)) {
       return {
@@ -5597,14 +5727,14 @@ function useStandardize(error) {
         timestamp: /* @__PURE__ */ new Date()
       };
     }
-    if ((0, import_client_fetch40.instanceOfFlowError)(error)) {
+    if ((0, import_client_fetch42.instanceOfFlowError)(error)) {
       const parsed = error.error;
       return {
         ...parsed,
         id: error.id,
         timestamp: error.created_at
       };
-    } else if (error.error && (0, import_client_fetch40.instanceOfGenericError)(error.error)) {
+    } else if (error.error && (0, import_client_fetch42.instanceOfGenericError)(error.error)) {
       return {
         code: (_a = error.error.code) != null ? _a : 500,
         message: error.error.message,
@@ -5631,47 +5761,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_runtime103.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_elements_react22.OryConfigurationProvider, { sdk: config.sdk, project: config.project, children: /* @__PURE__ */ (0, import_jsx_runtime104.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_runtime103.jsx)(Card, { children: /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Card, { children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(
         "div",
         {
           className: "flex flex-col gap-6 antialiased",
           "data-testid": "ory/screen/error",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("header", { className: "flex flex-col gap-8 antialiased", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(ErrorLogo, { config }),
-              /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "flex flex-col gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("h2", { className: "text-lg font-semibold leading-normal text-interface-foreground-default-primary", children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_react_intl24.FormattedMessage, { id: "error.title.what-happened" }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("p", { className: "leading-normal text-interface-foreground-default-secondary", children: (_h = parsed.message) != null ? _h : description }),
-                parsed.reason && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("p", { className: "leading-normal text-interface-foreground-default-secondary", children: parsed.reason })
+            /* @__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_runtime103.jsx)(Divider, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "flex flex-col gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("h2", { className: "text-lg font-semibold leading-normal text-interface-foreground-default-primary", children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_react_intl24.FormattedMessage, { id: "error.title.what-can-i-do" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("p", { className: "leading-normal text-interface-foreground-default-secondary", children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_react_intl24.FormattedMessage, { id: "error.instructions" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { children: session ? /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(LoggedInActions, { config }) : /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(GoBackButton, { config }) })
+            /* @__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_runtime103.jsx)(Divider, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { className: "font-normal leading-normal antialiased gap-2 flex flex-col", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("span", { className: "text-interface-foreground-default-primary text-sm", children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_react_intl24.FormattedMessage, { id: "error.footer.text" }) }),
-              parsed.id && /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("p", { className: "text-interface-foreground-default-secondary text-sm", children: [
+            /* @__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: [
                 "ID: ",
-                /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("code", { children: parsed.id })
+                /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("code", { children: parsed.id })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("p", { className: "text-interface-foreground-default-secondary text-sm", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("p", { className: "text-interface-foreground-default-secondary text-sm", children: [
                 "Time: ",
-                /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("code", { children: (_i = parsed.timestamp) == null ? void 0 : _i.toUTCString() })
+                /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("code", { children: (_i = parsed.timestamp) == null ? void 0 : _i.toUTCString() })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("p", { className: "text-interface-foreground-default-secondary text-sm", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("p", { className: "text-interface-foreground-default-secondary text-sm", children: [
                 "Message: ",
-                /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("code", { children: parsed.reason })
+                /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("code", { children: parsed.reason })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
                 "button",
                 {
                   className: "text-interface-foreground-default-primary underline",
@@ -5683,7 +5813,7 @@ ${parsed.reason ? `Message: ${parsed.reason}` : ""}
 `;
                     void navigator.clipboard.writeText(text);
                   },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_react_intl24.FormattedMessage, { id: "error.footer.copy" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react_intl24.FormattedMessage, { id: "error.footer.copy" })
                 }
               ) })
             ] })
@@ -5691,43 +5821,46 @@ ${parsed.reason ? `Message: ${parsed.reason}` : ""}
         }
       ) })
     }
-  );
+  ) });
 }
-function LoggedInActions({ config }) {
+function LoggedInActions() {
+  const config = (0, import_elements_react22.useOryConfiguration)();
   const { logoutFlow } = useClientLogout(config);
-  return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
     "a",
     {
       href: logoutFlow == null ? void 0 : logoutFlow.logout_url,
       className: "text-interface-foreground-default-primary underline",
-      children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_react_intl24.FormattedMessage, { id: "login.logout-button" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react_intl24.FormattedMessage, { id: "login.logout-button" })
     }
   );
 }
-function GoBackButton({ config }) {
+function GoBackButton() {
+  const config = (0, import_elements_react22.useOryConfiguration)();
   if ("default_redirect_url" in config.project) {
-    return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
       "a",
       {
         className: "text-interface-foreground-default-primary underline",
         href: config.project.default_redirect_url,
-        children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_react_intl24.FormattedMessage, { id: "error.action.go-back" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_react_intl24.FormattedMessage, { id: "error.action.go-back" })
       }
     );
   }
   return null;
 }
-function ErrorLogo({ config }) {
-  if (config.logoUrl) {
-    return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("img", { src: config.logoUrl, width: 100, height: 36, alt: "Logo" });
+function ErrorLogo() {
+  const { project } = (0, import_elements_react22.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_runtime103.jsx)("h1", { className: "text-xl font-semibold leading-normal text-interface-foreground-default-primary", children: config.name });
+  return /* @__PURE__ */ (0, import_jsx_runtime104.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_fetch41 = require("@ory/client-fetch");
-var import_elements_react22 = require("@ory/elements-react");
-var import_jsx_runtime104 = require("react/jsx-runtime");
+var import_client_fetch43 = require("@ory/client-fetch");
+var import_elements_react23 = require("@ory/elements-react");
+var import_jsx_runtime105 = require("react/jsx-runtime");
 function Login({
   flow,
   config,
@@ -5735,22 +5868,22 @@ function Login({
   components: flowOverrideComponents
 }) {
   const components = getOryComponents(flowOverrideComponents);
-  return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
-    import_elements_react22.OryProvider,
+  return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+    import_elements_react23.OryProvider,
     {
       config,
       flow,
-      flowType: import_client_fetch41.FlowType.Login,
+      flowType: import_client_fetch43.FlowType.Login,
       components,
-      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_elements_react22.OryTwoStepCard, {})
+      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_elements_react23.OryTwoStepCard, {})
     }
   );
 }
 
 // src/theme/default/flows/recovery.tsx
-var import_client_fetch42 = require("@ory/client-fetch");
-var import_elements_react23 = require("@ory/elements-react");
-var import_jsx_runtime105 = require("react/jsx-runtime");
+var import_client_fetch44 = require("@ory/client-fetch");
+var import_elements_react24 = require("@ory/elements-react");
+var import_jsx_runtime106 = require("react/jsx-runtime");
 function Recovery({
   flow,
   config,
@@ -5758,22 +5891,22 @@ function Recovery({
   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_react24.OryProvider,
     {
       config,
       flow,
-      flowType: import_client_fetch42.FlowType.Recovery,
+      flowType: import_client_fetch44.FlowType.Recovery,
       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_react24.OryTwoStepCard, {})
     }
   );
 }
 
 // src/theme/default/flows/registration.tsx
-var import_client_fetch43 = require("@ory/client-fetch");
-var import_elements_react24 = require("@ory/elements-react");
-var import_jsx_runtime106 = require("react/jsx-runtime");
+var import_client_fetch45 = require("@ory/client-fetch");
+var import_elements_react25 = require("@ory/elements-react");
+var import_jsx_runtime107 = require("react/jsx-runtime");
 function Registration({
   flow,
   children,
@@ -5781,22 +5914,22 @@ function Registration({
   config
 }) {
   const components = getOryComponents(flowOverrideComponents);
-  return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
-    import_elements_react24.OryProvider,
+  return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+    import_elements_react25.OryProvider,
     {
       config,
       flow,
-      flowType: import_client_fetch43.FlowType.Registration,
+      flowType: import_client_fetch45.FlowType.Registration,
       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_react25.OryTwoStepCard, {})
     }
   );
 }
 
 // src/theme/default/flows/settings.tsx
-var import_client_fetch44 = require("@ory/client-fetch");
-var import_elements_react25 = require("@ory/elements-react");
-var import_jsx_runtime107 = require("react/jsx-runtime");
+var import_client_fetch46 = require("@ory/client-fetch");
+var import_elements_react26 = require("@ory/elements-react");
+var import_jsx_runtime108 = require("react/jsx-runtime");
 function Settings({
   flow,
   config,
@@ -5804,25 +5937,25 @@ function Settings({
   components: flowOverrideComponents
 }) {
   const components = getOryComponents(flowOverrideComponents);
-  return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
-    import_elements_react25.OryProvider,
+  return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+    import_elements_react26.OryProvider,
     {
       config,
       flow,
-      flowType: import_client_fetch44.FlowType.Settings,
+      flowType: import_client_fetch46.FlowType.Settings,
       components,
-      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(import_jsx_runtime107.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_elements_react25.HeadlessPageHeader, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_elements_react25.OrySettingsCard, {})
+      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, {})
       ] })
     }
   );
 }
 
 // src/theme/default/flows/verification.tsx
-var import_client_fetch45 = require("@ory/client-fetch");
-var import_elements_react26 = require("@ory/elements-react");
-var import_jsx_runtime108 = require("react/jsx-runtime");
+var import_client_fetch47 = require("@ory/client-fetch");
+var import_elements_react27 = require("@ory/elements-react");
+var import_jsx_runtime109 = require("react/jsx-runtime");
 function Verification({
   flow,
   config,
@@ -5830,24 +5963,24 @@ function Verification({
   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_react27.OryProvider,
     {
       config,
       flow,
-      flowType: import_client_fetch45.FlowType.Verification,
+      flowType: import_client_fetch47.FlowType.Verification,
       components,
-      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_elements_react26.OryTwoStepCard, {})
+      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_elements_react27.OryTwoStepCard, {})
     }
   );
 }
 
 // src/theme/default/flows/consent.tsx
-var import_client_fetch47 = require("@ory/client-fetch");
-var import_elements_react27 = require("@ory/elements-react");
+var import_client_fetch49 = require("@ory/client-fetch");
+var import_elements_react28 = require("@ory/elements-react");
 
 // src/theme/default/utils/oauth2.ts
-var import_client_fetch46 = require("@ory/client-fetch");
+var import_client_fetch48 = require("@ory/client-fetch");
 var rememberCheckbox = {
   type: "input",
   group: "oauth2_consent",
@@ -5855,7 +5988,7 @@ var rememberCheckbox = {
     label: {
       id: 9999111,
       text: "Remember my decision",
-      type: import_client_fetch46.UiTextTypeEnum.Info
+      type: import_client_fetch48.UiTextTypeEnum.Info
     }
   },
   attributes: {
@@ -5874,7 +6007,7 @@ var acceptButton = {
     label: {
       id: 9999111,
       text: "Accept",
-      type: import_client_fetch46.UiTextTypeEnum.Info
+      type: import_client_fetch48.UiTextTypeEnum.Info
     }
   },
   attributes: {
@@ -5893,7 +6026,7 @@ var rejectButton = {
     label: {
       id: 9999111,
       text: "Reject",
-      type: import_client_fetch46.UiTextTypeEnum.Info
+      type: import_client_fetch48.UiTextTypeEnum.Info
     }
   },
   attributes: {
@@ -5940,7 +6073,7 @@ function scopesToUiNodes(scopes) {
       label: {
         id: 9999111,
         text: scope,
-        type: import_client_fetch46.UiTextTypeEnum.Info
+        type: import_client_fetch48.UiTextTypeEnum.Info
       }
     },
     attributes: {
@@ -5985,7 +6118,7 @@ function challengeNode(challenge) {
 }
 
 // src/theme/default/flows/consent.tsx
-var import_jsx_runtime109 = require("react/jsx-runtime");
+var import_jsx_runtime110 = require("react/jsx-runtime");
 function Consent({
   consentChallenge,
   session,
@@ -6002,14 +6135,14 @@ function Consent({
     formActionUrl,
     session
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
-    import_elements_react27.OryProvider,
+  return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+    import_elements_react28.OryProvider,
     {
       config,
       flow,
-      flowType: import_client_fetch47.FlowType.OAuth2Consent,
+      flowType: import_client_fetch49.FlowType.OAuth2Consent,
       components,
-      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_elements_react27.OryConsentCard, {})
+      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_elements_react28.OryConsentCard, {})
     }
   );
 }