@ory/elements-react 1.0.0-next.40 → 1.0.0-next.43

package/dist/theme/default/index.js

@@ -29,8 +29,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/theme/default/index.ts
-var default_exports = {};
-__export(default_exports, {
+var index_exports = {};
+__export(index_exports, {
   Consent: () => Consent,
   DefaultButtonSocial: () => DefaultButtonSocial,
   DefaultCard: () => DefaultCard,
@@ -51,7 +51,7 @@ __export(default_exports, {
   Verification: () => Verification,
   getOryComponents: () => getOryComponents
 });
-module.exports = __toCommonJS(default_exports);
+module.exports = __toCommonJS(index_exports);
 
 // src/theme/default/assets/ory-badge-horizontal.svg
 var React = __toESM(require("react"));
@@ -92,9 +92,8 @@ function DefaultCardContent({ children }) {
 }
 
 // src/theme/default/components/card/footer.tsx
-var import_client_fetch3 = require("@ory/client-fetch");
+var import_client_fetch4 = require("@ory/client-fetch");
 var import_elements_react = require("@ory/elements-react");
-var import_react_hook_form = require("react-hook-form");
 var import_react_intl = require("react-intl");
 
 // src/theme/default/utils/url.ts
@@ -143,6 +142,7 @@ function appendRefresh(url, refresh) {
 
 // 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/context/component.tsx
@@ -179,15 +179,15 @@ function nodesToAuthMethodGroups(nodes, excludeAuthMethods = []) {
     groupNodes.push(node);
     groups[node.group] = groupNodes;
   }
-  return Object.values(import_client_fetch2.UiNodeGroupEnum).filter((group) => {
+  return Object.values(import_client_fetch3.UiNodeGroupEnum).filter((group) => {
     var _a2;
     return (_a2 = groups[group]) == null ? void 0 : _a2.length;
   }).filter(
     (group) => ![
-      import_client_fetch2.UiNodeGroupEnum.Default,
-      import_client_fetch2.UiNodeGroupEnum.IdentifierFirst,
-      import_client_fetch2.UiNodeGroupEnum.Profile,
-      import_client_fetch2.UiNodeGroupEnum.Captcha,
+      import_client_fetch3.UiNodeGroupEnum.Default,
+      import_client_fetch3.UiNodeGroupEnum.IdentifierFirst,
+      import_client_fetch3.UiNodeGroupEnum.Profile,
+      import_client_fetch3.UiNodeGroupEnum.Captcha,
       ...excludeAuthMethods
     ].includes(group)
   );
@@ -196,20 +196,27 @@ var findNode = (nodes, opt) => nodes.find((n) => {
   return n.attributes.node_type === opt.node_type && (opt.group instanceof RegExp ? n.group.match(opt.group) : n.group === opt.group) && (opt.name && n.attributes.node_type === "input" ? opt.name instanceof RegExp ? n.attributes.name.match(opt.name) : n.attributes.name === opt.name : !opt.name);
 });
 
+// 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/components/card/footer.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
 function DefaultCardFooter() {
   const oryFlow = (0, import_elements_react.useOryFlow)();
   switch (oryFlow.flowType) {
-    case import_client_fetch3.FlowType.Login:
+    case import_client_fetch4.FlowType.Login:
       return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(LoginCardFooter, {});
-    case import_client_fetch3.FlowType.Registration:
+    case import_client_fetch4.FlowType.Registration:
       return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(RegistrationCardFooter, {});
-    case import_client_fetch3.FlowType.Recovery:
+    case import_client_fetch4.FlowType.Recovery:
       return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(RecoveryCardFooter, {});
-    case import_client_fetch3.FlowType.Verification:
+    case import_client_fetch4.FlowType.Verification:
       return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(VerificationCardFooter, {});
-    case import_client_fetch3.FlowType.OAuth2Consent:
+    case import_client_fetch4.FlowType.OAuth2Consent:
       return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ConsentCardFooter, { flow: oryFlow.flow });
     default:
       return null;
@@ -219,7 +226,7 @@ function LoginCardFooter() {
   const { config, formState, flow, flowType } = (0, import_elements_react.useOryFlow)();
   const intl = (0, import_react_intl.useIntl)();
   const authMethods = nodesToAuthMethodGroups(flow.ui.nodes);
-  if (flowType === import_client_fetch3.FlowType.Login && flow.refresh) {
+  if (flowType === import_client_fetch4.FlowType.Login && flow.refresh) {
     return null;
   }
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
@@ -267,7 +274,7 @@ function LoginCardFooter() {
         })
       }
     ) }),
-    flowType === import_client_fetch3.FlowType.Login && flow.requested_aal === "aal2" && (formState.current === "select_method" || authMethods.length === 0) && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "font-normal leading-normal antialiased text-interface-foreground-default-primary", children: [
+    flowType === import_client_fetch4.FlowType.Login && flow.requested_aal === "aal2" && (formState.current === "select_method" || authMethods.length === 0) && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "font-normal leading-normal antialiased text-interface-foreground-default-primary", children: [
       intl.formatMessage({
         id: "login.2fa.go-back"
       }),
@@ -289,60 +296,45 @@ function LoginCardFooter() {
     ] })
   ] });
 }
-function findScreenSelectionButton(nodes) {
-  return nodes.find(
-    (node) => node.attributes.node_type === "input" && node.attributes.type === "submit" && node.attributes.name === "screen"
-  );
-}
 function RegistrationCardFooter() {
   const intl = (0, import_react_intl.useIntl)();
   const { config, flow, formState } = (0, import_elements_react.useOryFlow)();
-  const { setValue } = (0, import_react_hook_form.useFormContext)();
-  if (formState.current === "select_method") {
-    return null;
-  }
   const screenSelectionNode = findScreenSelectionButton(flow.ui.nodes);
-  function handleScreenSelection() {
-    setValue("method", "profile");
-    if (screenSelectionNode) {
-      setValue(
-        screenSelectionNode.attributes.name,
-        screenSelectionNode.attributes.value
-      );
-    }
+  switch (formState.current) {
+    case "method_active":
+      return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "font-normal leading-normal antialiased", children: screenSelectionNode && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        "a",
+        {
+          className: "font-medium text-button-link-brand-brand hover:text-button-link-brand-brand-hover",
+          href: "",
+          children: intl.formatMessage({
+            id: "card.footer.select-another-method",
+            defaultMessage: "Select another method"
+          })
+        }
+      ) });
+    case "select_method":
+    default:
+      return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "font-normal leading-normal antialiased", children: [
+        intl.formatMessage({
+          id: "registration.login-label",
+          defaultMessage: "Already have an account?"
+        }),
+        " ",
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          "a",
+          {
+            className: "text-button-link-brand-brand transition-colors hover:text-button-link-brand-brand-hover underline",
+            href: initFlowUrl(config.sdk.url, "login", flow),
+            "data-testid": "ory/screen/registration/action/login",
+            children: intl.formatMessage({
+              id: "registration.login-button",
+              defaultMessage: "Sign in"
+            })
+          }
+        )
+      ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "font-normal leading-normal antialiased", children: formState.current === "method_active" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children: screenSelectionNode && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-    "button",
-    {
-      className: "font-medium text-button-link-brand-brand hover:text-button-link-brand-brand-hover",
-      type: "submit",
-      name: screenSelectionNode.attributes.name,
-      value: screenSelectionNode.attributes.value,
-      onClick: handleScreenSelection,
-      children: intl.formatMessage({
-        id: "card.footer.select-another-method",
-        defaultMessage: "Select another method"
-      })
-    }
-  ) }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-    intl.formatMessage({
-      id: "registration.login-label",
-      defaultMessage: "Already have an account?"
-    }),
-    " ",
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-      "a",
-      {
-        className: "text-button-link-brand-brand transition-colors hover:text-button-link-brand-brand-hover underline",
-        href: initFlowUrl(config.sdk.url, "login", flow),
-        "data-testid": "ory/screen/registration/action/login",
-        children: intl.formatMessage({
-          id: "registration.login-button",
-          defaultMessage: "Sign in"
-        })
-      }
-    )
-  ] }) });
 }
 function RecoveryCardFooter() {
   return null;
@@ -400,7 +392,7 @@ function ConsentCardFooter({ flow }) {
 var import_elements_react3 = require("@ory/elements-react");
 
 // src/theme/default/utils/constructCardHeader.ts
-var import_client_fetch4 = require("@ory/client-fetch");
+var import_client_fetch5 = require("@ory/client-fetch");
 var import_react_intl2 = require("react-intl");
 function joinWithCommaOr(list, orText = "or") {
   if (list.length === 0) {
@@ -417,7 +409,7 @@ function useCardHeaderText(container, opts) {
   const nodes = container.nodes;
   const intl = (0, import_react_intl2.useIntl)();
   switch (opts.flowType) {
-    case import_client_fetch4.FlowType.Recovery:
+    case import_client_fetch5.FlowType.Recovery:
       if (nodes.find(
         (node) => "name" in node.attributes && node.attributes.name === "code"
       )) {
@@ -438,7 +430,7 @@ function useCardHeaderText(container, opts) {
           id: "recovery.subtitle"
         })
       };
-    case import_client_fetch4.FlowType.Settings:
+    case import_client_fetch5.FlowType.Settings:
       return {
         title: intl.formatMessage({
           id: "settings.title"
@@ -447,7 +439,7 @@ function useCardHeaderText(container, opts) {
           id: "settings.subtitle"
         })
       };
-    case import_client_fetch4.FlowType.Verification:
+    case import_client_fetch5.FlowType.Verification:
       if (nodes.find(
         (node) => "name" in node.attributes && node.attributes.name === "code"
       )) {
@@ -468,7 +460,7 @@ function useCardHeaderText(container, opts) {
           id: "verification.subtitle"
         })
       };
-    case import_client_fetch4.FlowType.Login: {
+    case import_client_fetch5.FlowType.Login: {
       const accountLinkingMessage = (_a = container.messages) == null ? void 0 : _a.find(
         (m) => m.id === 1010016
       );
@@ -490,7 +482,7 @@ function useCardHeaderText(container, opts) {
   const parts = [];
   if (nodes.find((node) => node.group === "password")) {
     switch (opts.flowType) {
-      case import_client_fetch4.FlowType.Registration:
+      case import_client_fetch5.FlowType.Registration:
         parts.push(
           intl.formatMessage(
             { id: "card.header.parts.password.registration" },
@@ -527,7 +519,7 @@ function useCardHeaderText(container, opts) {
   }
   if (nodes.find((node) => node.group === "identifier_first")) {
     const identifier = nodes.find(
-      (node) => (0, import_client_fetch4.isUiNodeInputAttributes)(node.attributes) && node.attributes.name.startsWith("identifier") && node.attributes.type !== "hidden"
+      (node) => (0, import_client_fetch5.isUiNodeInputAttributes)(node.attributes) && node.attributes.name.startsWith("identifier") && node.attributes.type !== "hidden"
     );
     if (identifier) {
       parts.push(
@@ -543,7 +535,7 @@ function useCardHeaderText(container, opts) {
     }
   }
   switch (opts.flowType) {
-    case import_client_fetch4.FlowType.Login:
+    case import_client_fetch5.FlowType.Login:
       if (opts.flow.refresh) {
         return {
           title: intl.formatMessage({
@@ -584,7 +576,7 @@ function useCardHeaderText(container, opts) {
           }
         ) : ""
       };
-    case import_client_fetch4.FlowType.Registration:
+    case import_client_fetch5.FlowType.Registration:
       return {
         title: intl.formatMessage({
           id: "registration.title"
@@ -601,7 +593,7 @@ function useCardHeaderText(container, opts) {
           }
         ) : ""
       };
-    case import_client_fetch4.FlowType.OAuth2Consent:
+    case import_client_fetch5.FlowType.OAuth2Consent:
       return {
         title: intl.formatMessage(
           {
@@ -628,7 +620,7 @@ function useCardHeaderText(container, opts) {
 }
 
 // src/theme/default/components/card/current-identifier-button.tsx
-var import_client_fetch5 = require("@ory/client-fetch");
+var import_client_fetch6 = require("@ory/client-fetch");
 var import_elements_react2 = require("@ory/elements-react");
 
 // src/theme/default/assets/icons/arrow-left.svg
@@ -650,36 +642,90 @@ function omit(obj, keys) {
 }
 
 // src/theme/default/components/card/current-identifier-button.tsx
+var import_react_hook_form = require("react-hook-form");
 var import_jsx_runtime7 = require("react/jsx-runtime");
 function DefaultCurrentIdentifierButton() {
   const { flow, flowType, config, formState } = (0, import_elements_react2.useOryFlow)();
+  const { setValue } = (0, import_react_hook_form.useFormContext)();
   const ui = flow.ui;
   if (formState.current === "provide_identifier") {
     return null;
   }
-  if (flowType === import_client_fetch5.FlowType.Login && flow.requested_aal === "aal2") {
+  if (flowType === import_client_fetch6.FlowType.Login && flow.requested_aal === "aal2") {
     return null;
   }
-  const nodeBackButton = getBackButtonNode(flowType, ui.nodes);
-  if ((nodeBackButton == null ? void 0 : nodeBackButton.attributes.node_type) !== "input" || !nodeBackButton.attributes.value) {
+  const nodeBackButton = getBackButtonNodeAttributes(flowType, ui.nodes);
+  if (!nodeBackButton) {
     return null;
   }
   const initFlowUrl2 = restartFlowUrl(
     flow,
     `${config.sdk.url}/self-service/${flowType}/browser`
   );
-  const attributes = omit(nodeBackButton.attributes, [
+  const attributes = omit(nodeBackButton, [
     "autocomplete",
     "node_type",
     "maxlength"
   ]);
+  const screenSelectionNode = findScreenSelectionButton(flow.ui.nodes);
+  if (screenSelectionNode) {
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("form", { action: flow.ui.action, method: flow.ui.method, children: [
+      flow.ui.nodes.filter((n) => {
+        if ((0, import_client_fetch6.isUiNodeInputAttributes)(n.attributes)) {
+          return n.attributes.type === "hidden";
+        }
+        return false;
+      }).map((n) => {
+        const attrs = n.attributes;
+        return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          "input",
+          {
+            type: "hidden",
+            name: attrs.name,
+            value: attrs.value
+          },
+          attrs.name
+        );
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.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,
+          type: "submit",
+          onClick: () => {
+            setValue(
+              screenSelectionNode.attributes.name,
+              screenSelectionNode.attributes.value
+            );
+            setValue("method", "profile");
+          },
+          name: screenSelectionNode.attributes.name,
+          value: screenSelectionNode.attributes.value,
+          title: `Adjust ${nodeBackButton == null ? void 0 : nodeBackButton.value}`,
+          "data-testid": "ory/screen/login/action/restart",
+          children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "inline-flex min-h-5 items-center gap-2 overflow-hidden text-ellipsis", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+              arrow_left_default,
+              {
+                size: 16,
+                stroke: "1",
+                className: "shrink-0 text-button-identifier-foreground-default group-hover:text-button-identifier-foreground-hover"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime7.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_runtime7.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,
       href: initFlowUrl2,
-      title: `Adjust ${nodeBackButton == null ? void 0 : nodeBackButton.attributes.value}`,
+      title: `Adjust ${nodeBackButton == null ? void 0 : nodeBackButton.value}`,
       "data-testid": "ory/screen/login/action/restart",
       children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "inline-flex min-h-5 items-center gap-2 overflow-hidden text-ellipsis", children: [
         /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
@@ -690,30 +736,34 @@ function DefaultCurrentIdentifierButton() {
             className: "shrink-0 text-button-identifier-foreground-default group-hover:text-button-identifier-foreground-hover"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime7.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.attributes.value })
+        /* @__PURE__ */ (0, import_jsx_runtime7.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 })
       ] })
     }
   );
 }
-function getBackButtonNode(flowType, nodes) {
-  let nodeBackButton;
+function getBackButtonNodeAttributes(flowType, nodes) {
+  var _a, _b;
+  let nodeBackButtonAttributes;
   switch (flowType) {
-    case import_client_fetch5.FlowType.Login:
-      nodeBackButton = nodes.find(
-        (node) => "name" in node.attributes && node.attributes.name === "identifier" && ["default", "identifier_first"].includes(node.group)
-      );
+    case import_client_fetch6.FlowType.Login:
+      nodeBackButtonAttributes = (_a = nodes.find(
+        (node) => (0, import_client_fetch6.isUiNodeInputAttributes)(node.attributes) && node.attributes.name === "identifier" && ["default", "identifier_first"].includes(node.group)
+      )) == null ? void 0 : _a.attributes;
       break;
-    case import_client_fetch5.FlowType.Registration:
-      nodeBackButton = guessRegistrationBackButton(nodes);
+    case import_client_fetch6.FlowType.Registration:
+      nodeBackButtonAttributes = guessRegistrationBackButton(nodes);
       break;
-    case import_client_fetch5.FlowType.Recovery:
-    case import_client_fetch5.FlowType.Verification:
-      nodeBackButton = nodes.find(
-        (n) => "name" in n.attributes && n.attributes.name === "email"
-      );
+    case import_client_fetch6.FlowType.Recovery:
+    case import_client_fetch6.FlowType.Verification:
+      nodeBackButtonAttributes = (_b = nodes.find(
+        (n) => (0, import_client_fetch6.isUiNodeInputAttributes)(n.attributes) && n.attributes.name === "email"
+      )) == null ? void 0 : _b.attributes;
       break;
   }
-  return nodeBackButton;
+  if ((nodeBackButtonAttributes == null ? void 0 : nodeBackButtonAttributes.node_type) !== "input" || !(nodeBackButtonAttributes == null ? void 0 : nodeBackButtonAttributes.value)) {
+    return void 0;
+  }
+  return nodeBackButtonAttributes;
 }
 var backButtonCandiates = [
   "traits.email",
@@ -721,9 +771,10 @@ var backButtonCandiates = [
   "traits.phone_number"
 ];
 function guessRegistrationBackButton(uiNodes) {
-  return uiNodes.find(
-    (node) => "name" in node.attributes && backButtonCandiates.includes(node.attributes.name) && node.group === "default"
-  );
+  var _a;
+  return (_a = uiNodes.find(
+    (node) => (0, import_client_fetch6.isUiNodeInputAttributes)(node.attributes) && backButtonCandiates.includes(node.attributes.name) && node.group === "default"
+  )) == null ? void 0 : _a.attributes;
 }
 
 // src/theme/default/components/card/header.tsx
@@ -781,7 +832,7 @@ function cn(...inputs) {
 // src/theme/default/components/form/index.tsx
 var import_react_intl4 = require("react-intl");
 var import_elements_react6 = require("@ory/elements-react");
-var import_client_fetch7 = require("@ory/client-fetch");
+var import_client_fetch8 = require("@ory/client-fetch");
 
 // src/theme/default/components/form/social.tsx
 var import_elements_react5 = require("@ory/elements-react");
@@ -1018,7 +1069,7 @@ function Spinner({ className }) {
 }
 
 // src/theme/default/components/form/social.tsx
-var import_client_fetch6 = require("@ory/client-fetch");
+var import_client_fetch7 = require("@ory/client-fetch");
 var import_jsx_runtime27 = require("react/jsx-runtime");
 function extractProvider(context) {
   if (context && typeof context === "object" && "provider" in context && typeof context.provider === "string") {
@@ -1050,7 +1101,7 @@ function DefaultButtonSocial({
     formState: { isSubmitting }
   } = (0, import_react_hook_form2.useFormContext)();
   const oidcNodeCount = (_a = ui.nodes.filter(
-    (node2) => node2.group === import_client_fetch6.UiNodeGroupEnum.Oidc || node2.group === import_client_fetch6.UiNodeGroupEnum.Saml
+    (node2) => node2.group === import_client_fetch7.UiNodeGroupEnum.Oidc || node2.group === import_client_fetch7.UiNodeGroupEnum.Saml
   ).length) != null ? _a : 0;
   const Logo = logos2[attributes.value.split("-")[0]];
   const showLabel = _showLabel != null ? _showLabel : oidcNodeCount % 3 !== 0 && oidcNodeCount % 4 !== 0;
@@ -1064,6 +1115,7 @@ function DefaultButtonSocial({
       setClicked(false);
     }
   }, [isSubmitting, setClicked]);
+  const label = node.meta.label ? (0, import_elements_react5.uiTextToFormattedMessage)(node.meta.label, intl) : "";
   return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
     "button",
     {
@@ -1076,10 +1128,11 @@ function DefaultButtonSocial({
       onClick: localOnClick,
       "data-loading": clicked,
       disabled: isSubmitting,
+      "aria-label": label,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "size-5 relative", children: !clicked ? Logo ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Logo, { size: 20 }) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "flex aspect-square items-center justify-center rounded-[999px] border text-xs", children: provider.slice(0, 2) }) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Spinner, { className: "size-5" }) }),
         showLabel && node.meta.label ? /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_jsx_runtime27.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "grow text-center font-medium leading-none text-button-social-foreground-default", children: (0, import_elements_react5.uiTextToFormattedMessage)(node.meta.label, intl) }),
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "grow text-center font-medium leading-none text-button-social-foreground-default", children: label }),
           /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "size-5 block" })
         ] }) : null
       ]
@@ -1134,7 +1187,7 @@ function DefaultMessageContainer({ children }) {
     "section",
     {
       className: cn(
-        flowType === import_client_fetch7.FlowType.Settings ? "text-center" : "text-left"
+        flowType === import_client_fetch8.FlowType.Settings ? "text-center" : "text-left"
       ),
       children
     }
@@ -1291,7 +1344,7 @@ function DefaultAuthMethodListItem({
 }
 
 // src/theme/default/components/form/button.tsx
-var import_client_fetch8 = require("@ory/client-fetch");
+var import_client_fetch9 = require("@ory/client-fetch");
 var import_elements_react7 = require("@ory/elements-react");
 var import_class_variance_authority = require("class-variance-authority");
 var import_react_hook_form3 = require("react-hook-form");
@@ -1350,7 +1403,7 @@ var DefaultButton = ({
   } = attributes;
   const [clicked, setClicked] = (0, import_react4.useState)(false);
   const intl = (0, import_react_intl6.useIntl)();
-  const label = (0, import_client_fetch8.getNodeLabel)(node);
+  const label = (0, import_client_fetch9.getNodeLabel)(node);
   const {
     formState: { isSubmitting },
     setValue
@@ -1390,7 +1443,7 @@ var DefaultButton = ({
 DefaultButton.displayName = "DefaultButton";
 
 // src/theme/default/components/form/checkbox.tsx
-var import_client_fetch9 = require("@ory/client-fetch");
+var import_client_fetch10 = require("@ory/client-fetch");
 var import_elements_react8 = require("@ory/elements-react");
 var import_react_hook_form4 = require("react-hook-form");
 var import_react_intl8 = require("react-intl");
@@ -1537,7 +1590,7 @@ var DefaultCheckbox = ({
     ...attributes
   } = initialAttributes;
   const intl = (0, import_react_intl8.useIntl)();
-  const label = (0, import_client_fetch9.getNodeLabel)(node);
+  const label = (0, import_client_fetch10.getNodeLabel)(node);
   const { register } = (0, import_react_hook_form4.useFormContext)();
   const hasError = node.messages.some((m) => m.type === "error");
   return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("label", { className: "flex items-start gap-3 self-stretch antialiased", children: [
@@ -1577,16 +1630,33 @@ var DefaultCheckbox = ({
 
 // src/theme/default/components/form/group-container.tsx
 var import_elements_react9 = require("@ory/elements-react");
-var import_client_fetch10 = require("@ory/client-fetch");
+var import_client_fetch11 = require("@ory/client-fetch");
+
+// src/util/childCounter.ts
+var import_react5 = require("react");
+function countRenderableChildren(children) {
+  return import_react5.Children.toArray(children).filter((c) => {
+    if ((0, import_react5.isValidElement)(c)) {
+      return true;
+    }
+    return false;
+  }).length;
+}
+
+// src/theme/default/components/form/group-container.tsx
 var import_jsx_runtime40 = require("react/jsx-runtime");
 function DefaultGroupContainer({ children }) {
   const { flowType } = (0, import_elements_react9.useOryFlow)();
+  const count = countRenderableChildren(children);
+  if (count === 0) {
+    return null;
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
     "div",
     {
       className: cn(
         "grid",
-        flowType === import_client_fetch10.FlowType.OAuth2Consent ? "grid-cols-2 gap-2" : "grid-cols-1 gap-8"
+        flowType === import_client_fetch11.FlowType.OAuth2Consent ? "grid-cols-2 gap-2" : "grid-cols-1 gap-8"
       ),
       children
     }
@@ -1601,14 +1671,15 @@ function DefaultHorizontalDivider() {
 
 // src/theme/default/components/form/image.tsx
 var import_jsx_runtime42 = require("react/jsx-runtime");
-function DefaultImage({ attributes }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("figure", { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("img", { ...attributes }) });
+function DefaultImage({ attributes, node }) {
+  var _a;
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("figure", { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("img", { ...attributes, alt: ((_a = node.meta.label) == null ? void 0 : _a.text) || "" }) });
 }
 
 // src/theme/default/components/form/input.tsx
-var import_client_fetch11 = require("@ory/client-fetch");
+var import_client_fetch12 = require("@ory/client-fetch");
 var import_elements_react10 = require("@ory/elements-react");
-var import_react5 = require("react");
+var import_react6 = require("react");
 var import_react_hook_form5 = require("react-hook-form");
 var import_react_intl9 = require("react-intl");
 
@@ -1640,7 +1711,7 @@ var DefaultInput = ({
   attributes,
   onClick
 }) => {
-  const label = (0, import_client_fetch11.getNodeLabel)(node);
+  const label = (0, import_client_fetch12.getNodeLabel)(node);
   const { register } = (0, import_react_hook_form5.useFormContext)();
   const {
     value,
@@ -1652,7 +1723,7 @@ var DefaultInput = ({
   } = attributes;
   const intl = (0, import_react_intl9.useIntl)();
   const { flowType } = (0, import_elements_react10.useOryFlow)();
-  const inputRef = (0, import_react5.useRef)(null);
+  const inputRef = (0, import_react6.useRef)(null);
   const formattedLabel = label ? intl.formatMessage(
     {
       id: "input.placeholder",
@@ -1683,7 +1754,7 @@ var DefaultInput = ({
       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_fetch11.FlowType.Settings && "max-w-[488px]"
+        flowType === import_client_fetch12.FlowType.Settings && "max-w-[488px]"
       ),
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
@@ -1718,7 +1789,7 @@ var DefaultInput = ({
 function PasswordToggle({
   inputRef
 }) {
-  const [shown, setShown] = (0, import_react5.useState)(false);
+  const [shown, setShown] = (0, import_react6.useState)(false);
   const handleClick = () => {
     setShown(!shown);
     if (inputRef.current) {
@@ -1731,13 +1802,14 @@ function PasswordToggle({
       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_runtime45.jsx)(eye_off_default, {}) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(eye_default, {})
     }
   );
 }
 
 // src/theme/default/components/form/label.tsx
-var import_client_fetch12 = require("@ory/client-fetch");
+var import_client_fetch13 = require("@ory/client-fetch");
 var import_elements_react11 = require("@ory/elements-react");
 var import_react_hook_form6 = require("react-hook-form");
 var import_react_intl10 = require("react-intl");
@@ -1754,7 +1826,7 @@ function DefaultLabel({
   ...rest
 }) {
   const intl = (0, import_react_intl10.useIntl)();
-  const label = (0, import_client_fetch12.getNodeLabel)(node);
+  const label = (0, import_client_fetch13.getNodeLabel)(node);
   const { Message } = (0, import_elements_react11.useComponents)();
   const { config, flowType, flow } = (0, import_elements_react11.useOryFlow)();
   const { setValue, formState } = (0, import_react_hook_form6.useFormContext)();
@@ -1779,7 +1851,7 @@ function DefaultLabel({
           children: (0, import_elements_react11.uiTextToFormattedMessage)(label, intl)
         }
       ),
-      isPassword && config.project.recovery_enabled && flowType === import_client_fetch12.FlowType.Login && // TODO: make it possible to override with a custom component
+      isPassword && config.project.recovery_enabled && flowType === import_client_fetch13.FlowType.Login && // TODO: make it possible to override with a custom component
       /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
         "a",
         {
@@ -1805,19 +1877,19 @@ function DefaultLabel({
     ] }),
     children,
     node.messages.map((message) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Message.Content, { message }, message.id)),
-    fieldError && (0, import_client_fetch12.instanceOfUiText)(fieldError) && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Message.Content, { message: fieldError })
+    fieldError && (0, import_client_fetch13.instanceOfUiText)(fieldError) && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Message.Content, { message: fieldError })
   ] });
 }
 
 // src/theme/default/components/form/link-button.tsx
-var import_client_fetch13 = require("@ory/client-fetch");
+var import_client_fetch14 = require("@ory/client-fetch");
 var import_elements_react12 = require("@ory/elements-react");
-var import_react6 = require("react");
+var import_react7 = require("react");
 var import_react_intl11 = require("react-intl");
 var import_jsx_runtime47 = require("react/jsx-runtime");
-var DefaultLinkButton = (0, import_react6.forwardRef)(({ attributes, node }, ref) => {
+var DefaultLinkButton = (0, import_react7.forwardRef)(({ attributes, node }, ref) => {
   const intl = (0, import_react_intl11.useIntl)();
-  const label = (0, import_client_fetch13.getNodeLabel)(node);
+  const label = (0, import_client_fetch14.getNodeLabel)(node);
   return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     "a",
     {
@@ -1881,7 +1953,7 @@ InputOTPSlot.displayName = "InputOTPSlot";
 
 // src/theme/default/components/form/pin-code-input.tsx
 var import_elements_react13 = require("@ory/elements-react");
-var import_client_fetch14 = require("@ory/client-fetch");
+var import_client_fetch15 = require("@ory/client-fetch");
 var import_jsx_runtime49 = require("react/jsx-runtime");
 var DefaultPinCodeInput = ({ attributes }) => {
   const { setValue, watch } = (0, import_react_hook_form7.useFormContext)();
@@ -1905,7 +1977,7 @@ var DefaultPinCodeInput = ({ attributes }) => {
           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_fetch14.FlowType.Settings && "max-w-[488px]"
+            flowType === import_client_fetch15.FlowType.Settings && "max-w-[488px]"
           ),
           children: [...Array(elements)].map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(InputOTPSlot, { index }, index))
         }
@@ -2024,12 +2096,12 @@ var SvgSettings = (props) => {
 var settings_default = SvgSettings;
 
 // src/theme/default/utils/logout.ts
-var import_react7 = require("react");
+var import_react8 = require("react");
 
 // src/util/client.ts
-var import_client_fetch15 = require("@ory/client-fetch");
+var import_client_fetch16 = require("@ory/client-fetch");
 function frontendClient(sdkUrl, opts = {}) {
-  const config = new import_client_fetch15.Configuration({
+  const config = new import_client_fetch16.Configuration({
     ...opts,
     basePath: sdkUrl,
     headers: {
@@ -2037,17 +2109,17 @@ function frontendClient(sdkUrl, opts = {}) {
       ...opts.headers
     }
   });
-  return new import_client_fetch15.FrontendApi(config);
+  return new import_client_fetch16.FrontendApi(config);
 }
 
 // src/theme/default/utils/logout.ts
 function useClientLogout(config) {
-  const [logoutFlow, setLogoutFlow] = (0, import_react7.useState)();
-  const fetchLogoutFlow = (0, import_react7.useCallback)(async () => {
+  const [logoutFlow, setLogoutFlow] = (0, import_react8.useState)();
+  const fetchLogoutFlow = (0, import_react8.useCallback)(async () => {
     const flow = await frontendClient(config.sdk.url).createBrowserLogoutFlow();
     setLogoutFlow(flow);
   }, [config.sdk.url]);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     void fetchLogoutFlow();
   }, [fetchLogoutFlow]);
   return logoutFlow;
@@ -2093,12 +2165,12 @@ var getUserInitials = (session) => {
 };
 
 // src/theme/default/components/ui/dropdown-menu.tsx
-var import_react8 = require("react");
+var import_react9 = require("react");
 var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
 var import_jsx_runtime54 = require("react/jsx-runtime");
 var DropdownMenu = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
-var DropdownMenuContent = (0, import_react8.forwardRef)(({ className, sideOffset = 16, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+var DropdownMenuContent = (0, import_react9.forwardRef)(({ className, sideOffset = 16, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -2113,7 +2185,7 @@ var DropdownMenuContent = (0, import_react8.forwardRef)(({ className, sideOffset
   }
 ) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = (0, import_react8.forwardRef)(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+var DropdownMenuItem = (0, import_react9.forwardRef)(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -2131,7 +2203,7 @@ var DropdownMenuItem = (0, import_react8.forwardRef)(({ className, inset, ...pro
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuLabel = (0, import_react8.forwardRef)(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+var DropdownMenuLabel = (0, import_react9.forwardRef)(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -2146,7 +2218,7 @@ var DropdownMenuLabel = (0, import_react8.forwardRef)(({ className, inset, ...pr
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
 
 // src/theme/default/components/ui/user-avater.tsx
-var import_react9 = require("react");
+var import_react10 = require("react");
 
 // src/theme/default/assets/icons/user.svg
 var React29 = __toESM(require("react"));
@@ -2159,7 +2231,7 @@ var user_default = SvgUser;
 
 // src/theme/default/components/ui/user-avater.tsx
 var import_jsx_runtime56 = require("react/jsx-runtime");
-var UserAvatar = (0, import_react9.forwardRef)(
+var UserAvatar = (0, import_react10.forwardRef)(
   ({ initials, ...rest }, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
       "button",
@@ -2194,7 +2266,7 @@ var UserMenu = ({ session }) => {
   const initials = getUserInitials(session);
   const logoutFlow = useClientLogout(config);
   return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(DropdownMenu, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(UserAvatar, { initials }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(UserAvatar, { initials, title: "User Menu" }) }),
     /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(DropdownMenuContent, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_react_dropdown_menu.DropdownMenuLabel, { className: "flex gap-3 px-5 py-4.5", children: [
         /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(UserAvatar, { disabled: true, initials }),
@@ -2228,7 +2300,7 @@ var DefaultPageHeader = (_props) => {
 };
 
 // src/theme/default/components/settings/settings-oidc.tsx
-var import_react10 = require("react");
+var import_react11 = require("react");
 var import_react_hook_form8 = require("react-hook-form");
 var import_usehooks_ts2 = require("usehooks-ts");
 
@@ -2285,7 +2357,7 @@ function UnlinkRow({ button }) {
     button.onClick();
     setClicked(true);
   };
-  (0, import_react10.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     if (!isSubmitting) {
       setClicked(false);
     }
@@ -2733,23 +2805,23 @@ function DefaultAuthMethodListContainer({
 }
 
 // src/theme/default/components/form/captcha.tsx
-var import_client_fetch16 = require("@ory/client-fetch");
+var import_client_fetch17 = require("@ory/client-fetch");
 var import_react_turnstile = require("@marsidev/react-turnstile");
-var import_react11 = require("react");
+var import_react12 = require("react");
 var import_react_hook_form13 = require("react-hook-form");
 var import_jsx_runtime70 = require("react/jsx-runtime");
 var DefaultCaptcha = ({ node }) => {
   const { setValue } = (0, import_react_hook_form13.useFormContext)();
-  const ref = (0, import_react11.useRef)();
+  const ref = (0, import_react12.useRef)();
   const nodes = [];
-  if ((0, import_client_fetch16.isUiNodeInputAttributes)(node.attributes)) {
+  if ((0, import_client_fetch17.isUiNodeInputAttributes)(node.attributes)) {
     if (node.attributes.name === "transient_payload.captcha_turnstile_response") {
       nodes.push(
         /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(DefaultInput, { node, attributes: node.attributes }, 1)
       );
     }
   }
-  if ((0, import_client_fetch16.isUiNodeInputAttributes)(node.attributes) && node.attributes.name === "captcha_turnstile_options") {
+  if ((0, import_client_fetch17.isUiNodeInputAttributes)(node.attributes) && node.attributes.name === "captcha_turnstile_options") {
     const options = JSON.parse(node.attributes.value);
     nodes.push(
       /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
@@ -2904,25 +2976,25 @@ function getOryComponents(overrides) {
 }
 
 // src/theme/default/flows/error.tsx
-var import_client_fetch35 = require("@ory/client-fetch");
-var import_react15 = require("react");
+var import_client_fetch36 = require("@ory/client-fetch");
+var import_react16 = require("react");
 
 // src/context/intl-context.tsx
 var import_react_intl21 = require("react-intl");
 
 // src/context/flow-context.tsx
-var import_react13 = require("react");
+var import_react14 = require("react");
 
 // src/context/form-state.ts
-var import_client_fetch18 = require("@ory/client-fetch");
-var import_react12 = require("react");
+var import_client_fetch19 = require("@ory/client-fetch");
+var import_react13 = require("react");
 
 // src/components/card/card-two-step.utils.ts
-var import_client_fetch17 = require("@ory/client-fetch");
+var import_client_fetch18 = require("@ory/client-fetch");
 
 // src/context/flow-context.tsx
 var import_jsx_runtime75 = require("react/jsx-runtime");
-var OryFlowContext = (0, import_react13.createContext)(null);
+var OryFlowContext = (0, import_react14.createContext)(null);
 
 // src/context/provider.tsx
 var import_jsx_runtime76 = require("react/jsx-runtime");
@@ -2931,14 +3003,14 @@ var import_jsx_runtime76 = require("react/jsx-runtime");
 var import_jsx_runtime77 = require("react/jsx-runtime");
 
 // src/components/form/form-provider.tsx
-var import_client_fetch21 = require("@ory/client-fetch");
+var import_client_fetch22 = require("@ory/client-fetch");
 var import_react_hook_form14 = require("react-hook-form");
 
 // src/components/form/form-helpers.ts
-var import_client_fetch19 = require("@ory/client-fetch");
+var import_client_fetch20 = require("@ory/client-fetch");
 
 // src/components/form/form-resolver.ts
-var import_client_fetch20 = require("@ory/client-fetch");
+var import_client_fetch21 = require("@ory/client-fetch");
 
 // src/components/form/form-provider.tsx
 var import_jsx_runtime78 = require("react/jsx-runtime");
@@ -2953,32 +3025,32 @@ var import_jsx_runtime80 = require("react/jsx-runtime");
 var import_jsx_runtime81 = require("react/jsx-runtime");
 
 // src/components/card/card-two-step.tsx
-var import_client_fetch32 = require("@ory/client-fetch");
+var import_client_fetch33 = require("@ory/client-fetch");
 var import_react_hook_form19 = require("react-hook-form");
 
 // src/components/form/form.tsx
-var import_client_fetch28 = require("@ory/client-fetch");
+var import_client_fetch29 = require("@ory/client-fetch");
 var import_react_hook_form16 = require("react-hook-form");
 var import_react_intl14 = require("react-intl");
 
 // src/components/form/useOryFormSubmit.ts
-var import_client_fetch27 = require("@ory/client-fetch");
+var import_client_fetch28 = require("@ory/client-fetch");
 var import_react_hook_form15 = require("react-hook-form");
 
 // src/util/onSubmitLogin.ts
-var import_client_fetch22 = require("@ory/client-fetch");
+var import_client_fetch23 = require("@ory/client-fetch");
 
 // src/util/onSubmitRecovery.ts
-var import_client_fetch23 = require("@ory/client-fetch");
+var import_client_fetch24 = require("@ory/client-fetch");
 
 // src/util/onSubmitRegistration.ts
-var import_client_fetch24 = require("@ory/client-fetch");
+var import_client_fetch25 = require("@ory/client-fetch");
 
 // src/util/onSubmitSettings.ts
-var import_client_fetch25 = require("@ory/client-fetch");
+var import_client_fetch26 = require("@ory/client-fetch");
 
 // src/util/onSubmitVerification.ts
-var import_client_fetch26 = require("@ory/client-fetch");
+var import_client_fetch27 = require("@ory/client-fetch");
 
 // src/components/form/form.tsx
 var import_jsx_runtime82 = require("react/jsx-runtime");
@@ -2987,17 +3059,17 @@ var import_jsx_runtime82 = require("react/jsx-runtime");
 var import_jsx_runtime83 = require("react/jsx-runtime");
 
 // src/components/form/nodes/input.tsx
-var import_client_fetch29 = require("@ory/client-fetch");
-var import_react14 = require("react");
+var import_client_fetch30 = require("@ory/client-fetch");
+var import_react15 = require("react");
 var import_react_hook_form17 = require("react-hook-form");
 var import_jsx_runtime84 = require("react/jsx-runtime");
 
 // src/components/form/nodes/node.tsx
-var import_client_fetch30 = require("@ory/client-fetch");
+var import_client_fetch31 = require("@ory/client-fetch");
 var import_jsx_runtime85 = require("react/jsx-runtime");
 
 // src/components/form/social.tsx
-var import_client_fetch31 = require("@ory/client-fetch");
+var import_client_fetch32 = require("@ory/client-fetch");
 var import_react_hook_form18 = require("react-hook-form");
 var import_jsx_runtime86 = require("react/jsx-runtime");
 
@@ -3015,14 +3087,14 @@ var import_jsx_runtime89 = require("react/jsx-runtime");
 var import_jsx_runtime90 = require("react/jsx-runtime");
 
 // src/components/generic/divider.tsx
-var import_client_fetch33 = require("@ory/client-fetch");
+var import_client_fetch34 = require("@ory/client-fetch");
 var import_jsx_runtime91 = require("react/jsx-runtime");
 
 // src/components/generic/page-header.tsx
 var import_jsx_runtime92 = require("react/jsx-runtime");
 
 // src/components/settings/settings-card.tsx
-var import_client_fetch34 = require("@ory/client-fetch");
+var import_client_fetch35 = require("@ory/client-fetch");
 var import_react_intl20 = require("react-intl");
 
 // src/components/settings/oidc-settings.tsx
@@ -3506,7 +3578,7 @@ var de_default = {
   "two-step.code.description": "Ein Best\xE4tigungscode wird an Ihre E-Mail gesendet.",
   "two-step.code.title": "E-Mail-Code",
   "two-step.passkey.description": "Verwenden Sie die Fingerabdruck- oder Gesichtserkennung Ihres Ger\xE4ts",
-  "two-step.passkey.title": "Passwort (empfohlen)",
+  "two-step.passkey.title": "Passkey (empfohlen)",
   "two-step.password.description": "Geben Sie Ihr Passwort ein, das mit Ihrem Konto verkn\xFCpft ist",
   "two-step.password.title": "Passwort",
   "two-step.webauthn.title": "Sicherheitsschl\xFCssel",
@@ -5385,7 +5457,7 @@ var errorDescriptions = {
   5: "The server encountered an error and could not complete your request"
 };
 function useStandardize(error) {
-  return (0, import_react15.useMemo)(() => {
+  return (0, import_react16.useMemo)(() => {
     var _a;
     if (isOAuth2Error(error)) {
       return {
@@ -5395,14 +5467,14 @@ function useStandardize(error) {
         timestamp: /* @__PURE__ */ new Date()
       };
     }
-    if ((0, import_client_fetch35.instanceOfFlowError)(error)) {
+    if ((0, import_client_fetch36.instanceOfFlowError)(error)) {
       const parsed = error.error;
       return {
         ...parsed,
         id: error.id,
         timestamp: error.created_at
       };
-    } else if (error.error && (0, import_client_fetch35.instanceOfGenericError)(error.error)) {
+    } else if (error.error && (0, import_client_fetch36.instanceOfGenericError)(error.error)) {
       return {
         code: (_a = error.error.code) != null ? _a : 500,
         message: error.error.message,
@@ -5523,7 +5595,7 @@ function ErrorLogo({ config }) {
 }
 
 // src/theme/default/flows/login.tsx
-var import_client_fetch36 = require("@ory/client-fetch");
+var import_client_fetch37 = require("@ory/client-fetch");
 var import_elements_react20 = require("@ory/elements-react");
 var import_jsx_runtime101 = require("react/jsx-runtime");
 function Login({
@@ -5538,7 +5610,7 @@ function Login({
     {
       config,
       flow,
-      flowType: import_client_fetch36.FlowType.Login,
+      flowType: import_client_fetch37.FlowType.Login,
       components,
       children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_elements_react20.OryTwoStepCard, {})
     }
@@ -5546,7 +5618,7 @@ function Login({
 }
 
 // src/theme/default/flows/recovery.tsx
-var import_client_fetch37 = require("@ory/client-fetch");
+var import_client_fetch38 = require("@ory/client-fetch");
 var import_elements_react21 = require("@ory/elements-react");
 var import_jsx_runtime102 = require("react/jsx-runtime");
 function Recovery({
@@ -5561,7 +5633,7 @@ function Recovery({
     {
       config,
       flow,
-      flowType: import_client_fetch37.FlowType.Recovery,
+      flowType: import_client_fetch38.FlowType.Recovery,
       components,
       children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_elements_react21.OryTwoStepCard, {})
     }
@@ -5569,7 +5641,7 @@ function Recovery({
 }
 
 // src/theme/default/flows/registration.tsx
-var import_client_fetch38 = require("@ory/client-fetch");
+var import_client_fetch39 = require("@ory/client-fetch");
 var import_elements_react22 = require("@ory/elements-react");
 var import_jsx_runtime103 = require("react/jsx-runtime");
 function Registration({
@@ -5584,7 +5656,7 @@ function Registration({
     {
       config,
       flow,
-      flowType: import_client_fetch38.FlowType.Registration,
+      flowType: import_client_fetch39.FlowType.Registration,
       components,
       children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_elements_react22.OryTwoStepCard, {})
     }
@@ -5592,7 +5664,7 @@ function Registration({
 }
 
 // src/theme/default/flows/settings.tsx
-var import_client_fetch39 = require("@ory/client-fetch");
+var import_client_fetch40 = require("@ory/client-fetch");
 var import_elements_react23 = require("@ory/elements-react");
 var import_jsx_runtime104 = require("react/jsx-runtime");
 function Settings({
@@ -5607,7 +5679,7 @@ function Settings({
     {
       config,
       flow,
-      flowType: import_client_fetch39.FlowType.Settings,
+      flowType: import_client_fetch40.FlowType.Settings,
       components,
       children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)(import_jsx_runtime104.Fragment, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_elements_react23.HeadlessPageHeader, {}),
@@ -5618,7 +5690,7 @@ function Settings({
 }
 
 // src/theme/default/flows/verification.tsx
-var import_client_fetch40 = require("@ory/client-fetch");
+var import_client_fetch41 = require("@ory/client-fetch");
 var import_elements_react24 = require("@ory/elements-react");
 var import_jsx_runtime105 = require("react/jsx-runtime");
 function Verification({
@@ -5633,7 +5705,7 @@ function Verification({
     {
       config,
       flow,
-      flowType: import_client_fetch40.FlowType.Verification,
+      flowType: import_client_fetch41.FlowType.Verification,
       components,
       children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_elements_react24.OryTwoStepCard, {})
     }
@@ -5641,11 +5713,11 @@ function Verification({
 }
 
 // src/theme/default/flows/consent.tsx
-var import_client_fetch42 = require("@ory/client-fetch");
+var import_client_fetch43 = require("@ory/client-fetch");
 var import_elements_react25 = require("@ory/elements-react");
 
 // src/theme/default/utils/oauth2.ts
-var import_client_fetch41 = require("@ory/client-fetch");
+var import_client_fetch42 = require("@ory/client-fetch");
 var rememberCheckbox = {
   type: "input",
   group: "oauth2_consent",
@@ -5653,7 +5725,7 @@ var rememberCheckbox = {
     label: {
       id: 9999111,
       text: "Remember my decision",
-      type: import_client_fetch41.UiTextTypeEnum.Info
+      type: import_client_fetch42.UiTextTypeEnum.Info
     }
   },
   attributes: {
@@ -5672,7 +5744,7 @@ var acceptButton = {
     label: {
       id: 9999111,
       text: "Accept",
-      type: import_client_fetch41.UiTextTypeEnum.Info
+      type: import_client_fetch42.UiTextTypeEnum.Info
     }
   },
   attributes: {
@@ -5691,7 +5763,7 @@ var rejectButton = {
     label: {
       id: 9999111,
       text: "Reject",
-      type: import_client_fetch41.UiTextTypeEnum.Info
+      type: import_client_fetch42.UiTextTypeEnum.Info
     }
   },
   attributes: {
@@ -5738,7 +5810,7 @@ function scopesToUiNodes(scopes) {
       label: {
         id: 9999111,
         text: scope,
-        type: import_client_fetch41.UiTextTypeEnum.Info
+        type: import_client_fetch42.UiTextTypeEnum.Info
       }
     },
     attributes: {
@@ -5805,7 +5877,7 @@ function Consent({
     {
       config,
       flow,
-      flowType: import_client_fetch42.FlowType.OAuth2Consent,
+      flowType: import_client_fetch43.FlowType.OAuth2Consent,
       components,
       children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_elements_react25.OryConsentCard, {})
     }