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

package/dist/theme/default/index.js

@@ -31,6 +31,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/theme/default/index.ts
 var default_exports = {};
 __export(default_exports, {
+  Consent: () => Consent,
   DefaultButtonSocial: () => DefaultButtonSocial,
   DefaultCard: () => DefaultCard,
   DefaultCardContent: () => DefaultCardContent,
@@ -191,12 +192,15 @@ function nodesToAuthMethodGroups(nodes, excludeAuthMethods = []) {
     ].includes(group)
   );
 }
+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/theme/default/components/card/footer.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
 function DefaultCardFooter() {
-  const { flowType } = (0, import_elements_react.useOryFlow)();
-  switch (flowType) {
+  const oryFlow = (0, import_elements_react.useOryFlow)();
+  switch (oryFlow.flowType) {
     case import_client_fetch3.FlowType.Login:
       return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(LoginCardFooter, {});
     case import_client_fetch3.FlowType.Registration:
@@ -205,6 +209,8 @@ function DefaultCardFooter() {
       return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(RecoveryCardFooter, {});
     case import_client_fetch3.FlowType.Verification:
       return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(VerificationCardFooter, {});
+    case import_client_fetch3.FlowType.OAuth2Consent:
+      return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ConsentCardFooter, { flow: oryFlow.flow });
     default:
       return null;
   }
@@ -344,6 +350,51 @@ function RecoveryCardFooter() {
 function VerificationCardFooter() {
   return null;
 }
+function ConsentCardFooter({ flow }) {
+  var _a, _b;
+  const { Node: Node2 } = (0, import_elements_react.useComponents)();
+  const rememberNode = findNode(flow.ui.nodes, {
+    group: "oauth2_consent",
+    node_type: "input",
+    name: "remember"
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex gap-8 flex-col", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.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_runtime5.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_runtime5.jsx)(
+      Node2.Checkbox,
+      {
+        attributes: rememberNode.attributes,
+        node: rememberNode
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime5.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_runtime5.jsx)(
+        Node2.Button,
+        {
+          node: n,
+          attributes
+        },
+        attributes.value
+      );
+    }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { className: "text-sm", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "text-interface-foreground-default-tertiary", children: [
+        "Authorizing will redirect to",
+        " "
+      ] }),
+      (_b = flow.consent_request.client) == null ? void 0 : _b.client_name
+    ] })
+  ] });
+}
 
 // src/theme/default/components/card/header.tsx
 var import_elements_react3 = require("@ory/elements-react");
@@ -362,7 +413,7 @@ function joinWithCommaOr(list, orText = "or") {
   }
 }
 function useCardHeaderText(container, opts) {
-  var _a, _b, _c;
+  var _a, _b, _c, _d, _e, _f;
   const nodes = container.nodes;
   const intl = (0, import_react_intl2.useIntl)();
   switch (opts.flowType) {
@@ -550,6 +601,25 @@ function useCardHeaderText(container, opts) {
           }
         ) : ""
       };
+    case import_client_fetch4.FlowType.OAuth2Consent:
+      return {
+        title: intl.formatMessage(
+          {
+            id: "consent.title"
+          },
+          {
+            party: (_d = opts.flow.consent_request.client) == null ? void 0 : _d.client_name
+          }
+        ),
+        description: intl.formatMessage(
+          {
+            id: "consent.subtitle"
+          },
+          {
+            identifier: (_f = (_e = opts.flow.session.identity) == null ? void 0 : _e.traits.email) != null ? _f : ""
+          }
+        )
+      };
   }
   return {
     title: "Error",
@@ -1149,8 +1219,40 @@ function isGroupImmediateSubmit(group) {
   return group === "code";
 }
 
-// src/theme/default/components/card/auth-method-list-item.tsx
+// src/theme/default/components/card/list-item.tsx
 var import_jsx_runtime35 = require("react/jsx-runtime");
+function ListItem({
+  icon: Icon,
+  as,
+  title,
+  description,
+  children,
+  className,
+  ...props
+}) {
+  const Comp = as || "div";
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+    Comp,
+    {
+      ...props,
+      className: cn(
+        "flex cursor-pointer gap-3 text-left items-start w-full rounded-buttons p-2 hover:bg-interface-background-default-primary-hover",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "mt-1", children: Icon && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Icon, { size: 16, className: "text-interface-foreground-brand-primary" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { className: "flex-1 leading-normal inline-flex flex-col max-w-full min-w-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "text-interface-foreground-default-primary break-words", children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "text-interface-foreground-default-secondary", children: description })
+        ] }),
+        children
+      ]
+    }
+  );
+}
+
+// src/theme/default/components/card/auth-method-list-item.tsx
+var import_jsx_runtime36 = require("react/jsx-runtime");
 var iconsMap = {
   code: code_default,
   passkey: passkey_default,
@@ -1169,28 +1271,21 @@ function DefaultAuthMethodListItem({
   var _a;
   const intl = (0, import_react_intl5.useIntl)();
   const Icon = iconsMap[group] || null;
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
-    "button",
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    ListItem,
     {
-      className: "flex cursor-pointer gap-3 text-left items-start w-full rounded-buttons p-2 hover:bg-interface-background-default-primary-hover",
+      as: "button",
+      icon: Icon,
+      title: intl.formatMessage(
+        { id: (_a = title == null ? void 0 : title.id) != null ? _a : `two-step.${group}.title` },
+        title == null ? void 0 : title.values
+      ),
+      description: intl.formatMessage({
+        id: `two-step.${group}.description`
+      }),
       onClick,
       type: isGroupImmediateSubmit(group) ? "submit" : "button",
-      "data-testid": `ory/form/auth-picker/${group}`,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "mt-1", children: Icon && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Icon, { size: 16, className: "text-interface-foreground-brand-primary" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { className: "flex-1 leading-normal inline-flex flex-col w-full", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { className: "text-interface-foreground-default-primary truncate mr-6", children: [
-            intl.formatMessage(
-              { id: (_a = title == null ? void 0 : title.id) != null ? _a : `two-step.${group}.title` },
-              title == null ? void 0 : title.values
-            ),
-            " "
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "text-interface-foreground-default-secondary", children: intl.formatMessage({
-            id: `two-step.${group}.description`
-          }) })
-        ] })
-      ]
+      "data-testid": `ory/form/auth-picker/${group}`
     }
   );
 }
@@ -1202,7 +1297,7 @@ var import_class_variance_authority = require("class-variance-authority");
 var import_react_hook_form3 = require("react-hook-form");
 var import_react_intl6 = require("react-intl");
 var import_react4 = require("react");
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime37 = 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",
@@ -1265,8 +1360,8 @@ var DefaultButton = ({
       setClicked(false);
     }
   }, [isSubmitting]);
-  const isPrimary = attributes.name === "method" || attributes.name.includes("passkey") || attributes.name.includes("webauthn") || attributes.name.includes("lookup_secret");
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+  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_runtime37.jsxs)(
     "button",
     {
       ...rest,
@@ -1286,8 +1381,8 @@ var DefaultButton = ({
       disabled: (_a = rest.disabled) != null ? _a : isSubmitting,
       "data-loading": clicked,
       children: [
-        clicked ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Spinner, {}) : null,
-        label ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { children: (0, import_elements_react7.uiTextToFormattedMessage)(label, intl) }) : ""
+        clicked ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Spinner, {}) : null,
+        label ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { children: (0, import_elements_react7.uiTextToFormattedMessage)(label, intl) }) : ""
       ]
     }
   );
@@ -1360,7 +1455,7 @@ var uiTextToFormattedMessage4 = ({ id, context = {}, text }, intl) => {
 };
 
 // src/theme/default/components/ui/checkbox-label.tsx
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 var linkRegex = /\[([^\]]+)\]\(([^)]+)\)/g;
 function computeLabelElements(labelText) {
   const elements = [];
@@ -1376,7 +1471,7 @@ function computeLabelElements(labelText) {
       elements.push(labelText.slice(lastIndex, matchStart));
     }
     elements.push(
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
         "a",
         {
           href: url,
@@ -1401,13 +1496,13 @@ function CheckboxLabel({ label }) {
     return null;
   }
   const labelText = uiTextToFormattedMessage4(label, intl);
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_jsx_runtime37.Fragment, { children: computeLabelElements(labelText) });
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_jsx_runtime38.Fragment, { children: computeLabelElements(labelText) });
 }
 
 // src/theme/default/components/form/checkbox.tsx
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 function CheckboxSVG() {
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     "svg",
     {
       className: "absolute hidden size-4 peer-checked:block fill-checkbox-foreground-checked",
@@ -1416,7 +1511,7 @@ function CheckboxSVG() {
       height: "16",
       viewBox: "0 0 16 16",
       fill: "none",
-      children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
         "path",
         {
           fillRule: "evenodd",
@@ -1443,29 +1538,28 @@ var DefaultCheckbox = ({
   } = initialAttributes;
   const intl = (0, import_react_intl8.useIntl)();
   const label = (0, import_client_fetch9.getNodeLabel)(node);
-  const { register } = (0, import_react_hook_form4.useForm)();
+  const { register } = (0, import_react_hook_form4.useFormContext)();
   const hasError = node.messages.some((m) => m.type === "error");
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("label", { className: "flex items-start gap-3 self-stretch antialiased", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("span", { className: "flex h-5 items-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("label", { className: "flex items-start gap-3 self-stretch antialiased", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("span", { className: "flex h-5 items-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
         "input",
         {
           ...attributes,
-          value: 1,
           defaultChecked: Boolean(value),
           type: "checkbox",
           className: cn(
             "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"
           ),
-          ...register(name, { value })
+          ...register(name)
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(CheckboxSVG, {})
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(CheckboxSVG, {})
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("span", { className: "flex flex-col", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "font-normal leading-tight text-interface-foreground-default-primary", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(CheckboxLabel, { label }) }),
-      node.messages.map((message) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("span", { className: "flex flex-col", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "font-normal leading-tight text-interface-foreground-default-primary", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(CheckboxLabel, { label }) }),
+      node.messages.map((message) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
         "span",
         {
           className: cn(
@@ -1482,59 +1576,71 @@ var DefaultCheckbox = ({
 };
 
 // src/theme/default/components/form/group-container.tsx
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_elements_react9 = require("@ory/elements-react");
+var import_client_fetch10 = require("@ory/client-fetch");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 function DefaultGroupContainer({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "grid grid-cols-1 gap-8", children });
+  const { flowType } = (0, import_elements_react9.useOryFlow)();
+  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"
+      ),
+      children
+    }
+  );
 }
 
 // src/theme/default/components/form/horizontal-divider.tsx
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 function DefaultHorizontalDivider() {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("hr", { className: "border-interface-border-default-primary" });
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("hr", { className: "border-interface-border-default-primary" });
 }
 
 // src/theme/default/components/form/image.tsx
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 function DefaultImage({ attributes }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("figure", { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("img", { ...attributes }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("figure", { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("img", { ...attributes }) });
 }
 
 // src/theme/default/components/form/input.tsx
-var import_client_fetch10 = require("@ory/client-fetch");
-var import_elements_react9 = require("@ory/elements-react");
+var import_client_fetch11 = require("@ory/client-fetch");
+var import_elements_react10 = require("@ory/elements-react");
 var import_react5 = require("react");
 var import_react_hook_form5 = require("react-hook-form");
 var import_react_intl9 = require("react-intl");
 
 // src/theme/default/assets/icons/eye-off.svg
 var React24 = __toESM(require("react"));
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 var SvgEyeOff = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime42.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_runtime42.jsx)("path", { stroke: "#000", 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_runtime43.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_runtime43.jsx)("path", { stroke: "#000", 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 React25 = __toESM(require("react"));
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 var SvgEye = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime43.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_runtime43.jsxs)("g", { strokeLinecap: "round", strokeLinejoin: "round", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { stroke: "currentColor", d: "M10 12a2 2 0 1 0 4 0 2 2 0 0 0-4 0" }),
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { stroke: "#64748B", d: "M21 12q-3.6 6-9 6t-9-6q3.6-6 9-6t9 6" })
+  return /* @__PURE__ */ (0, import_jsx_runtime44.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_runtime44.jsxs)("g", { strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("path", { stroke: "currentColor", d: "M10 12a2 2 0 1 0 4 0 2 2 0 0 0-4 0" }),
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("path", { stroke: "#64748B", 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_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 var DefaultInput = ({
   node,
   attributes,
   onClick
 }) => {
-  const label = (0, import_client_fetch10.getNodeLabel)(node);
+  const label = (0, import_client_fetch11.getNodeLabel)(node);
   const { register } = (0, import_react_hook_form5.useFormContext)();
   const {
     value,
@@ -1545,7 +1651,7 @@ var DefaultInput = ({
     ...rest
   } = attributes;
   const intl = (0, import_react_intl9.useIntl)();
-  const { flowType } = (0, import_elements_react9.useOryFlow)();
+  const { flowType } = (0, import_elements_react10.useOryFlow)();
   const inputRef = (0, import_react5.useRef)(null);
   const formattedLabel = label ? intl.formatMessage(
     {
@@ -1553,11 +1659,11 @@ var DefaultInput = ({
       defaultMessage: "Enter your {placeholder}"
     },
     {
-      placeholder: (0, import_elements_react9.uiTextToFormattedMessage)(label, intl)
+      placeholder: (0, import_elements_react10.uiTextToFormattedMessage)(label, intl)
     }
   ) : "";
   if (rest.type === "hidden") {
-    return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
       "input",
       {
         ...rest,
@@ -1571,16 +1677,16 @@ var DefaultInput = ({
     );
   }
   const { ref, ...restRegister } = register(name, { value });
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.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_fetch10.FlowType.Settings && "max-w-[488px]"
+        flowType === import_client_fetch11.FlowType.Settings && "max-w-[488px]"
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           "input",
           {
             ...rest,
@@ -1604,7 +1710,7 @@ var DefaultInput = ({
             ...restRegister
           }
         ),
-        rest.type === "password" && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(PasswordToggle, { inputRef })
+        rest.type === "password" && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(PasswordToggle, { inputRef })
       ]
     }
   );
@@ -1619,23 +1725,23 @@ function PasswordToggle({
       inputRef.current.type = shown ? "password" : "text";
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     "button",
     {
       onClick: handleClick,
       className: "absolute right-0 h-full w-12 flex items-center justify-center",
       type: "button",
-      children: shown ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(eye_off_default, {}) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(eye_default, {})
+      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_fetch11 = require("@ory/client-fetch");
-var import_elements_react10 = require("@ory/elements-react");
+var import_client_fetch12 = 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");
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime46 = 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")
@@ -1648,9 +1754,9 @@ function DefaultLabel({
   ...rest
 }) {
   const intl = (0, import_react_intl10.useIntl)();
-  const label = (0, import_client_fetch11.getNodeLabel)(node);
-  const { Message } = (0, import_elements_react10.useComponents)();
-  const { config, flowType, flow } = (0, import_elements_react10.useOryFlow)();
+  const label = (0, import_client_fetch12.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)();
   const isPassword = attributes.type === "password";
   const resendNode = findResendNode(flow.ui.nodes);
@@ -1660,21 +1766,21 @@ function DefaultLabel({
     }
   };
   const fieldError = formState.errors[attributes.name];
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex flex-col gap-1 antialiased", children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("span", { className: "inline-flex justify-between", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex flex-col gap-1 antialiased", children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("span", { className: "inline-flex justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
         "label",
         {
-          ...(0, import_elements_react10.messageTestId)(label),
+          ...(0, import_elements_react11.messageTestId)(label),
           className: "leading-normal text-input-foreground-primary",
           htmlFor: attributes.name,
           "data-testid": `ory/form/node/input/label/${attributes.name}`,
           ...rest,
-          children: (0, import_elements_react10.uiTextToFormattedMessage)(label, intl)
+          children: (0, import_elements_react11.uiTextToFormattedMessage)(label, intl)
         }
       ),
-      isPassword && config.project.recovery_enabled && flowType === import_client_fetch11.FlowType.Login && // TODO: make it possible to override with a custom component
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+      isPassword && config.project.recovery_enabled && flowType === import_client_fetch12.FlowType.Login && // TODO: make it possible to override with a custom component
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
         "a",
         {
           href: initFlowUrl(config.sdk.url, "recovery", flow),
@@ -1685,7 +1791,7 @@ function DefaultLabel({
           })
         }
       ),
-      (resendNode == null ? void 0 : resendNode.attributes.node_type) === "input" && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+      (resendNode == null ? void 0 : resendNode.attributes.node_type) === "input" && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
         "button",
         {
           type: "submit",
@@ -1698,31 +1804,31 @@ function DefaultLabel({
       )
     ] }),
     children,
-    node.messages.map((message) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Message.Content, { message }, message.id)),
-    fieldError && (0, import_client_fetch11.instanceOfUiText)(fieldError) && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Message.Content, { message: fieldError })
+    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 })
   ] });
 }
 
 // src/theme/default/components/form/link-button.tsx
-var import_client_fetch12 = require("@ory/client-fetch");
-var import_elements_react11 = require("@ory/elements-react");
+var import_client_fetch13 = require("@ory/client-fetch");
+var import_elements_react12 = require("@ory/elements-react");
 var import_react6 = require("react");
 var import_react_intl11 = require("react-intl");
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 var DefaultLinkButton = (0, import_react6.forwardRef)(({ attributes, node }, ref) => {
   const intl = (0, import_react_intl11.useIntl)();
-  const label = (0, import_client_fetch12.getNodeLabel)(node);
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  const label = (0, import_client_fetch13.getNodeLabel)(node);
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     "a",
     {
       ...attributes,
       ref,
-      title: label ? (0, import_elements_react11.uiTextToFormattedMessage)(label, intl) : "",
+      title: label ? (0, import_elements_react12.uiTextToFormattedMessage)(label, intl) : "",
       "data-testid": `ory/form/node/link/${attributes.id}`,
       className: cn(
         "antialiased rounded cursor-pointer text-center border gap-3 leading-none bg-button-primary-background-default hover:bg-button-primary-background-hover transition-colors text-button-primary-foreground-default hover:text-button-primary-foreground-hover p-4 font-medium"
       ),
-      children: label ? (0, import_elements_react11.uiTextToFormattedMessage)(label, intl) : ""
+      children: label ? (0, import_elements_react12.uiTextToFormattedMessage)(label, intl) : ""
     }
   );
 });
@@ -1734,8 +1840,8 @@ var import_react_hook_form7 = require("react-hook-form");
 // src/theme/default/components/form/shadcn/otp-input.tsx
 var import_input_otp = require("input-otp");
 var React26 = __toESM(require("react"));
-var import_jsx_runtime47 = require("react/jsx-runtime");
-var InputOTP = React26.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+var import_jsx_runtime48 = require("react/jsx-runtime");
+var InputOTP = React26.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
   import_input_otp.OTPInput,
   {
     ref,
@@ -1748,12 +1854,12 @@ var InputOTP = React26.forwardRef(({ className, containerClassName, ...props },
   }
 ));
 InputOTP.displayName = "InputOTP";
-var InputOTPGroup = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { ref, className: cn("flex items-center", className), ...props }));
+var InputOTPGroup = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { ref, className: cn("flex items-center", className), ...props }));
 InputOTPGroup.displayName = "InputOTPGroup";
 var InputOTPSlot = React26.forwardRef(({ index, className, ...props }, ref) => {
   const inputOTPContext = React26.useContext(import_input_otp.OTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
     "div",
     {
       ref,
@@ -1765,8 +1871,8 @@ var InputOTPSlot = React26.forwardRef(({ index, className, ...props }, ref) => {
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "inline-block size-4", children: char }),
-        hasFakeCaret && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "h-4 w-px animate-caret-blink bg-interface-background-brand-primary duration-700" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "inline-block size-4", children: char }),
+        hasFakeCaret && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "h-4 w-px animate-caret-blink bg-interface-background-brand-primary duration-700" }) })
       ]
     }
   );
@@ -1774,34 +1880,34 @@ var InputOTPSlot = React26.forwardRef(({ index, className, ...props }, ref) => {
 InputOTPSlot.displayName = "InputOTPSlot";
 
 // src/theme/default/components/form/pin-code-input.tsx
-var import_elements_react12 = require("@ory/elements-react");
-var import_client_fetch13 = require("@ory/client-fetch");
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_elements_react13 = require("@ory/elements-react");
+var import_client_fetch14 = require("@ory/client-fetch");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 var DefaultPinCodeInput = ({ attributes }) => {
   const { setValue, watch } = (0, import_react_hook_form7.useFormContext)();
   const { maxlength, name } = attributes;
   const elements = maxlength != null ? maxlength : 6;
-  const { flowType } = (0, import_elements_react12.useOryFlow)();
+  const { flowType } = (0, import_elements_react13.useOryFlow)();
   const handleInputChange = (v) => {
     setValue(name, v);
   };
   const value = watch(name);
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
     InputOTP,
     {
       maxLength: maxlength != null ? maxlength : 6,
       onChange: handleInputChange,
       name,
       value,
-      children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime49.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_fetch13.FlowType.Settings && "max-w-[488px]"
+            flowType === import_client_fetch14.FlowType.Settings && "max-w-[488px]"
           ),
-          children: [...Array(elements)].map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(InputOTPSlot, { index }, index))
+          children: [...Array(elements)].map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(InputOTPSlot, { index }, index))
         }
       )
     }
@@ -1809,13 +1915,13 @@ var DefaultPinCodeInput = ({ attributes }) => {
 };
 
 // src/theme/default/components/form/section.tsx
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 var DefaultFormSection = ({
   children,
   nodes: _nodes,
   ...rest
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.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",
@@ -1829,10 +1935,10 @@ var DefaultFormSectionContent = ({
   description,
   children
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime49.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_runtime49.jsxs)("div", { className: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("h3", { className: "font-medium text-interface-foreground-default-primary", children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "text-interface-foreground-default-secondary", children: description })
+  return /* @__PURE__ */ (0, import_jsx_runtime50.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_runtime50.jsxs)("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("h3", { className: "font-medium text-interface-foreground-default-primary", children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "text-interface-foreground-default-secondary", children: description })
     ] }),
     children
   ] });
@@ -1841,14 +1947,14 @@ var DefaultFormSectionFooter = ({
   children,
   text
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.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_runtime49.jsx)("span", { children: text }),
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { children: text }),
         children
       ]
     }
@@ -1856,63 +1962,63 @@ var DefaultFormSectionFooter = ({
 };
 
 // src/theme/default/components/form/text.tsx
-var import_elements_react13 = require("@ory/elements-react");
+var import_elements_react14 = require("@ory/elements-react");
 var import_react_intl12 = require("react-intl");
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 function DefaultText({ node, attributes }) {
   var _a;
   const intl = (0, import_react_intl12.useIntl)();
   const lookup = (_a = attributes.text.context) == null ? void 0 : _a.secrets;
   if (lookup) {
-    return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_jsx_runtime50.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { "data-testid": `ory/form/node/text/${attributes.id}/label`, children: node.meta.label ? (0, import_elements_react13.uiTextToFormattedMessage)(node.meta.label, intl) : "" }),
-      lookup.map((text, index) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { "data-testid": `ory/form/node/text/${attributes.id}/label`, children: node.meta.label ? (0, import_elements_react14.uiTextToFormattedMessage)(node.meta.label, intl) : "" }),
+      lookup.map((text, index) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
         "pre",
         {
           "data-testid": `ory/form/node/text/lookup_secret_codes/text`,
-          children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("code", { children: text ? (0, import_elements_react13.uiTextToFormattedMessage)(text, intl) : "" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("code", { children: text ? (0, import_elements_react14.uiTextToFormattedMessage)(text, intl) : "" })
         },
         index
       ))
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_jsx_runtime50.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_jsx_runtime51.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
     "p",
     {
       "data-testid": `ory/form/node/text/${attributes.id}/label`,
       id: attributes.id,
       children: [
-        node.meta.label ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("label", { children: (0, import_elements_react13.uiTextToFormattedMessage)(node.meta.label, intl) }) : null,
-        attributes.text ? (0, import_elements_react13.uiTextToFormattedMessage)(attributes.text, intl) : ""
+        node.meta.label ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("label", { children: (0, import_elements_react14.uiTextToFormattedMessage)(node.meta.label, intl) }) : null,
+        attributes.text ? (0, import_elements_react14.uiTextToFormattedMessage)(attributes.text, intl) : ""
       ]
     }
   ) });
 }
 
 // src/theme/default/components/generic/page-header.tsx
-var import_elements_react15 = require("@ory/elements-react");
+var import_elements_react16 = require("@ory/elements-react");
 
 // src/theme/default/components/ui/user-menu.tsx
-var import_elements_react14 = require("@ory/elements-react");
+var import_elements_react15 = require("@ory/elements-react");
 var import_react_dropdown_menu = require("@radix-ui/react-dropdown-menu");
 
 // src/theme/default/assets/icons/logout.svg
 var React27 = __toESM(require("react"));
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 var SvgLogout = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime51.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_runtime51.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_runtime52.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_runtime52.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 React28 = __toESM(require("react"));
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 var SvgSettings = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime52.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_runtime52.jsxs)("g", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime52.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_runtime52.jsx)("path", { d: "M6 8a2 2 0 1 0 4 0 2 2 0 0 0-4 0" })
+  return /* @__PURE__ */ (0, import_jsx_runtime53.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_runtime53.jsxs)("g", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime53.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_runtime53.jsx)("path", { d: "M6 8a2 2 0 1 0 4 0 2 2 0 0 0-4 0" })
   ] }) });
 };
 var settings_default = SvgSettings;
@@ -1921,9 +2027,9 @@ var settings_default = SvgSettings;
 var import_react7 = require("react");
 
 // src/util/client.ts
-var import_client_fetch14 = require("@ory/client-fetch");
+var import_client_fetch15 = require("@ory/client-fetch");
 function frontendClient(sdkUrl, opts = {}) {
-  const config = new import_client_fetch14.Configuration({
+  const config = new import_client_fetch15.Configuration({
     ...opts,
     basePath: sdkUrl,
     headers: {
@@ -1931,7 +2037,7 @@ function frontendClient(sdkUrl, opts = {}) {
       ...opts.headers
     }
   });
-  return new import_client_fetch14.FrontendApi(config);
+  return new import_client_fetch15.FrontendApi(config);
 }
 
 // src/theme/default/utils/logout.ts
@@ -1989,10 +2095,10 @@ var getUserInitials = (session) => {
 // src/theme/default/components/ui/dropdown-menu.tsx
 var import_react8 = require("react");
 var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
-var import_jsx_runtime53 = require("react/jsx-runtime");
+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_runtime53.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+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)(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -2007,7 +2113,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_runtime53.jsx)(
+var DropdownMenuItem = (0, import_react8.forwardRef)(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -2025,7 +2131,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_runtime53.jsx)(
+var DropdownMenuLabel = (0, import_react8.forwardRef)(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -2044,31 +2150,31 @@ var import_react9 = require("react");
 
 // src/theme/default/assets/icons/user.svg
 var React29 = __toESM(require("react"));
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 var SvgUser = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime54.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_runtime54.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_runtime55.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_runtime55.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_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 var UserAvatar = (0, import_react9.forwardRef)(
   ({ initials, ...rest }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime56.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_runtime55.jsx)("div", { className: "relative flex size-full items-center justify-center", children: initials.avatar ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "relative flex size-full items-center justify-center", children: initials.avatar ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
           "img",
           {
             src: initials.avatar,
             alt: initials.primary,
             className: "w-full object-contain"
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
           user_default,
           {
             size: 24,
@@ -2082,27 +2188,27 @@ var UserAvatar = (0, import_react9.forwardRef)(
 UserAvatar.displayName = "UserAvatar";
 
 // src/theme/default/components/ui/user-menu.tsx
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 var UserMenu = ({ session }) => {
-  const { config } = (0, import_elements_react14.useOryFlow)();
+  const { config } = (0, import_elements_react15.useOryFlow)();
   const initials = getUserInitials(session);
   const logoutFlow = useClientLogout(config);
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(DropdownMenu, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(UserAvatar, { initials }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(DropdownMenuContent, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_react_dropdown_menu.DropdownMenuLabel, { className: "flex gap-3 px-5 py-4.5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(UserAvatar, { disabled: true, initials }),
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex flex-col justify-center text-sm leading-tight", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "text-interface-foreground-default-primary leading-tight font-medium", children: initials.primary }),
-          initials.secondary && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "text-interface-foreground-default-tertiary leading-tight", children: initials.secondary })
+  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.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 }),
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex flex-col justify-center text-sm leading-tight", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "text-interface-foreground-default-primary leading-tight font-medium", children: initials.primary }),
+          initials.secondary && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "text-interface-foreground-default-tertiary leading-tight", children: initials.secondary })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("a", { href: "/settings", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(settings_default, { size: 16 }),
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("a", { href: "/settings", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(settings_default, { size: 16 }),
         " User settings"
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(DropdownMenuItem, { asChild: true, disabled: !(logoutFlow == null ? void 0 : logoutFlow.logout_url), children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("a", { href: logoutFlow == null ? void 0 : logoutFlow.logout_url, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(logout_default, { size: 16 }),
+      /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(DropdownMenuItem, { asChild: true, disabled: !(logoutFlow == null ? void 0 : logoutFlow.logout_url), children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("a", { href: logoutFlow == null ? void 0 : logoutFlow.logout_url, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(logout_default, { size: 16 }),
         " Logout"
       ] }) })
     ] })
@@ -2111,13 +2217,13 @@ var UserMenu = ({ session }) => {
 
 // src/theme/default/components/generic/page-header.tsx
 var import_client2 = require("@ory/elements-react/client");
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 var DefaultPageHeader = (_props) => {
-  const { Card } = (0, import_elements_react15.useComponents)();
+  const { Card } = (0, import_elements_react16.useComponents)();
   const { session } = (0, import_client2.useSession)();
-  return /* @__PURE__ */ (0, import_jsx_runtime57.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_runtime57.jsx)("div", { className: "flex flex-col gap-12", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex max-h-10 flex-1 justify-between gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "relative h-10 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Card.Logo, {}) }),
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(UserMenu, { session })
+  return /* @__PURE__ */ (0, import_jsx_runtime58.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_runtime58.jsx)("div", { className: "flex flex-col gap-12", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex max-h-10 flex-1 justify-between gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "relative h-10 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Card.Logo, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(UserMenu, { session })
   ] }) }) });
 };
 
@@ -2128,25 +2234,25 @@ var import_usehooks_ts2 = require("usehooks-ts");
 
 // src/theme/default/assets/icons/trash.svg
 var React30 = __toESM(require("react"));
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 var SvgTrash = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 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_runtime58.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_runtime59.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_runtime59.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_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 function DefaultSettingsOidc({
   linkButtons,
   unlinkButtons
 }) {
   const hasLinkButtons = linkButtons.length > 0;
   const hasUnlinkButtons = unlinkButtons.length > 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "flex flex-col gap-8", children: [
-    hasLinkButtons && /* @__PURE__ */ (0, import_jsx_runtime59.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_runtime60.jsxs)("div", { className: "flex flex-col gap-8", children: [
+    hasLinkButtons && /* @__PURE__ */ (0, import_jsx_runtime60.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_runtime59.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
         DefaultButtonSocial,
         {
           showLabel: true,
@@ -2157,12 +2263,12 @@ function DefaultSettingsOidc({
         attrs.value
       );
     }) }),
-    hasUnlinkButtons && hasLinkButtons ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(DefaultHorizontalDivider, {}) : null,
+    hasUnlinkButtons && hasLinkButtons ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(DefaultHorizontalDivider, {}) : null,
     unlinkButtons.map((button) => {
       if (button.attributes.node_type !== "input") {
         return null;
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(UnlinkRow, { button }, button.attributes.value);
+      return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(UnlinkRow, { button }, button.attributes.value);
     })
   ] });
 }
@@ -2184,12 +2290,12 @@ function UnlinkRow({ button }) {
       setClicked(false);
     }
   }, [isSubmitting, setClicked]);
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "flex justify-between", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "flex items-center gap-6", children: [
-      Logo ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Logo, { size: 32 }) : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(provider_logos_default.generic, { size: 32 }),
-      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "text-sm font-medium text-interface-foreground-default-secondary", children: provider })
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex justify-between", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex items-center gap-6", children: [
+      Logo ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Logo, { size: 32 }) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(provider_logos_default.generic, { size: 32 }),
+      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "text-sm font-medium text-interface-foreground-default-secondary", children: provider })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
       "button",
       {
         ...attrs,
@@ -2198,7 +2304,7 @@ function UnlinkRow({ button }) {
         disabled: isSubmitting,
         className: "relative",
         title: `Unlink ${provider}`,
-        children: clicked ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Spinner, { className: "relative" }) : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+        children: clicked ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Spinner, { className: "relative" }) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
           trash_default,
           {
             className: "text-button-link-default-secondary hover:text-button-link-default-secondary-hover",
@@ -2211,9 +2317,9 @@ function UnlinkRow({ button }) {
 }
 
 // src/theme/default/components/settings/settings-passkey.tsx
-var import_elements_react16 = require("@ory/elements-react");
+var import_elements_react17 = require("@ory/elements-react");
 var import_react_hook_form9 = require("react-hook-form");
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 function DefaultSettingsPasskey({
   triggerButton,
   removeButtons
@@ -2221,10 +2327,10 @@ function DefaultSettingsPasskey({
   const {
     formState: { isSubmitting }
   } = (0, import_react_hook_form9.useFormContext)();
-  const { Node: Node2 } = (0, import_elements_react16.useComponents)();
+  const { Node: Node2 } = (0, import_elements_react17.useComponents)();
   const hasRemoveButtons = removeButtons.length > 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex flex-col gap-8", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "flex max-w-[60%] items-end gap-3", children: triggerButton && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex flex-col gap-8", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "flex max-w-[60%] items-end gap-3", children: triggerButton && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
       Node2.Button,
       {
         node: triggerButton,
@@ -2232,38 +2338,38 @@ function DefaultSettingsPasskey({
         onClick: triggerButton.onClick
       }
     ) }),
-    hasRemoveButtons ? /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex flex-col gap-8", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(DefaultHorizontalDivider, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "flex flex-col gap-2", children: removeButtons.map((node, i) => {
+    hasRemoveButtons ? /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex flex-col gap-8", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(DefaultHorizontalDivider, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime61.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_runtime60.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
           "div",
           {
             className: "flex justify-between gap-6 md:items-center",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex gap-2 items-center flex-1 truncate", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex gap-2 items-center flex-1 truncate", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
                   passkey_default,
                   {
                     size: 32,
                     className: "text-interface-foreground-default-primary"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime60.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_runtime60.jsxs)("div", { className: "flex-1 flex-col truncate", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "text-sm font-medium text-interface-foreground-default-secondary truncate", children: displayName }),
-                    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "text-sm text-interface-foreground-default-tertiary hidden sm:block truncate", children: keyId })
+                /* @__PURE__ */ (0, import_jsx_runtime61.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_runtime61.jsxs)("div", { className: "flex-1 flex-col truncate", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { className: "text-sm font-medium text-interface-foreground-default-secondary truncate", children: displayName }),
+                    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "text-sm text-interface-foreground-default-tertiary hidden sm:block truncate", children: keyId })
                   ] }),
-                  addedAt && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "text-sm text-interface-foreground-default-tertiary", children: new Intl.DateTimeFormat(void 0, {
+                  addedAt && /* @__PURE__ */ (0, import_jsx_runtime61.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_runtime60.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
                 "button",
                 {
                   ...node.attributes,
@@ -2271,7 +2377,7 @@ function DefaultSettingsPasskey({
                   onClick: node.onClick,
                   disabled: isSubmitting,
                   className: "relative",
-                  children: isSubmitting ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(Spinner, { className: "relative" }) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+                  children: isSubmitting ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Spinner, { className: "relative" }) : /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
                     trash_default,
                     {
                       className: "text-button-link-default-secondary hover:text-button-link-default-secondary-hover",
@@ -2291,25 +2397,25 @@ function DefaultSettingsPasskey({
 
 // src/theme/default/assets/icons/download.svg
 var React31 = __toESM(require("react"));
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 var SvgDownload = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime61.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_runtime61.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_runtime62.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_runtime62.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 React32 = __toESM(require("react"));
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 var SvgRefresh = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime62.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_runtime62.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_runtime63.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_runtime63.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_form10 = require("react-hook-form");
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 function DefaultSettingsRecoveryCodes({
   codes,
   regnerateButton,
@@ -2331,12 +2437,12 @@ function DefaultSettingsRecoveryCodes({
     element.click();
   };
   const hasCodes = codes.length >= 1;
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex flex-col gap-8", children: [
-    codes.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(DefaultHorizontalDivider, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex gap-4 justify-between", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { className: "text-interface-foreground-default-tertiary", children: revealButton && "Reveal recovery codes" }),
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex gap-2", children: [
-        regnerateButton && codes.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex flex-col gap-8", children: [
+    codes.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(DefaultHorizontalDivider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex gap-4 justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "text-interface-foreground-default-tertiary", children: revealButton && "Reveal recovery codes" }),
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex gap-2", children: [
+        regnerateButton && codes.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
           "button",
           {
             ...regnerateButton.attributes,
@@ -2345,7 +2451,7 @@ function DefaultSettingsRecoveryCodes({
             onClick: onRegenerate,
             disabled: isSubmitting,
             "data-loading": isSubmitting,
-            children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
               refresh_default,
               {
                 size: 24,
@@ -2354,7 +2460,7 @@ function DefaultSettingsRecoveryCodes({
             )
           }
         ),
-        revealButton && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_jsx_runtime63.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+        revealButton && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_jsx_runtime64.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
           "button",
           {
             ...revealButton.attributes,
@@ -2362,7 +2468,7 @@ function DefaultSettingsRecoveryCodes({
             className: "ml-auto",
             onClick: onReveal,
             title: "Reveal recovery codes",
-            children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
               eye_default,
               {
                 size: 24,
@@ -2371,7 +2477,7 @@ function DefaultSettingsRecoveryCodes({
             )
           }
         ) }),
-        hasCodes && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+        hasCodes && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
           "button",
           {
             onClick: onDownload,
@@ -2379,7 +2485,7 @@ function DefaultSettingsRecoveryCodes({
             className: "ml-auto",
             "data-testid": "ory/screen/settings/group/recovery_code/download",
             title: "Download recovery codes",
-            children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
               download_default,
               {
                 size: 24,
@@ -2390,32 +2496,32 @@ function DefaultSettingsRecoveryCodes({
         )
       ] })
     ] }),
-    hasCodes ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "rounded-general p-6 bg-interface-background-default-secondary border-interface-border-default-primary", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+    hasCodes ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "rounded-general p-6 bg-interface-background-default-secondary border-interface-border-default-primary", children: /* @__PURE__ */ (0, import_jsx_runtime64.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_runtime63.jsx)("p", { children: code }, code))
+        children: codes.map((code) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("p", { children: code }, code))
       }
     ) }) : null
   ] });
 }
 
 // src/theme/default/components/settings/settings-totp.tsx
-var import_elements_react17 = require("@ory/elements-react");
+var import_elements_react18 = require("@ory/elements-react");
 
 // src/theme/default/assets/icons/qrcode.svg
 var React33 = __toESM(require("react"));
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 var SvgQrcode = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime64.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_runtime64.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_runtime65.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_runtime65.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_form11 = require("react-hook-form");
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 function DefaultSettingsTotp({
   totpImage,
   totpInput,
@@ -2423,7 +2529,7 @@ function DefaultSettingsTotp({
   totpUnlink,
   onUnlink
 }) {
-  const { Node: Node2, Card } = (0, import_elements_react17.useComponents)();
+  const { Node: Node2, Card } = (0, import_elements_react18.useComponents)();
   const {
     formState: { isSubmitting }
   } = (0, import_react_hook_form11.useFormContext)();
@@ -2435,19 +2541,19 @@ function DefaultSettingsTotp({
       node_type: _ignoredNodeType,
       ...buttonAttrs
     } = totpUnlink.attributes;
-    return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "grid grid-cols-1 gap-8 md:grid-cols-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "col-span-full", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Card.Divider, {}) }),
-      /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "col-span-full flex items-center gap-6", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "aspect-square size-8 ", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(qrcode_default, { size: 32 }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "mr-auto flex flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("p", { className: "text-sm font-medium text-interface-foreground-default-primary", children: "Authenticator app" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "grid grid-cols-1 gap-8 md:grid-cols-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "col-span-full", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Card.Divider, {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "col-span-full flex items-center gap-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "aspect-square size-8 ", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(qrcode_default, { size: 32 }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "mr-auto flex flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("p", { className: "text-sm font-medium text-interface-foreground-default-primary", children: "Authenticator app" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
           "button",
           {
             type: type === "button" ? "button" : "submit",
             ...buttonAttrs,
             onClick: onUnlink,
             disabled: isSubmitting,
-            children: isSubmitting ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Spinner, { className: "relative" }) : /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+            children: isSubmitting ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Spinner, { className: "relative" }) : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
               trash_default,
               {
                 className: "text-button-link-default-secondary hover:text-button-link-default-secondary-hover",
@@ -2460,9 +2566,9 @@ function DefaultSettingsTotp({
     ] });
   }
   if (totpImage && totpSecret && totpInput) {
-    return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "grid grid-cols-1 gap-8 md:grid-cols-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "col-span-full", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(DefaultHorizontalDivider, {}) }),
-      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "flex justify-center rounded-cards bg-interface-background-default-secondary p-8", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "aspect-square h-44 rounded bg-[white]", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "-m-3 antialiased mix-blend-multiply", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "grid grid-cols-1 gap-8 md:grid-cols-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "col-span-full", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(DefaultHorizontalDivider, {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "flex justify-center rounded-cards bg-interface-background-default-secondary p-8", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "aspect-square h-44 rounded bg-[white]", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "-m-3 antialiased mix-blend-multiply", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
         Node2.Image,
         {
           node: totpImage,
@@ -2471,13 +2577,13 @@ function DefaultSettingsTotp({
           }
         }
       ) }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex flex-col gap-6", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex flex-col gap-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
           Node2.Label,
           {
             node: totpSecret,
             attributes: totpSecret.attributes,
-            children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
               Node2.Input,
               {
                 node: totpSecret,
@@ -2492,12 +2598,12 @@ function DefaultSettingsTotp({
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
           Node2.Label,
           {
             attributes: totpInput.attributes,
             node: totpInput,
-            children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
               Node2.CodeInput,
               {
                 node: totpInput,
@@ -2512,20 +2618,20 @@ function DefaultSettingsTotp({
 }
 
 // src/theme/default/components/settings/settings-webauthn.tsx
-var import_elements_react18 = require("@ory/elements-react");
+var import_elements_react19 = require("@ory/elements-react");
 
 // src/theme/default/assets/icons/key.svg
 var React34 = __toESM(require("react"));
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 var SvgKey = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime66.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_runtime66.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_runtime67.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_runtime67.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_form12 = require("react-hook-form");
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 function DefaultSettingsWebauthn({
   nameInput,
   triggerButton,
@@ -2534,16 +2640,16 @@ function DefaultSettingsWebauthn({
   const {
     formState: { isSubmitting }
   } = (0, import_react_hook_form12.useFormContext)();
-  const { Node: Node2, Card } = (0, import_elements_react18.useComponents)();
+  const { Node: Node2, Card } = (0, import_elements_react19.useComponents)();
   const hasRemoveButtons = removeButtons.length > 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex flex-col gap-8", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex md:max-w-96 sm:items-end gap-3 flex-col sm:flex-row", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex flex-col gap-8", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex md:max-w-96 sm:items-end gap-3 flex-col sm:flex-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
         Node2.Label,
         {
           node: nameInput,
           attributes: nameInput.attributes,
-          children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
             Node2.Input,
             {
               node: nameInput,
@@ -2552,7 +2658,7 @@ function DefaultSettingsWebauthn({
           )
         }
       ) }),
-      triggerButton ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+      triggerButton ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
         Node2.Button,
         {
           node: triggerButton,
@@ -2561,38 +2667,38 @@ function DefaultSettingsWebauthn({
         }
       ) : null
     ] }),
-    hasRemoveButtons ? /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex flex-col gap-8", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Card.Divider, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "flex flex-col gap-4", children: removeButtons.map((node, i) => {
+    hasRemoveButtons ? /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex flex-col gap-8", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Card.Divider, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime68.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_runtime67.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
           "div",
           {
             className: "flex justify-between gap-6 md:items-center",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex gap-2 items-center flex-1 truncate", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex gap-2 items-center flex-1 truncate", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
                   key_default,
                   {
                     size: 32,
                     className: "text-interface-foreground-default-primary"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime67.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_runtime67.jsxs)("div", { className: "flex-1 flex-col truncate", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("p", { className: "text-sm font-medium text-interface-foreground-default-secondary truncate", children: displayName }),
-                    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "text-sm text-interface-foreground-default-tertiary hidden sm:block truncate", children: keyId })
+                /* @__PURE__ */ (0, import_jsx_runtime68.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_runtime68.jsxs)("div", { className: "flex-1 flex-col truncate", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { className: "text-sm font-medium text-interface-foreground-default-secondary truncate", children: displayName }),
+                    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "text-sm text-interface-foreground-default-tertiary hidden sm:block truncate", children: keyId })
                   ] }),
-                  addedAt && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("p", { className: "text-sm text-interface-foreground-default-tertiary", children: new Intl.DateTimeFormat(void 0, {
+                  addedAt && /* @__PURE__ */ (0, import_jsx_runtime68.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_runtime67.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
                 "button",
                 {
                   ...node.attributes,
@@ -2600,7 +2706,7 @@ function DefaultSettingsWebauthn({
                   onClick: node.onClick,
                   disabled: isSubmitting,
                   className: "relative",
-                  children: isSubmitting ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Spinner, { className: "relative" }) : /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+                  children: isSubmitting ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Spinner, { className: "relative" }) : /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
                     trash_default,
                     {
                       className: "text-button-link-default-secondary hover:text-button-link-default-secondary-hover",
@@ -2619,34 +2725,34 @@ function DefaultSettingsWebauthn({
 }
 
 // src/theme/default/components/card/auth-method-list-container.tsx
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 function DefaultAuthMethodListContainer({
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "grid grid-cols-1 gap-2", children });
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "grid grid-cols-1 gap-2", children });
 }
 
 // src/theme/default/components/form/captcha.tsx
-var import_client_fetch15 = require("@ory/client-fetch");
+var import_client_fetch16 = require("@ory/client-fetch");
 var import_react_turnstile = require("@marsidev/react-turnstile");
 var import_react11 = require("react");
 var import_react_hook_form13 = require("react-hook-form");
-var import_jsx_runtime69 = require("react/jsx-runtime");
+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 nodes = [];
-  if ((0, import_client_fetch15.isUiNodeInputAttributes)(node.attributes)) {
+  if ((0, import_client_fetch16.isUiNodeInputAttributes)(node.attributes)) {
     if (node.attributes.name === "transient_payload.captcha_turnstile_response") {
       nodes.push(
-        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(DefaultInput, { node, attributes: node.attributes }, 1)
+        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(DefaultInput, { node, attributes: node.attributes }, 1)
       );
     }
   }
-  if ((0, import_client_fetch15.isUiNodeInputAttributes)(node.attributes) && node.attributes.name === "captcha_turnstile_options") {
+  if ((0, import_client_fetch16.isUiNodeInputAttributes)(node.attributes) && node.attributes.name === "captcha_turnstile_options") {
     const options = JSON.parse(node.attributes.value);
     nodes.push(
-      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
         import_react_turnstile.Turnstile,
         {
           ref,
@@ -2673,9 +2779,83 @@ var DefaultCaptcha = ({ node }) => {
   return nodes;
 };
 
+// src/theme/default/assets/icons/personal.svg
+var React35 = __toESM(require("react"));
+var import_jsx_runtime71 = require("react/jsx-runtime");
+var SvgPersonal = (props) => {
+  var _a, _b;
+  return /* @__PURE__ */ (0, import_jsx_runtime71.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_runtime71.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 React36 = __toESM(require("react"));
+var import_jsx_runtime72 = require("react/jsx-runtime");
+var SvgMessage = (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 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_runtime72.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 React37 = __toESM(require("react"));
+var import_jsx_runtime73 = require("react/jsx-runtime");
+var SvgPhone = (props) => {
+  var _a, _b;
+  return /* @__PURE__ */ (0, import_jsx_runtime73.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_runtime73.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_intl13 = require("react-intl");
+var Switch = __toESM(require("@radix-ui/react-switch"));
+var import_jsx_runtime74 = require("react/jsx-runtime");
+var ScopeIcons = {
+  openid: personal_default,
+  offline_access: personal_default,
+  profile: personal_default,
+  email: message_default,
+  phone: phone_default
+};
+function DefaultConsentScopeCheckbox({
+  attributes,
+  onCheckedChange
+}) {
+  var _a;
+  const intl = (0, import_react_intl13.useIntl)();
+  const Icon = (_a = ScopeIcons[attributes.value]) != null ? _a : personal_default;
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+    ListItem,
+    {
+      as: "label",
+      icon: Icon,
+      title: intl.formatMessage({
+        id: `consent.scope.${attributes.value}.title`,
+        defaultMessage: attributes.value
+      }),
+      description: intl.formatMessage({
+        id: `consent.scope.${attributes.value}.description`,
+        defaultMessage: []
+      }),
+      className: "col-span-2",
+      children: /* @__PURE__ */ (0, import_jsx_runtime74.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",
+          "data-testid": `ory/screen/consent/scope-checkbox`,
+          value: attributes.value,
+          onCheckedChange,
+          defaultChecked: true,
+          children: /* @__PURE__ */ (0, import_jsx_runtime74.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" })
+        }
+      )
+    }
+  );
+}
+
 // src/theme/default/components/default-components.tsx
 function getOryComponents(overrides) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S, _T, _U, _V, _W, _X, _Y, _Z, __, _$, _aa, _ba, _ca, _da, _ea, _fa, _ga, _ha, _ia, _ja;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S, _T, _U, _V, _W, _X, _Y, _Z, __, _$, _aa, _ba, _ca, _da, _ea, _fa, _ga, _ha, _ia, _ja, _ka, _la;
   return {
     Card: {
       Root: (_b = (_a = overrides == null ? void 0 : overrides.Card) == null ? void 0 : _a.Root) != null ? _b : DefaultCard,
@@ -2700,174 +2880,178 @@ function getOryComponents(overrides) {
       Checkbox: (_J = (_I = overrides == null ? void 0 : overrides.Node) == null ? void 0 : _I.Checkbox) != null ? _J : DefaultCheckbox,
       Text: (_L = (_K = overrides == null ? void 0 : overrides.Node) == null ? void 0 : _K.Text) != null ? _L : DefaultText,
       Anchor: (_N = (_M = overrides == null ? void 0 : overrides.Node) == null ? void 0 : _M.Anchor) != null ? _N : DefaultLinkButton,
-      Captcha: (_P = (_O = overrides == null ? void 0 : overrides.Node) == null ? void 0 : _O.Captcha) != null ? _P : DefaultCaptcha
+      Captcha: (_P = (_O = overrides == null ? void 0 : overrides.Node) == null ? void 0 : _O.Captcha) != null ? _P : DefaultCaptcha,
+      ConsentScopeCheckbox: (_R = (_Q = overrides == null ? void 0 : overrides.Node) == null ? void 0 : _Q.ConsentScopeCheckbox) != null ? _R : DefaultConsentScopeCheckbox
     },
     Form: {
-      Root: (_R = (_Q = overrides == null ? void 0 : overrides.Form) == null ? void 0 : _Q.Root) != null ? _R : DefaultFormContainer,
-      Group: (_T = (_S = overrides == null ? void 0 : overrides.Form) == null ? void 0 : _S.Group) != null ? _T : DefaultGroupContainer,
-      OidcRoot: (_V = (_U = overrides == null ? void 0 : overrides.Form) == null ? void 0 : _U.OidcRoot) != null ? _V : DefaultSocialButtonContainer,
-      RecoveryCodesSettings: (_X = (_W = overrides == null ? void 0 : overrides.Form) == null ? void 0 : _W.RecoveryCodesSettings) != null ? _X : DefaultSettingsRecoveryCodes,
-      TotpSettings: (_Z = (_Y = overrides == null ? void 0 : overrides.Form) == null ? void 0 : _Y.TotpSettings) != null ? _Z : DefaultSettingsTotp,
-      OidcSettings: (_$ = (__ = overrides == null ? void 0 : overrides.Form) == null ? void 0 : __.OidcSettings) != null ? _$ : DefaultSettingsOidc,
-      WebauthnSettings: (_ba = (_aa = overrides == null ? void 0 : overrides.Form) == null ? void 0 : _aa.WebauthnSettings) != null ? _ba : DefaultSettingsWebauthn,
-      PasskeySettings: (_da = (_ca = overrides == null ? void 0 : overrides.Form) == null ? void 0 : _ca.PasskeySettings) != null ? _da : DefaultSettingsPasskey
+      Root: (_T = (_S = overrides == null ? void 0 : overrides.Form) == null ? void 0 : _S.Root) != null ? _T : DefaultFormContainer,
+      Group: (_V = (_U = overrides == null ? void 0 : overrides.Form) == null ? void 0 : _U.Group) != null ? _V : DefaultGroupContainer,
+      OidcRoot: (_X = (_W = overrides == null ? void 0 : overrides.Form) == null ? void 0 : _W.OidcRoot) != null ? _X : DefaultSocialButtonContainer,
+      RecoveryCodesSettings: (_Z = (_Y = overrides == null ? void 0 : overrides.Form) == null ? void 0 : _Y.RecoveryCodesSettings) != null ? _Z : DefaultSettingsRecoveryCodes,
+      TotpSettings: (_$ = (__ = overrides == null ? void 0 : overrides.Form) == null ? void 0 : __.TotpSettings) != null ? _$ : DefaultSettingsTotp,
+      OidcSettings: (_ba = (_aa = overrides == null ? void 0 : overrides.Form) == null ? void 0 : _aa.OidcSettings) != null ? _ba : DefaultSettingsOidc,
+      WebauthnSettings: (_da = (_ca = overrides == null ? void 0 : overrides.Form) == null ? void 0 : _ca.WebauthnSettings) != null ? _da : DefaultSettingsWebauthn,
+      PasskeySettings: (_fa = (_ea = overrides == null ? void 0 : overrides.Form) == null ? void 0 : _ea.PasskeySettings) != null ? _fa : DefaultSettingsPasskey
     },
     Message: {
-      Root: (_fa = (_ea = overrides == null ? void 0 : overrides.Message) == null ? void 0 : _ea.Root) != null ? _fa : DefaultMessageContainer,
-      Content: (_ha = (_ga = overrides == null ? void 0 : overrides.Message) == null ? void 0 : _ga.Content) != null ? _ha : DefaultMessage
+      Root: (_ha = (_ga = overrides == null ? void 0 : overrides.Message) == null ? void 0 : _ga.Root) != null ? _ha : DefaultMessageContainer,
+      Content: (_ja = (_ia = overrides == null ? void 0 : overrides.Message) == null ? void 0 : _ia.Content) != null ? _ja : DefaultMessage
     },
     Page: {
-      Header: (_ja = (_ia = overrides == null ? void 0 : overrides.Page) == null ? void 0 : _ia.Header) != null ? _ja : DefaultPageHeader
+      Header: (_la = (_ka = overrides == null ? void 0 : overrides.Page) == null ? void 0 : _ka.Header) != null ? _la : DefaultPageHeader
     }
   };
 }
 
 // src/theme/default/flows/error.tsx
-var import_client_fetch34 = require("@ory/client-fetch");
+var import_client_fetch35 = require("@ory/client-fetch");
 var import_react15 = require("react");
 
 // src/context/intl-context.tsx
-var import_react_intl20 = require("react-intl");
+var import_react_intl21 = require("react-intl");
 
 // src/context/flow-context.tsx
 var import_react13 = require("react");
 
 // src/context/form-state.ts
-var import_client_fetch17 = require("@ory/client-fetch");
+var import_client_fetch18 = require("@ory/client-fetch");
 var import_react12 = require("react");
 
 // src/components/card/card-two-step.utils.ts
-var import_client_fetch16 = require("@ory/client-fetch");
+var import_client_fetch17 = require("@ory/client-fetch");
 
 // src/context/flow-context.tsx
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_jsx_runtime75 = require("react/jsx-runtime");
 var OryFlowContext = (0, import_react13.createContext)(null);
 
 // src/context/provider.tsx
-var import_jsx_runtime71 = require("react/jsx-runtime");
+var import_jsx_runtime76 = require("react/jsx-runtime");
 
 // src/components/card/header.tsx
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_jsx_runtime77 = require("react/jsx-runtime");
 
 // src/components/form/form-provider.tsx
-var import_client_fetch20 = require("@ory/client-fetch");
+var import_client_fetch21 = require("@ory/client-fetch");
 var import_react_hook_form14 = require("react-hook-form");
 
 // src/components/form/form-helpers.ts
-var import_client_fetch18 = require("@ory/client-fetch");
+var import_client_fetch19 = require("@ory/client-fetch");
 
 // src/components/form/form-resolver.ts
-var import_client_fetch19 = require("@ory/client-fetch");
+var import_client_fetch20 = require("@ory/client-fetch");
 
 // src/components/form/form-provider.tsx
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_jsx_runtime78 = require("react/jsx-runtime");
 
 // src/components/card/card.tsx
-var import_jsx_runtime74 = require("react/jsx-runtime");
+var import_jsx_runtime79 = require("react/jsx-runtime");
 
 // src/components/card/footer.tsx
-var import_jsx_runtime75 = require("react/jsx-runtime");
+var import_jsx_runtime80 = require("react/jsx-runtime");
 
 // src/components/card/content.tsx
-var import_jsx_runtime76 = require("react/jsx-runtime");
+var import_jsx_runtime81 = require("react/jsx-runtime");
 
 // src/components/card/card-two-step.tsx
-var import_client_fetch31 = require("@ory/client-fetch");
+var import_client_fetch32 = require("@ory/client-fetch");
 var import_react_hook_form19 = require("react-hook-form");
 
 // src/components/form/form.tsx
-var import_client_fetch27 = require("@ory/client-fetch");
+var import_client_fetch28 = require("@ory/client-fetch");
 var import_react_hook_form16 = require("react-hook-form");
-var import_react_intl13 = require("react-intl");
+var import_react_intl14 = require("react-intl");
 
 // src/components/form/useOryFormSubmit.ts
-var import_client_fetch26 = require("@ory/client-fetch");
+var import_client_fetch27 = require("@ory/client-fetch");
 var import_react_hook_form15 = require("react-hook-form");
 
 // src/util/onSubmitLogin.ts
-var import_client_fetch21 = require("@ory/client-fetch");
+var import_client_fetch22 = require("@ory/client-fetch");
 
 // src/util/onSubmitRecovery.ts
-var import_client_fetch22 = require("@ory/client-fetch");
+var import_client_fetch23 = require("@ory/client-fetch");
 
 // src/util/onSubmitRegistration.ts
-var import_client_fetch23 = require("@ory/client-fetch");
+var import_client_fetch24 = require("@ory/client-fetch");
 
 // src/util/onSubmitSettings.ts
-var import_client_fetch24 = require("@ory/client-fetch");
+var import_client_fetch25 = require("@ory/client-fetch");
 
 // src/util/onSubmitVerification.ts
-var import_client_fetch25 = require("@ory/client-fetch");
+var import_client_fetch26 = require("@ory/client-fetch");
 
 // src/components/form/form.tsx
-var import_jsx_runtime77 = require("react/jsx-runtime");
+var import_jsx_runtime82 = require("react/jsx-runtime");
 
 // src/components/form/messages.tsx
-var import_jsx_runtime78 = require("react/jsx-runtime");
+var import_jsx_runtime83 = require("react/jsx-runtime");
 
 // src/components/form/nodes/input.tsx
-var import_client_fetch28 = require("@ory/client-fetch");
+var import_client_fetch29 = require("@ory/client-fetch");
 var import_react14 = require("react");
 var import_react_hook_form17 = require("react-hook-form");
-var import_jsx_runtime79 = require("react/jsx-runtime");
+var import_jsx_runtime84 = require("react/jsx-runtime");
 
 // src/components/form/nodes/node.tsx
-var import_client_fetch29 = require("@ory/client-fetch");
-var import_jsx_runtime80 = require("react/jsx-runtime");
+var import_client_fetch30 = require("@ory/client-fetch");
+var import_jsx_runtime85 = require("react/jsx-runtime");
 
 // src/components/form/social.tsx
-var import_client_fetch30 = require("@ory/client-fetch");
+var import_client_fetch31 = require("@ory/client-fetch");
 var import_react_hook_form18 = require("react-hook-form");
-var import_jsx_runtime81 = require("react/jsx-runtime");
+var import_jsx_runtime86 = require("react/jsx-runtime");
 
 // src/components/card/card-two-step.tsx
-var import_jsx_runtime82 = require("react/jsx-runtime");
+var import_jsx_runtime87 = require("react/jsx-runtime");
 
 // src/components/form/groups.tsx
-var import_jsx_runtime83 = require("react/jsx-runtime");
+var import_jsx_runtime88 = require("react/jsx-runtime");
 
 // src/components/form/section.tsx
 var import_react_hook_form20 = require("react-hook-form");
-var import_jsx_runtime84 = require("react/jsx-runtime");
+var import_jsx_runtime89 = require("react/jsx-runtime");
+
+// src/components/card/card-consent.tsx
+var import_jsx_runtime90 = require("react/jsx-runtime");
 
 // src/components/generic/divider.tsx
-var import_client_fetch32 = require("@ory/client-fetch");
-var import_jsx_runtime85 = require("react/jsx-runtime");
+var import_client_fetch33 = require("@ory/client-fetch");
+var import_jsx_runtime91 = require("react/jsx-runtime");
 
 // src/components/generic/page-header.tsx
-var import_jsx_runtime86 = require("react/jsx-runtime");
+var import_jsx_runtime92 = require("react/jsx-runtime");
 
 // src/components/settings/settings-card.tsx
-var import_client_fetch33 = require("@ory/client-fetch");
-var import_react_intl19 = require("react-intl");
+var import_client_fetch34 = require("@ory/client-fetch");
+var import_react_intl20 = require("react-intl");
 
 // src/components/settings/oidc-settings.tsx
-var import_react_intl14 = require("react-intl");
+var import_react_intl15 = require("react-intl");
 var import_react_hook_form21 = require("react-hook-form");
-var import_jsx_runtime87 = require("react/jsx-runtime");
+var import_jsx_runtime93 = require("react/jsx-runtime");
 
 // src/components/settings/passkey-settings.tsx
 var import_react_hook_form22 = require("react-hook-form");
-var import_react_intl15 = require("react-intl");
-var import_jsx_runtime88 = require("react/jsx-runtime");
+var import_react_intl16 = require("react-intl");
+var import_jsx_runtime94 = require("react/jsx-runtime");
 
 // src/components/settings/recovery-codes-settings.tsx
-var import_react_intl16 = require("react-intl");
+var import_react_intl17 = require("react-intl");
 var import_react_hook_form23 = require("react-hook-form");
-var import_jsx_runtime89 = require("react/jsx-runtime");
+var import_jsx_runtime95 = require("react/jsx-runtime");
 
 // src/components/settings/totp-settings.tsx
 var import_react_hook_form24 = require("react-hook-form");
-var import_react_intl17 = require("react-intl");
-var import_jsx_runtime90 = require("react/jsx-runtime");
+var import_react_intl18 = require("react-intl");
+var import_jsx_runtime96 = require("react/jsx-runtime");
 
 // src/components/settings/webauthn-settings.tsx
 var import_react_hook_form25 = require("react-hook-form");
-var import_react_intl18 = require("react-intl");
-var import_jsx_runtime91 = require("react/jsx-runtime");
+var import_react_intl19 = require("react-intl");
+var import_jsx_runtime97 = require("react/jsx-runtime");
 
 // src/components/settings/settings-card.tsx
-var import_jsx_runtime92 = require("react/jsx-runtime");
+var import_jsx_runtime98 = require("react/jsx-runtime");
 
 // src/locales/en.json
 var en_default = {
@@ -3132,6 +3316,20 @@ var en_default = {
   "property.username": "username",
   "property.identifier": "identifier",
   "property.code": "code",
+  "consent.title": "Authorize {party}",
+  "consent.subtitle": "A third party application wants to access information associated with your account {identifier}.",
+  "consent.scope.openid.title": "Identity",
+  "consent.scope.openid.description": "Allows the application to verify your identity. This is required for authentication and a trusted login experience.",
+  "consent.scope.offline_access.title": "Offline Access",
+  "consent.scope.offline_access.description": "Allows this application to keep you signed in even when you're not actively using it.",
+  "consent.scope.profile.title": "Profile Information",
+  "consent.scope.profile.description": "Allows access to your basic profile details, including your username, first name, and last name.",
+  "consent.scope.email.title": "Email Address",
+  "consent.scope.email.description": "Retrieve your email address and its verification status.",
+  "consent.scope.address.title": "Physical Address",
+  "consent.scope.address.description": "Access your postal address.",
+  "consent.scope.phone.title": "Phone Number",
+  "consent.scope.phone.description": "Retrieve your phone number and its verification status.",
   "error.title.what-happened": "What happened?",
   "error.title.what-can-i-do": "What can I do?",
   "error.instructions": "Please try again in a few minutes or contact the website operator.",
@@ -3403,6 +3601,20 @@ var de_default = {
   "property.phone": "Telefon",
   "property.code": "Code",
   "property.username": "Benutzername",
+  "consent.title": "Autorisieren {party}",
+  "consent.subtitle": "Eine Drittanbieteranwendung m\xF6chte auf Informationen zugreifen, die mit Ihrem Konto {identifier} verkn\xFCpft sind.",
+  "consent.scope.openid.title": "Identit\xE4t",
+  "consent.scope.openid.description": "Erm\xF6glicht der Anwendung, Ihre Identit\xE4t zu \xFCberpr\xFCfen. Dies ist f\xFCr die Authentifizierung und eine vertrauensw\xFCrdige Login-Erfahrung erforderlich.",
+  "consent.scope.offline_access.title": "Offline-Zugriff",
+  "consent.scope.offline_access.description": "Erm\xF6glicht dieser Anwendung, Sie angemeldet zu lassen, auch wenn Sie sie nicht aktiv nutzen.",
+  "consent.scope.profile.title": "Profilinformationen",
+  "consent.scope.profile.description": "Erm\xF6glicht den Zugriff auf Ihre grundlegenden Profildetails, einschlie\xDFlich Ihres Benutzernamens, Vornamens und Nachnamens.",
+  "consent.scope.email.title": "E-Mail-Adresse",
+  "consent.scope.email.description": "Erm\xF6glicht den Abruf Ihrer E-Mail-Adresse und deren \xDCberpr\xFCfungsstatus.",
+  "consent.scope.address.title": "Physische Adresse",
+  "consent.scope.address.description": "Erm\xF6glicht den Zugriff auf Ihre Postanschrift.",
+  "consent.scope.phone.title": "Telefonnummer",
+  "consent.scope.phone.description": "Erm\xF6glicht den Abruf Ihrer Telefonnummer und deren \xDCberpr\xFCfungsstatus.",
   "error.title.what-happened": "Was ist passiert?",
   "error.footer.copy": "Kopieren",
   "error.footer.text": "Bitte f\xFCgen Sie bei der Meldung dieses Fehlers die folgenden Informationen hinzu:",
@@ -3674,6 +3886,20 @@ var es_default = {
   "property.password": "",
   "property.phone": "",
   "property.username": "",
+  "consent.title": "Autorizar {party}",
+  "consent.subtitle": "Una aplicaci\xF3n de terceros quiere acceder a la informaci\xF3n asociada a su cuenta {identifier}.",
+  "consent.scope.openid.title": "Identidad",
+  "consent.scope.openid.description": "Permite que la aplicaci\xF3n verifique su identidad. Esto es necesario para la autenticaci\xF3n y una experiencia de inicio de sesi\xF3n confiable.",
+  "consent.scope.offline_access.title": "Acceso sin conexi\xF3n",
+  "consent.scope.offline_access.description": "Permite que esta aplicaci\xF3n le mantenga conectado incluso cuando no la est\xE9 utilizando activamente.",
+  "consent.scope.profile.title": "Informaci\xF3n del perfil",
+  "consent.scope.profile.description": "Permite el acceso a los detalles b\xE1sicos de su perfil, incluyendo su nombre de usuario, nombre y apellido.",
+  "consent.scope.email.title": "Direcci\xF3n de correo electr\xF3nico",
+  "consent.scope.email.description": "Recupere su direcci\xF3n de correo electr\xF3nico y su estado de verificaci\xF3n.",
+  "consent.scope.address.title": "Direcci\xF3n f\xEDsica",
+  "consent.scope.address.description": "Acceda a su direcci\xF3n postal.",
+  "consent.scope.phone.title": "N\xFAmero de tel\xE9fono",
+  "consent.scope.phone.description": "Recupere su n\xFAmero de tel\xE9fono y su estado de verificaci\xF3n.",
   "error.action.go-back": "",
   "error.footer.copy": "",
   "error.footer.text": "",
@@ -3945,6 +4171,20 @@ var fr_default = {
   "property.password": "",
   "property.phone": "",
   "property.username": "",
+  "consent.title": "Autoriser {party}",
+  "consent.subtitle": "Une application tierce souhaite acc\xE9der aux informations associ\xE9es \xE0 votre compte {identifier}.",
+  "consent.scope.openid.title": "Identit\xE9",
+  "consent.scope.openid.description": "Permet \xE0 l'application de v\xE9rifier votre identit\xE9. Cela est n\xE9cessaire pour l'authentification et une exp\xE9rience de connexion fiable.",
+  "consent.scope.offline_access.title": "Acc\xE8s hors ligne",
+  "consent.scope.offline_access.description": "Permet \xE0 cette application de vous maintenir connect\xE9 m\xEAme lorsque vous ne l'utilisez pas activement.",
+  "consent.scope.profile.title": "Informations de profil",
+  "consent.scope.profile.description": "Permet l'acc\xE8s aux d\xE9tails de base de votre profil, y compris votre nom d'utilisateur, pr\xE9nom et nom.",
+  "consent.scope.email.title": "Adresse e-mail",
+  "consent.scope.email.description": "R\xE9cup\xE8re votre adresse e-mail et son statut de v\xE9rification.",
+  "consent.scope.address.title": "Adresse physique",
+  "consent.scope.address.description": "Acc\xE8de \xE0 votre adresse postale.",
+  "consent.scope.phone.title": "Num\xE9ro de t\xE9l\xE9phone",
+  "consent.scope.phone.description": "R\xE9cup\xE8re votre num\xE9ro de t\xE9l\xE9phone et son statut de v\xE9rification.",
   "error.action.go-back": "",
   "error.footer.copy": "",
   "error.footer.text": "",
@@ -4216,6 +4456,20 @@ var nl_default = {
   "property.password": "",
   "property.phone": "",
   "property.username": "",
+  "consent.title": "Autoriseren {party}",
+  "consent.subtitle": "Een derde partij applicatie wil toegang tot informatie die aan uw account {identifier} is gekoppeld.",
+  "consent.scope.openid.title": "Identiteit",
+  "consent.scope.openid.description": "Stelt de applicatie in staat uw identiteit te verifi\xEBren. Dit is vereist voor authenticatie en een betrouwbare inlogervaring.",
+  "consent.scope.offline_access.title": "Offline toegang",
+  "consent.scope.offline_access.description": "Stelt deze applicatie in staat u ingelogd te houden, zelfs wanneer u deze niet actief gebruikt.",
+  "consent.scope.profile.title": "Profielinformatie",
+  "consent.scope.profile.description": "Geeft toegang tot uw basisprofielgegevens, inclusief uw gebruikersnaam, voornaam en achternaam.",
+  "consent.scope.email.title": "E-mailadres",
+  "consent.scope.email.description": "Haal uw e-mailadres en de verificatiestatus ervan op.",
+  "consent.scope.address.title": "Fysiek adres",
+  "consent.scope.address.description": "Toegang tot uw postadres.",
+  "consent.scope.phone.title": "Telefoonnummer",
+  "consent.scope.phone.description": "Haal uw telefoonnummer en de verificatiestatus ervan op.",
   "error.action.go-back": "",
   "error.footer.copy": "",
   "error.footer.text": "",
@@ -4487,6 +4741,20 @@ var pl_default = {
   "property.phone": "",
   "property.username": "",
   "property.identifier": "",
+  "consent.title": "Autoryzuj {party}",
+  "consent.subtitle": "Aplikacja trzeciej strony chce uzyska\u0107 dost\u0119p do informacji powi\u0105zanych z Twoim kontem {identifier}.",
+  "consent.scope.openid.title": "To\u017Csamo\u015B\u0107",
+  "consent.scope.openid.description": "Pozwala aplikacji zweryfikowa\u0107 Twoj\u0105 to\u017Csamo\u015B\u0107. Jest to wymagane do uwierzytelniania i zapewnienia zaufanej sesji logowania.",
+  "consent.scope.offline_access.title": "Dost\u0119p offline",
+  "consent.scope.offline_access.description": "Pozwala aplikacji utrzyma\u0107 Twoje logowanie, nawet gdy nie korzystasz z niej aktywnie.",
+  "consent.scope.profile.title": "Informacje profilowe",
+  "consent.scope.profile.description": "Pozwala na dost\u0119p do podstawowych danych profilowych, w tym nazwy u\u017Cytkownika, imienia i nazwiska.",
+  "consent.scope.email.title": "Adres e-mail",
+  "consent.scope.email.description": "Pobierz sw\xF3j adres e-mail oraz status jego weryfikacji.",
+  "consent.scope.address.title": "Adres fizyczny",
+  "consent.scope.address.description": "Dost\u0119p do Twojego adresu pocztowego.",
+  "consent.scope.phone.title": "Numer telefonu",
+  "consent.scope.phone.description": "Pobierz sw\xF3j numer telefonu oraz status jego weryfikacji.",
   "error.action.go-back": "",
   "error.footer.copy": "",
   "error.footer.text": "",
@@ -4758,6 +5026,20 @@ var pt_default = {
   "property.password": "",
   "property.phone": "",
   "property.username": "",
+  "consent.title": "Autorizar {party}",
+  "consent.subtitle": "Um aplicativo de terceiros deseja acessar as informa\xE7\xF5es associadas \xE0 sua conta {identifier}.",
+  "consent.scope.openid.title": "Identidade",
+  "consent.scope.openid.description": "Permite que a aplica\xE7\xE3o verifique sua identidade. Isso \xE9 necess\xE1rio para a autentica\xE7\xE3o e uma experi\xEAncia de login confi\xE1vel.",
+  "consent.scope.offline_access.title": "Acesso Offline",
+  "consent.scope.offline_access.description": "Permite que este aplicativo mantenha voc\xEA conectado mesmo quando n\xE3o estiver usando-o ativamente.",
+  "consent.scope.profile.title": "Informa\xE7\xF5es do Perfil",
+  "consent.scope.profile.description": "Permite o acesso aos detalhes b\xE1sicos do seu perfil, incluindo seu nome de usu\xE1rio, primeiro nome e sobrenome.",
+  "consent.scope.email.title": "Endere\xE7o de E-mail",
+  "consent.scope.email.description": "Recupere seu endere\xE7o de e-mail e seu status de verifica\xE7\xE3o.",
+  "consent.scope.address.title": "Endere\xE7o F\xEDsico",
+  "consent.scope.address.description": "Acesse seu endere\xE7o postal.",
+  "consent.scope.phone.title": "N\xFAmero de Telefone",
+  "consent.scope.phone.description": "Recupere seu n\xFAmero de telefone e seu status de verifica\xE7\xE3o.",
   "error.action.go-back": "",
   "error.footer.copy": "",
   "error.footer.text": "",
@@ -5029,6 +5311,20 @@ var sv_default = {
   "property.username": "anv\xE4ndarnamn",
   "property.identifier": "identifier",
   "property.code": "kod",
+  "consent.title": "Auktorisera {party}",
+  "consent.subtitle": "En tredjepartsapplikation vill f\xE5 tillg\xE5ng till information kopplad till ditt konto {identifier}.",
+  "consent.scope.openid.title": "Identitet",
+  "consent.scope.openid.description": "G\xF6r det m\xF6jligt f\xF6r applikationen att verifiera din identitet. Detta kr\xE4vs f\xF6r autentisering och en p\xE5litlig inloggningsupplevelse.",
+  "consent.scope.offline_access.title": "Offline-\xE5tkomst",
+  "consent.scope.offline_access.description": "G\xF6r det m\xF6jligt f\xF6r denna applikation att h\xE5lla dig inloggad \xE4ven n\xE4r du inte aktivt anv\xE4nder den.",
+  "consent.scope.profile.title": "Profilinformation",
+  "consent.scope.profile.description": "Ger tillg\xE5ng till dina grundl\xE4ggande profiluppgifter, inklusive ditt anv\xE4ndarnamn, f\xF6rnamn och efternamn.",
+  "consent.scope.email.title": "E-postadress",
+  "consent.scope.email.description": "H\xE4mta din e-postadress och dess verifieringsstatus.",
+  "consent.scope.address.title": "Fysisk adress",
+  "consent.scope.address.description": "F\xE5 \xE5tkomst till din postadress.",
+  "consent.scope.phone.title": "Telefonnummer",
+  "consent.scope.phone.description": "H\xE4mta ditt telefonnummer och dess verifieringsstatus.",
   "error.action.go-back": "",
   "error.footer.copy": "",
   "error.footer.text": "",
@@ -5050,7 +5346,7 @@ var OryLocales = {
 };
 
 // src/context/intl-context.tsx
-var import_jsx_runtime93 = require("react/jsx-runtime");
+var import_jsx_runtime99 = require("react/jsx-runtime");
 function mergeTranslations(customTranslations) {
   return Object.keys(customTranslations).reduce((acc, key) => {
     acc[key] = { ...OryLocales[key], ...customTranslations[key] };
@@ -5063,12 +5359,12 @@ var IntlProvider = ({
   customTranslations
 }) => {
   const messages = mergeTranslations(customTranslations != null ? customTranslations : {});
-  return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
-    import_react_intl20.IntlProvider,
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+    import_react_intl21.IntlProvider,
     {
       onWarn: () => ({}),
       defaultRichTextElements: {
-        del: (chunks) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("del", { children: chunks })
+        del: (chunks) => /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("del", { children: chunks })
       },
       locale,
       messages: messages[locale],
@@ -5079,8 +5375,8 @@ var IntlProvider = ({
 };
 
 // src/theme/default/flows/error.tsx
-var import_react_intl21 = require("react-intl");
-var import_jsx_runtime94 = require("react/jsx-runtime");
+var import_react_intl22 = require("react-intl");
+var import_jsx_runtime100 = require("react/jsx-runtime");
 function isOAuth2Error(error) {
   return !!error && typeof error === "object" && "error" in error && "error_description" in error;
 }
@@ -5099,14 +5395,14 @@ function useStandardize(error) {
         timestamp: /* @__PURE__ */ new Date()
       };
     }
-    if ((0, import_client_fetch34.instanceOfFlowError)(error)) {
+    if ((0, import_client_fetch35.instanceOfFlowError)(error)) {
       const parsed = error.error;
       return {
         ...parsed,
         id: error.id,
         timestamp: error.created_at
       };
-    } else if (error.error && (0, import_client_fetch34.instanceOfGenericError)(error.error)) {
+    } else if (error.error && (0, import_client_fetch35.instanceOfGenericError)(error.error)) {
       return {
         code: (_a = error.error.code) != null ? _a : 500,
         message: error.error.message,
@@ -5133,47 +5429,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_runtime94.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime100.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_runtime94.jsx)(Card, { children: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Card, { children: /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
         "div",
         {
           className: "flex flex-col gap-6 antialiased",
           "data-testid": "ory/screen/error",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("header", { className: "flex flex-col gap-8 antialiased", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(ErrorLogo, { config }),
-              /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "flex flex-col gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("h2", { className: "text-lg font-semibold leading-normal text-interface-foreground-default-primary", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react_intl21.FormattedMessage, { id: "error.title.what-happened" }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("p", { className: "leading-normal text-interface-foreground-default-secondary", children: (_h = parsed.message) != null ? _h : description }),
-                parsed.reason && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("p", { className: "leading-normal text-interface-foreground-default-secondary", children: parsed.reason })
+            /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("header", { className: "flex flex-col gap-8 antialiased", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(ErrorLogo, { config }),
+              /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("h2", { className: "text-lg font-semibold leading-normal text-interface-foreground-default-primary", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_react_intl22.FormattedMessage, { id: "error.title.what-happened" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("p", { className: "leading-normal text-interface-foreground-default-secondary", children: (_h = parsed.message) != null ? _h : description }),
+                parsed.reason && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("p", { className: "leading-normal text-interface-foreground-default-secondary", children: parsed.reason })
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Divider, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "flex flex-col gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("h2", { className: "text-lg font-semibold leading-normal text-interface-foreground-default-primary", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react_intl21.FormattedMessage, { id: "error.title.what-can-i-do" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("p", { className: "leading-normal text-interface-foreground-default-secondary", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react_intl21.FormattedMessage, { id: "error.instructions" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { children: session ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(LoggedInActions, { config }) : /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(GoBackButton, { config }) })
+            /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Divider, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "flex flex-col gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("h2", { className: "text-lg font-semibold leading-normal text-interface-foreground-default-primary", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_react_intl22.FormattedMessage, { id: "error.title.what-can-i-do" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("p", { className: "leading-normal text-interface-foreground-default-secondary", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_react_intl22.FormattedMessage, { id: "error.instructions" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { children: session ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(LoggedInActions, { config }) : /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(GoBackButton, { config }) })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(Divider, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "font-normal leading-normal antialiased gap-2 flex flex-col", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "text-interface-foreground-default-primary text-sm", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react_intl21.FormattedMessage, { id: "error.footer.text" }) }),
-              parsed.id && /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("p", { className: "text-interface-foreground-default-secondary text-sm", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(Divider, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "font-normal leading-normal antialiased gap-2 flex flex-col", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: "text-interface-foreground-default-primary text-sm", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_react_intl22.FormattedMessage, { id: "error.footer.text" }) }),
+              parsed.id && /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("p", { className: "text-interface-foreground-default-secondary text-sm", children: [
                 "ID: ",
-                /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("code", { children: parsed.id })
+                /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("code", { children: parsed.id })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("p", { className: "text-interface-foreground-default-secondary text-sm", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("p", { className: "text-interface-foreground-default-secondary text-sm", children: [
                 "Time: ",
-                /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("code", { children: (_i = parsed.timestamp) == null ? void 0 : _i.toUTCString() })
+                /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("code", { children: (_i = parsed.timestamp) == null ? void 0 : _i.toUTCString() })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("p", { className: "text-interface-foreground-default-secondary text-sm", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("p", { className: "text-interface-foreground-default-secondary text-sm", children: [
                 "Message: ",
-                /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("code", { children: parsed.reason })
+                /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("code", { children: parsed.reason })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
                 "button",
                 {
                   className: "text-interface-foreground-default-primary underline",
@@ -5185,7 +5481,7 @@ ${parsed.reason ? `Message: ${parsed.reason}` : ""}
 `;
                     void navigator.clipboard.writeText(text);
                   },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react_intl21.FormattedMessage, { id: "error.footer.copy" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_react_intl22.FormattedMessage, { id: "error.footer.copy" })
                 }
               ) })
             ] })
@@ -5197,7 +5493,7 @@ ${parsed.reason ? `Message: ${parsed.reason}` : ""}
 }
 function LoggedInActions({ config }) {
   const logoutFlow = useClientLogout(config);
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
     "a",
     {
       href: logoutFlow == null ? void 0 : logoutFlow.logout_url,
@@ -5208,12 +5504,12 @@ function LoggedInActions({ config }) {
 }
 function GoBackButton({ config }) {
   if ("default_redirect_url" in config.project) {
-    return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
       "a",
       {
         className: "text-interface-foreground-default-primary underline",
         href: config.project.default_redirect_url,
-        children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react_intl21.FormattedMessage, { id: "error.action.go-back" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_react_intl22.FormattedMessage, { id: "error.action.go-back" })
       }
     );
   }
@@ -5221,15 +5517,15 @@ function GoBackButton({ config }) {
 }
 function ErrorLogo({ config }) {
   if (config.logoUrl) {
-    return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("img", { src: config.logoUrl, width: 100, height: 36, alt: "Logo" });
+    return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("img", { src: config.logoUrl, width: 100, height: 36, alt: "Logo" });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("h1", { className: "text-xl font-semibold leading-normal text-interface-foreground-default-primary", children: config.name });
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("h1", { className: "text-xl font-semibold leading-normal text-interface-foreground-default-primary", children: config.name });
 }
 
 // src/theme/default/flows/login.tsx
-var import_client_fetch35 = require("@ory/client-fetch");
-var import_elements_react19 = require("@ory/elements-react");
-var import_jsx_runtime95 = require("react/jsx-runtime");
+var import_client_fetch36 = require("@ory/client-fetch");
+var import_elements_react20 = require("@ory/elements-react");
+var import_jsx_runtime101 = require("react/jsx-runtime");
 function Login({
   flow,
   config,
@@ -5237,22 +5533,22 @@ function Login({
   components: flowOverrideComponents
 }) {
   const components = getOryComponents(flowOverrideComponents);
-  return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
-    import_elements_react19.OryProvider,
+  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
+    import_elements_react20.OryProvider,
     {
       config,
       flow,
-      flowType: import_client_fetch35.FlowType.Login,
+      flowType: import_client_fetch36.FlowType.Login,
       components,
-      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_elements_react19.OryTwoStepCard, {})
+      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_elements_react20.OryTwoStepCard, {})
     }
   );
 }
 
 // src/theme/default/flows/recovery.tsx
-var import_client_fetch36 = require("@ory/client-fetch");
-var import_elements_react20 = require("@ory/elements-react");
-var import_jsx_runtime96 = require("react/jsx-runtime");
+var import_client_fetch37 = require("@ory/client-fetch");
+var import_elements_react21 = require("@ory/elements-react");
+var import_jsx_runtime102 = require("react/jsx-runtime");
 function Recovery({
   flow,
   config,
@@ -5260,22 +5556,22 @@ function Recovery({
   components: flowOverrideComponents
 }) {
   const components = getOryComponents(flowOverrideComponents);
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
-    import_elements_react20.OryProvider,
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
+    import_elements_react21.OryProvider,
     {
       config,
       flow,
-      flowType: import_client_fetch36.FlowType.Recovery,
+      flowType: import_client_fetch37.FlowType.Recovery,
       components,
-      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_elements_react20.OryTwoStepCard, {})
+      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_elements_react21.OryTwoStepCard, {})
     }
   );
 }
 
 // src/theme/default/flows/registration.tsx
-var import_client_fetch37 = require("@ory/client-fetch");
-var import_elements_react21 = require("@ory/elements-react");
-var import_jsx_runtime97 = require("react/jsx-runtime");
+var import_client_fetch38 = require("@ory/client-fetch");
+var import_elements_react22 = require("@ory/elements-react");
+var import_jsx_runtime103 = require("react/jsx-runtime");
 function Registration({
   flow,
   children,
@@ -5283,22 +5579,22 @@ function Registration({
   config
 }) {
   const components = getOryComponents(flowOverrideComponents);
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
-    import_elements_react21.OryProvider,
+  return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+    import_elements_react22.OryProvider,
     {
       config,
       flow,
-      flowType: import_client_fetch37.FlowType.Registration,
+      flowType: import_client_fetch38.FlowType.Registration,
       components,
-      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_elements_react21.OryTwoStepCard, {})
+      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_elements_react22.OryTwoStepCard, {})
     }
   );
 }
 
 // src/theme/default/flows/settings.tsx
-var import_client_fetch38 = require("@ory/client-fetch");
-var import_elements_react22 = require("@ory/elements-react");
-var import_jsx_runtime98 = require("react/jsx-runtime");
+var import_client_fetch39 = require("@ory/client-fetch");
+var import_elements_react23 = require("@ory/elements-react");
+var import_jsx_runtime104 = require("react/jsx-runtime");
 function Settings({
   flow,
   config,
@@ -5306,25 +5602,25 @@ function Settings({
   components: flowOverrideComponents
 }) {
   const components = getOryComponents(flowOverrideComponents);
-  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
-    import_elements_react22.OryProvider,
+  return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+    import_elements_react23.OryProvider,
     {
       config,
       flow,
-      flowType: import_client_fetch38.FlowType.Settings,
+      flowType: import_client_fetch39.FlowType.Settings,
       components,
-      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_jsx_runtime98.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_elements_react22.HeadlessPageHeader, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_elements_react22.OrySettingsCard, {})
+      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, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_elements_react23.OrySettingsCard, {})
       ] })
     }
   );
 }
 
 // src/theme/default/flows/verification.tsx
-var import_client_fetch39 = require("@ory/client-fetch");
-var import_elements_react23 = require("@ory/elements-react");
-var import_jsx_runtime99 = require("react/jsx-runtime");
+var import_client_fetch40 = require("@ory/client-fetch");
+var import_elements_react24 = require("@ory/elements-react");
+var import_jsx_runtime105 = require("react/jsx-runtime");
 function Verification({
   flow,
   config,
@@ -5332,19 +5628,192 @@ function Verification({
   components: flowOverrideComponents
 }) {
   const components = getOryComponents(flowOverrideComponents);
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
-    import_elements_react23.OryProvider,
+  return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+    import_elements_react24.OryProvider,
+    {
+      config,
+      flow,
+      flowType: import_client_fetch40.FlowType.Verification,
+      components,
+      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_elements_react24.OryTwoStepCard, {})
+    }
+  );
+}
+
+// src/theme/default/flows/consent.tsx
+var import_client_fetch42 = 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 rememberCheckbox = {
+  type: "input",
+  group: "oauth2_consent",
+  meta: {
+    label: {
+      id: 9999111,
+      text: "Remember my decision",
+      type: import_client_fetch41.UiTextTypeEnum.Info
+    }
+  },
+  attributes: {
+    node_type: "input",
+    name: "remember",
+    value: false,
+    type: "checkbox",
+    disabled: false
+  },
+  messages: []
+};
+var acceptButton = {
+  type: "input",
+  group: "oauth2_consent",
+  meta: {
+    label: {
+      id: 9999111,
+      text: "Accept",
+      type: import_client_fetch41.UiTextTypeEnum.Info
+    }
+  },
+  attributes: {
+    node_type: "input",
+    name: "action",
+    value: "accept",
+    type: "submit",
+    disabled: false
+  },
+  messages: []
+};
+var rejectButton = {
+  type: "input",
+  group: "oauth2_consent",
+  meta: {
+    label: {
+      id: 9999111,
+      text: "Reject",
+      type: import_client_fetch41.UiTextTypeEnum.Info
+    }
+  },
+  attributes: {
+    node_type: "input",
+    name: "action",
+    value: "reject",
+    type: "submit",
+    disabled: false
+  },
+  messages: []
+};
+function translateConsentChallengeToUiNodes(consentChallenge, csrfToken, formAction, session) {
+  var _a;
+  const ui = {
+    action: formAction,
+    nodes: [
+      ...scopesToUiNodes((_a = consentChallenge.requested_scope) != null ? _a : []),
+      rememberCheckbox,
+      rejectButton,
+      acceptButton,
+      csrfTokenNode(csrfToken),
+      challengeNode(consentChallenge.challenge)
+    ],
+    method: "POST",
+    messages: []
+  };
+  return {
+    id: "UNSET",
+    created_at: /* @__PURE__ */ new Date(),
+    expires_at: /* @__PURE__ */ new Date(),
+    issued_at: /* @__PURE__ */ new Date(),
+    state: "show_form",
+    active: "oauth2_consent",
+    ui,
+    consent_request: consentChallenge,
+    session
+  };
+}
+function scopesToUiNodes(scopes) {
+  return scopes.map((scope) => ({
+    type: "input",
+    group: "oauth2_consent",
+    meta: {
+      label: {
+        id: 9999111,
+        text: scope,
+        type: import_client_fetch41.UiTextTypeEnum.Info
+      }
+    },
+    attributes: {
+      node_type: "input",
+      name: `grant_scope`,
+      value: scope,
+      type: "checkbox",
+      disabled: false
+    },
+    messages: []
+  }));
+}
+function csrfTokenNode(csrfToken) {
+  return {
+    type: "input",
+    group: "default",
+    meta: {},
+    attributes: {
+      node_type: "input",
+      name: "csrf_token",
+      value: csrfToken,
+      type: "hidden",
+      disabled: false
+    },
+    messages: []
+  };
+}
+function challengeNode(challenge) {
+  return {
+    type: "input",
+    group: "oauth2_consent",
+    meta: {},
+    attributes: {
+      node_type: "input",
+      name: "consent_challenge",
+      value: challenge,
+      type: "hidden",
+      disabled: false
+    },
+    messages: []
+  };
+}
+
+// src/theme/default/flows/consent.tsx
+var import_jsx_runtime106 = require("react/jsx-runtime");
+function Consent({
+  consentChallenge,
+  session,
+  config,
+  components: Passed,
+  children,
+  csrfToken,
+  formActionUrl
+}) {
+  const components = getOryComponents(Passed);
+  const flow = translateConsentChallengeToUiNodes(
+    consentChallenge,
+    csrfToken,
+    formActionUrl,
+    session
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+    import_elements_react25.OryProvider,
     {
       config,
       flow,
-      flowType: import_client_fetch39.FlowType.Verification,
+      flowType: import_client_fetch42.FlowType.OAuth2Consent,
       components,
-      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_elements_react23.OryTwoStepCard, {})
+      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_elements_react25.OryConsentCard, {})
     }
   );
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  Consent,
   DefaultButtonSocial,
   DefaultCard,
   DefaultCardContent,