@ory/elements-react 1.2.0-rc.0 → 1.2.0-rc.1

package/dist/theme/default/index.js

@@ -91,12 +91,12 @@ function DefaultCardContent({ children }) {
 }
 
 // src/theme/default/components/card/footer.tsx
-var import_client_fetch29 = require("@ory/client-fetch");
+var import_client_fetch31 = require("@ory/client-fetch");
 var import_elements_react3 = require("@ory/elements-react");
-var import_react_intl10 = require("react-intl");
+var import_react_intl11 = require("react-intl");
 
 // src/components/card/two-step/state-select-method.tsx
-var import_client_fetch28 = require("@ory/client-fetch");
+var import_client_fetch30 = require("@ory/client-fetch");
 
 // src/context/component.tsx
 var import_client_fetch = require("@ory/client-fetch");
@@ -108,6 +108,13 @@ var ComponentContext = (0, import_react.createContext)({
   nodeSorter: () => 0,
   groupSorter: () => 0
 });
+function useComponents() {
+  const ctx = (0, import_react.useContext)(ComponentContext);
+  if (!ctx) {
+    throw new Error("useComponents must be used within a ComponentProvider");
+  }
+  return ctx.components;
+}
 var defaultGroupOrder = [
   import_client_fetch.UiNodeGroupEnum.Default,
   import_client_fetch.UiNodeGroupEnum.Profile,
@@ -139,6 +146,33 @@ function isGroupImmediateSubmit(group) {
 var import_client_fetch2 = require("@ory/client-fetch");
 var import_client_fetch3 = require("@ory/client-fetch");
 var import_react2 = require("react");
+function triggerToWindowCall(trigger) {
+  if (!trigger) {
+    return;
+  }
+  const fn = triggerToFunction(trigger);
+  if (fn) {
+    fn();
+    return;
+  }
+  let i = 0;
+  const ms = 100;
+  const interval = setInterval(() => {
+    i++;
+    if (i > 100) {
+      clearInterval(interval);
+      throw new Error(
+        "Unable to load Ory's WebAuthn script. Is it being blocked or otherwise failing to load? If you are running an old version of Ory Elements, please upgrade. For more information, please check your browser's developer console."
+      );
+    }
+    const fn2 = triggerToFunction(trigger);
+    if (fn2) {
+      clearInterval(interval);
+      return fn2();
+    }
+  }, ms);
+  return;
+}
 function triggerToFunction(trigger) {
   if (typeof window === "undefined") {
     console.debug(
@@ -269,8 +303,8 @@ var OryConfigurationContext = (0, import_react5.createContext)({
 });
 
 // src/context/intl-context.tsx
-var import_react8 = require("react");
-var import_react_intl8 = require("react-intl");
+var import_react12 = require("react");
+var import_react_intl9 = require("react-intl");
 
 // src/components/form/form.tsx
 var import_client_fetch16 = require("@ory/client-fetch");
@@ -312,8 +346,7 @@ var import_jsx_runtime7 = require("react/jsx-runtime");
 var import_jsx_runtime8 = require("react/jsx-runtime");
 
 // src/components/form/social.tsx
-var import_client_fetch19 = require("@ory/client-fetch");
-var import_react_hook_form4 = require("react-hook-form");
+var import_client_fetch23 = require("@ory/client-fetch");
 
 // src/components/form/form-provider.tsx
 var import_client_fetch18 = require("@ory/client-fetch");
@@ -325,67 +358,190 @@ var import_client_fetch17 = require("@ory/client-fetch");
 // src/components/form/form-provider.tsx
 var import_jsx_runtime9 = require("react/jsx-runtime");
 
-// src/components/form/social.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+// src/components/form/nodes/node.tsx
+var import_client_fetch22 = require("@ory/client-fetch");
 
-// src/components/form/settings-section.tsx
-var import_react_hook_form5 = require("react-hook-form");
-var import_jsx_runtime11 = require("react/jsx-runtime");
+// src/util/utilFixSDKTypesHelper.ts
+function isUiNodeInput(node) {
+  return node.type === "input";
+}
+function isUiNodeImage(node) {
+  return node.type === "img";
+}
+function isUiNodeAnchor(node) {
+  return node.type === "a";
+}
+function isUiNodeText(node) {
+  return node.type === "text";
+}
+function isUiNodeScript(node) {
+  return node.type === "script";
+}
 
-// src/components/generic/divider.tsx
-var import_client_fetch20 = require("@ory/client-fetch");
-var import_jsx_runtime12 = require("react/jsx-runtime");
+// src/components/form/nodes/input.tsx
+var import_client_fetch21 = require("@ory/client-fetch");
+var import_react9 = require("react");
+var import_react_hook_form10 = require("react-hook-form");
 
-// src/components/generic/page-header.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
+// src/components/form/nodes/renderer/consent-checkbox-renderer.tsx
+var import_react6 = require("react");
+var import_react_hook_form4 = require("react-hook-form");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function ConsentCheckboxRenderer({ node }) {
+  const attributes = node.attributes;
+  const { Node: Node5 } = useComponents();
+  const { setValue, watch, formState } = (0, import_react_hook_form4.useFormContext)();
+  const scopes = watch("grant_scope");
+  const checked = (0, import_react6.useMemo)(() => {
+    if (Array.isArray(scopes)) {
+      return scopes.includes(attributes.value);
+    }
+    return false;
+  }, [scopes, attributes.value]);
+  const handleScopeChange = (checked2) => {
+    const scopes2 = watch("grant_scope");
+    if (Array.isArray(scopes2)) {
+      if (checked2) {
+        setValue(
+          "grant_scope",
+          Array.from(/* @__PURE__ */ new Set([...scopes2, attributes.value]))
+        );
+      } else {
+        setValue(
+          "grant_scope",
+          scopes2.filter((scope) => scope !== attributes.value)
+        );
+      }
+    }
+  };
+  const inputProps = {
+    value: attributes.value,
+    checked: checked === true,
+    disabled: attributes.disabled || !formState.isReady,
+    name: attributes.name
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    Node5.ConsentScopeCheckbox,
+    {
+      attributes,
+      node,
+      inputProps,
+      onCheckedChange: handleScopeChange
+    }
+  );
+}
 
-// src/components/settings/settings-card.tsx
-var import_client_fetch23 = require("@ory/client-fetch");
-var import_react7 = require("react");
-var import_react_intl7 = require("react-intl");
-var import_sonner2 = require("sonner");
+// src/components/form/nodes/node-button.tsx
+var import_client_fetch20 = require("@ory/client-fetch");
 
-// src/util/showToast.tsx
-var import_sonner = require("sonner");
-var import_jsx_runtime14 = require("react/jsx-runtime");
+// src/components/form/nodes/renderer/button-renderer.tsx
+var import_react7 = require("react");
+var import_react_hook_form5 = require("react-hook-form");
+var import_usehooks_ts = require("usehooks-ts");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+function ButtonRenderer({ node }) {
+  const { Node: Node5 } = useComponents();
+  const { formState, setValue } = (0, import_react_hook_form5.useFormContext)();
+  const [clicked, setClicked] = (0, import_usehooks_ts.useDebounceValue)(false, 100);
+  const handleClick = (0, import_react7.useCallback)(() => {
+    setValue(node.attributes.name, node.attributes.value);
+    setClicked(true);
+    if (node.attributes.onclickTrigger) {
+      triggerToWindowCall(node.attributes.onclickTrigger);
+    }
+  }, [node.attributes, setValue, setClicked]);
+  const buttonProps = {
+    type: node.attributes.type === "submit" ? "submit" : "button",
+    name: node.attributes.name,
+    value: node.attributes.value,
+    onClick: handleClick,
+    disabled: node.attributes.disabled || !formState.isReady || formState.isSubmitting
+  };
+  (0, import_react7.useEffect)(() => {
+    if (!formState.isSubmitting) {
+      setClicked(false);
+    }
+  }, [formState.isSubmitting, setClicked]);
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    Node5.Button,
+    {
+      attributes: node.attributes,
+      node,
+      buttonProps,
+      isSubmitting: clicked
+    }
+  );
+}
 
-// src/components/form/nodes/input.tsx
-var import_client_fetch21 = require("@ory/client-fetch");
-var import_react6 = require("react");
+// src/components/form/nodes/renderer/checkbox-renderer.tsx
 var import_react_hook_form6 = require("react-hook-form");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+function CheckboxRenderer({ node }) {
+  const attributes = node.attributes;
+  const { Node: Node5 } = useComponents();
+  const controller = (0, import_react_hook_form6.useController)({
+    name: attributes.name,
+    defaultValue: attributes.value,
+    disabled: attributes.disabled
+  });
+  const inputProps = {
+    ...controller.field,
+    type: "checkbox",
+    value: controller.field.value === true ? "true" : "false",
+    checked: controller.field.value === true,
+    disabled: attributes.disabled || !controller.formState.isReady
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    Node5.Label,
+    {
+      attributes: { ...attributes, label: void 0 },
+      node: { ...node, meta: { ...node.meta, label: void 0 } },
+      fieldError: controller.fieldState.error,
+      children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        Node5.Checkbox,
+        {
+          attributes,
+          node,
+          inputProps,
+          onClick: () => {
+          }
+        }
+      )
+    }
+  );
+}
 
-// src/components/form/nodes/node.tsx
-var import_client_fetch22 = require("@ory/client-fetch");
-var import_jsx_runtime16 = require("react/jsx-runtime");
+// src/components/form/nodes/renderer/image-renderer.tsx
+var import_jsx_runtime13 = require("react/jsx-runtime");
+function ImageRenderer({ node }) {
+  const { Node: Node5 } = useComponents();
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Node5.Image, { node, attributes: node.attributes });
+}
 
-// src/components/settings/oidc-settings.tsx
+// src/components/form/nodes/renderer/input-renderer.tsx
+var import_client_fetch19 = require("@ory/client-fetch");
 var import_react_intl2 = require("react-intl");
-var import_react_hook_form7 = require("react-hook-form");
-var import_jsx_runtime17 = require("react/jsx-runtime");
-
-// src/components/settings/passkey-settings.tsx
 var import_react_hook_form8 = require("react-hook-form");
-var import_react_intl3 = require("react-intl");
-var import_jsx_runtime18 = require("react/jsx-runtime");
-
-// src/components/settings/recovery-codes-settings.tsx
-var import_react_intl4 = require("react-intl");
-var import_react_hook_form9 = require("react-hook-form");
-var import_jsx_runtime19 = require("react/jsx-runtime");
-
-// src/components/settings/totp-settings.tsx
-var import_react_hook_form10 = require("react-hook-form");
-var import_react_intl5 = require("react-intl");
-var import_jsx_runtime20 = require("react/jsx-runtime");
-
-// src/components/settings/webauthn-settings.tsx
-var import_react_hook_form11 = require("react-hook-form");
-var import_react_intl6 = require("react-intl");
-var import_jsx_runtime21 = require("react/jsx-runtime");
 
-// src/components/settings/settings-card.tsx
-var import_jsx_runtime22 = require("react/jsx-runtime");
+// src/util/nodes.ts
+function findScreenSelectionButton(nodes) {
+  return nodes.find(
+    (node) => node.attributes.node_type === "input" && node.attributes.type === "submit" && node.attributes.name === "screen"
+  );
+}
+function isDynamicText(text) {
+  return text.id === 1070002 && !!text.context && "name" in text.context && typeof text.context["name"] === "string";
+}
+function resolveLabel(text, intl) {
+  if (isDynamicText(text)) {
+    const field = text.context.name;
+    return intl.formatMessage({
+      id: `forms.label.${field}`,
+      defaultMessage: text.text
+    });
+  }
+  return uiTextToFormattedMessage(text, intl);
+}
 
 // src/util/i18n/index.ts
 var uiTextToFormattedMessage = ({ id, context = {}, text }, intl) => {
@@ -442,6 +598,338 @@ var uiTextToFormattedMessage = ({ id, context = {}, text }, intl) => {
     contextInjectedMessage
   );
 };
+function resolvePlaceholder(text, intl) {
+  const fallback = intl.formatMessage(
+    {
+      id: "input.placeholder",
+      defaultMessage: "Enter your {placeholder}"
+    },
+    {
+      placeholder: uiTextToFormattedMessage(text, intl)
+    }
+  );
+  if (isDynamicText(text)) {
+    const field = text.context.name;
+    return intl.formatMessage({
+      id: `forms.input.placeholder.${field}`,
+      defaultMessage: fallback
+    });
+  }
+  return fallback;
+}
+
+// src/components/form/nodes/hooks/useInputProps.tsx
+var import_react_hook_form7 = require("react-hook-form");
+function useInputProps(attributes, placeholder) {
+  const controller = (0, import_react_hook_form7.useController)({
+    name: attributes.name,
+    control: void 0,
+    disabled: attributes.disabled,
+    shouldUnregister: true
+    // TODO: consider adding rules based on attributes.required, attributes.pattern, etc.
+  });
+  const handleClick = () => {
+    if (attributes.onclickTrigger) {
+      triggerToWindowCall(attributes.onclickTrigger);
+    }
+  };
+  return {
+    ...controller.field,
+    type: attributes.type,
+    onClick: handleClick,
+    maxLength: attributes.maxlength,
+    autoComplete: attributes.autocomplete,
+    placeholder: placeholder || "",
+    disabled: attributes.disabled || !controller.formState.isReady
+  };
+}
+
+// src/components/form/nodes/renderer/input-renderer.tsx
+var import_jsx_runtime14 = require("react/jsx-runtime");
+function InputRenderer({ node }) {
+  const { Node: Node5 } = useComponents();
+  const label = (0, import_client_fetch19.getNodeLabel)(node);
+  const intl = (0, import_react_intl2.useIntl)();
+  const formState = (0, import_react_hook_form8.useFormState)();
+  const attributes = node.attributes;
+  const placeholder = label ? resolvePlaceholder(label, intl) : "";
+  const inputProps = useInputProps(attributes, placeholder);
+  const isPinCodeInput = attributes.name === "code" && node.group === "code" || attributes.name === "totp_code" && node.group === "totp";
+  const InputComponent = isPinCodeInput ? Node5.CodeInput : Node5.Input;
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    Node5.Label,
+    {
+      attributes,
+      node,
+      fieldError: formState.errors[attributes.name],
+      children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        InputComponent,
+        {
+          attributes,
+          node,
+          onClick: inputProps.onClick,
+          inputProps
+        }
+      )
+    }
+  );
+}
+
+// src/components/form/nodes/renderer/sso-button-renderer.tsx
+var import_react8 = require("react");
+var import_react_hook_form9 = require("react-hook-form");
+var import_usehooks_ts2 = require("usehooks-ts");
+var import_jsx_runtime15 = require("react/jsx-runtime");
+function extractProvider(context) {
+  if (context && typeof context === "object" && "provider" in context && typeof context.provider === "string") {
+    return context.provider;
+  }
+  return void 0;
+}
+function SSOButtonRenderer({ node }) {
+  var _a, _b;
+  const { Node: Node5 } = useComponents();
+  const attributes = node.attributes;
+  const {
+    setValue,
+    formState: { isSubmitting, isReady }
+  } = (0, import_react_hook_form9.useFormContext)();
+  const [clicked, setClicked] = (0, import_usehooks_ts2.useDebounceValue)(false, 100);
+  (0, import_react8.useEffect)(() => {
+    if (!isSubmitting) {
+      setClicked(false);
+    }
+  }, [isSubmitting, setClicked]);
+  const clickHandler = (0, import_react8.useCallback)(() => {
+    setValue("provider", attributes.value);
+    setValue("method", node.group);
+    setClicked(true);
+  }, [setValue, attributes.value, node.group, setClicked]);
+  const buttonProps = {
+    type: "submit",
+    name: attributes.name,
+    value: attributes.value,
+    onClick: clickHandler,
+    disabled: attributes.disabled || !isReady || isSubmitting
+  };
+  const provider = (_b = extractProvider((_a = node.meta.label) == null ? void 0 : _a.context)) != null ? _b : "";
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    Node5.SsoButton,
+    {
+      node,
+      attributes,
+      buttonProps,
+      provider,
+      isSubmitting: clicked
+    }
+  );
+}
+
+// src/components/form/nodes/renderer/text-renderer.tsx
+var import_jsx_runtime16 = require("react/jsx-runtime");
+function TextRenderer({ node }) {
+  const { Node: Node5 } = useComponents();
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Node5.Text, { node, attributes: node.attributes });
+}
+
+// src/components/form/nodes/renderer/index.ts
+var NodeRenderer = {
+  Button: ButtonRenderer,
+  SsoButton: SSOButtonRenderer,
+  ConsentCheckbox: ConsentCheckboxRenderer,
+  Input: InputRenderer,
+  Checkbox: CheckboxRenderer,
+  Image: ImageRenderer,
+  Text: TextRenderer
+};
+
+// src/components/form/nodes/node-button.tsx
+var import_jsx_runtime17 = require("react/jsx-runtime");
+function NodeButton({ node }) {
+  var _a;
+  const isResendNode = ((_a = node.meta.label) == null ? void 0 : _a.id) === 1070008;
+  const isScreenSelectionNode = "name" in node.attributes && node.attributes.name === "screen";
+  if (isResendNode || isScreenSelectionNode) {
+    return null;
+  }
+  if (node.group === "oauth2_consent") {
+    return null;
+  }
+  const isSocial = (node.attributes.name === "provider" || node.attributes.name === "link") && (node.group === import_client_fetch20.UiNodeGroupEnum.Oidc || node.group === import_client_fetch20.UiNodeGroupEnum.Saml);
+  if (isSocial) {
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(NodeRenderer.SsoButton, { node });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(NodeRenderer.Button, { node });
+}
+
+// src/components/form/nodes/renderer/hidden-input-renderer.tsx
+var import_jsx_runtime18 = require("react/jsx-runtime");
+function HiddenInputRenderer({ node }) {
+  const { Node: Node5 } = useComponents();
+  const attributes = node.attributes;
+  const inputProps = useInputProps(attributes);
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    Node5.Input,
+    {
+      inputProps,
+      attributes,
+      node,
+      onClick: () => {
+      }
+    }
+  );
+}
+
+// src/components/form/nodes/input.tsx
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var NodeInput = ({
+  node,
+  attributes
+}) => {
+  var _a;
+  const { setValue } = (0, import_react_hook_form10.useFormContext)();
+  const {
+    onloadTrigger,
+    // These properties do not exist on input fields so we remove them (as we already have handled them).
+    onclick: _ignoredOnclick,
+    onload: _ignoredOnload,
+    //
+    ...attrs
+  } = attributes;
+  const isResendNode = ((_a = node.meta.label) == null ? void 0 : _a.id) === 1070008;
+  const isScreenSelectionNode = "name" in node.attributes && node.attributes.name === "screen";
+  const setFormValue = () => {
+    if (attrs.value && !(isResendNode || isScreenSelectionNode || node.group === import_client_fetch21.UiNodeGroupEnum.Oauth2Consent)) {
+      setValue(attrs.name, attrs.value);
+    }
+  };
+  const hasRun = (0, import_react9.useRef)(false);
+  (0, import_react9.useEffect)(
+    () => {
+      setFormValue();
+      if (!hasRun.current && onloadTrigger) {
+        hasRun.current = true;
+        triggerToWindowCall(onloadTrigger);
+      }
+    },
+    // TODO(jonas): make sure onloadTrigger is stable
+    // eslint-disable-next-line react-hooks/exhaustive-deps -- ignore onloadTrigger for now, until we make sure this is stable
+    []
+  );
+  switch (attributes.type) {
+    case import_client_fetch21.UiNodeInputAttributesTypeEnum.Submit:
+    case import_client_fetch21.UiNodeInputAttributesTypeEnum.Button: {
+      return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(NodeButton, { node });
+    }
+    case import_client_fetch21.UiNodeInputAttributesTypeEnum.DatetimeLocal:
+      throw new Error("Not implemented");
+    case import_client_fetch21.UiNodeInputAttributesTypeEnum.Checkbox:
+      if (node.group === "oauth2_consent" && node.attributes.node_type === "input") {
+        switch (node.attributes.name) {
+          case "grant_scope":
+            return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ConsentCheckboxRenderer, { node });
+          default:
+            return null;
+        }
+      }
+      return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CheckboxRenderer, { node });
+    case import_client_fetch21.UiNodeInputAttributesTypeEnum.Hidden:
+      return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(HiddenInputRenderer, { node });
+    default:
+      return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(InputRenderer, { node });
+  }
+};
+
+// src/components/form/nodes/node.tsx
+var import_jsx_runtime20 = require("react/jsx-runtime");
+var ignoredScriptGroups = ["captcha"];
+var NodeBase = ({ node }) => {
+  const { Node: Node5 } = useComponents();
+  if (node.group === import_client_fetch22.UiNodeGroupEnum.Captcha) {
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Node5.Captcha, { node });
+  }
+  if (isUiNodeImage(node)) {
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(NodeRenderer.Image, { node });
+  } else if (isUiNodeText(node)) {
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(NodeRenderer.Text, { node });
+  } else if (isUiNodeInput(node)) {
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(NodeInput, { node, attributes: node.attributes });
+  } else if (isUiNodeAnchor(node)) {
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Node5.Anchor, { attributes: node.attributes, node });
+  } else if (isUiNodeScript(node) && !ignoredScriptGroups.includes(node.group)) {
+    const {
+      crossorigin,
+      referrerpolicy,
+      node_type: _nodeType,
+      ...attributes
+    } = node.attributes;
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      "script",
+      {
+        crossOrigin: crossorigin,
+        referrerPolicy: referrerpolicy,
+        ...attributes
+      }
+    );
+  }
+  return null;
+};
+var Node = Object.assign(NodeBase, NodeRenderer);
+
+// src/components/form/social.tsx
+var import_jsx_runtime21 = require("react/jsx-runtime");
+
+// src/components/form/settings-section.tsx
+var import_react_hook_form11 = require("react-hook-form");
+var import_jsx_runtime22 = require("react/jsx-runtime");
+
+// src/components/form/useResendCode.ts
+var import_react10 = require("react");
+
+// src/components/generic/divider.tsx
+var import_client_fetch24 = require("@ory/client-fetch");
+var import_jsx_runtime23 = require("react/jsx-runtime");
+
+// src/components/generic/page-header.tsx
+var import_jsx_runtime24 = require("react/jsx-runtime");
+
+// src/components/settings/settings-card.tsx
+var import_client_fetch25 = require("@ory/client-fetch");
+var import_react11 = require("react");
+var import_react_intl8 = require("react-intl");
+var import_sonner2 = require("sonner");
+
+// src/util/showToast.tsx
+var import_sonner = require("sonner");
+var import_jsx_runtime25 = require("react/jsx-runtime");
+
+// src/components/settings/oidc-settings.tsx
+var import_react_hook_form12 = require("react-hook-form");
+var import_react_intl3 = require("react-intl");
+var import_jsx_runtime26 = require("react/jsx-runtime");
+
+// src/components/settings/passkey-settings.tsx
+var import_react_hook_form13 = require("react-hook-form");
+var import_react_intl4 = require("react-intl");
+var import_jsx_runtime27 = require("react/jsx-runtime");
+
+// src/components/settings/recovery-codes-settings.tsx
+var import_react_hook_form14 = require("react-hook-form");
+var import_react_intl5 = require("react-intl");
+var import_jsx_runtime28 = require("react/jsx-runtime");
+
+// src/components/settings/totp-settings.tsx
+var import_react_hook_form15 = require("react-hook-form");
+var import_react_intl6 = require("react-intl");
+var import_jsx_runtime29 = require("react/jsx-runtime");
+
+// src/components/settings/webauthn-settings.tsx
+var import_react_hook_form16 = require("react-hook-form");
+var import_react_intl7 = require("react-intl");
+var import_jsx_runtime30 = require("react/jsx-runtime");
+
+// src/components/settings/settings-card.tsx
+var import_jsx_runtime31 = require("react/jsx-runtime");
 
 // src/locales/af.json
 var af_default = {
@@ -25265,7 +25753,7 @@ var OryLocales = Object.freeze({
 });
 
 // src/context/intl-context.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 function mergeTranslations(locale, customTranslations) {
   return Object.keys(customTranslations).reduce((acc, key) => {
     var _a;
@@ -25281,104 +25769,84 @@ var IntlProvider = ({
   customTranslations
 }) => {
   var _a;
-  const existingIntlContext = (0, import_react8.useContext)(import_react_intl8.IntlContext);
+  const existingIntlContext = (0, import_react12.useContext)(import_react_intl9.IntlContext);
   const messages = mergeTranslations(locale, (_a = customTranslations == null ? void 0 : customTranslations[locale]) != null ? _a : {});
   if (existingIntlContext) {
     return children;
   }
-  const cache = (0, import_react_intl8.createIntlCache)();
-  const intl = (0, import_react_intl8.createIntl)({ locale, messages }, cache);
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_intl8.RawIntlProvider, { value: intl, children });
+  const cache = (0, import_react_intl9.createIntlCache)();
+  const intl = (0, import_react_intl9.createIntl)({ locale, messages }, cache);
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react_intl9.RawIntlProvider, { value: intl, children });
 };
 
 // src/context/provider.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 
 // src/components/card/header.tsx
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 
 // src/components/card/card.tsx
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 
 // src/components/card/footer.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 
 // src/components/card/content.tsx
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 
 // src/components/card/card-two-step.tsx
-var import_client_fetch26 = require("@ory/client-fetch");
+var import_client_fetch28 = require("@ory/client-fetch");
 
 // src/components/card/two-step/state-method-active.tsx
-var import_client_fetch24 = require("@ory/client-fetch");
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_client_fetch26 = require("@ory/client-fetch");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 
 // src/components/card/two-step/state-provide-identifier.tsx
-var import_client_fetch25 = require("@ory/client-fetch");
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_client_fetch27 = require("@ory/client-fetch");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 
 // src/components/card/card-two-step.tsx
 var import_elements_react = require("@ory/elements-react");
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 
 // src/components/card/card-consent.tsx
-var import_client_fetch27 = require("@ory/client-fetch");
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_client_fetch29 = require("@ory/client-fetch");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 
 // src/components/card/two-step/state-select-method.tsx
-var import_react_intl9 = require("react-intl");
+var import_react_intl10 = require("react-intl");
 
 // src/components/card/two-step/list-methods.tsx
 var import_elements_react2 = require("@ory/elements-react");
-var import_react_hook_form12 = require("react-hook-form");
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_react_hook_form17 = require("react-hook-form");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 
 // src/components/card/two-step/state-select-method.tsx
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 function toAuthMethodPickerOptions(visibleGroups) {
   return Object.fromEntries(
-    Object.values(import_client_fetch28.UiNodeGroupEnum).filter((group) => {
+    Object.values(import_client_fetch30.UiNodeGroupEnum).filter((group) => {
       var _a;
       return (_a = visibleGroups[group]) == null ? void 0 : _a.length;
     }).filter(
       (group) => ![
-        import_client_fetch28.UiNodeGroupEnum.Oidc,
-        import_client_fetch28.UiNodeGroupEnum.Saml,
-        import_client_fetch28.UiNodeGroupEnum.Default,
-        import_client_fetch28.UiNodeGroupEnum.IdentifierFirst,
-        import_client_fetch28.UiNodeGroupEnum.Profile,
-        import_client_fetch28.UiNodeGroupEnum.Captcha
+        import_client_fetch30.UiNodeGroupEnum.Oidc,
+        import_client_fetch30.UiNodeGroupEnum.Saml,
+        import_client_fetch30.UiNodeGroupEnum.Default,
+        import_client_fetch30.UiNodeGroupEnum.IdentifierFirst,
+        import_client_fetch30.UiNodeGroupEnum.Profile,
+        import_client_fetch30.UiNodeGroupEnum.Captcha
       ].includes(group)
     ).map((g) => [g, {}])
   );
 }
 
-// src/util/nodes.ts
-function findScreenSelectionButton(nodes) {
-  return nodes.find(
-    (node) => node.attributes.node_type === "input" && node.attributes.type === "submit" && node.attributes.name === "screen"
-  );
-}
-function isDynamicText(text) {
-  return text.id === 1070002 && !!text.context && "name" in text.context && typeof text.context["name"] === "string";
-}
-function resolveLabel(text, intl) {
-  if (isDynamicText(text)) {
-    const field = text.context.name;
-    return intl.formatMessage({
-      id: `forms.label.${field}`,
-      defaultMessage: text.text
-    });
-  }
-  return uiTextToFormattedMessage(text, intl);
-}
-
 // src/theme/default/utils/logout.ts
-var import_react9 = require("react");
+var import_react13 = require("react");
 function useClientLogout(config) {
-  const [logoutFlow, setLogoutFlow] = (0, import_react9.useState)();
-  const [isLoading, setIsLoading] = (0, import_react9.useState)(true);
-  const fetchLogoutFlow = (0, import_react9.useCallback)(async () => {
+  const [logoutFlow, setLogoutFlow] = (0, import_react13.useState)();
+  const [isLoading, setIsLoading] = (0, import_react13.useState)(true);
+  const fetchLogoutFlow = (0, import_react13.useCallback)(async () => {
     try {
       const flow = await frontendClient(config.sdk.url).createBrowserLogoutFlow().catch((err) => {
         var _a;
@@ -25392,7 +25860,7 @@ function useClientLogout(config) {
       setIsLoading(false);
     }
   }, [config.sdk.url]);
-  (0, import_react9.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     void fetchLogoutFlow();
   }, [fetchLogoutFlow]);
   return { logoutFlow, didLoad: !isLoading };
@@ -25440,20 +25908,20 @@ function appendReturnToAndIdentitySchema(url, returnTo, identitySchema) {
 }
 
 // src/theme/default/components/card/footer.tsx
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 function DefaultCardFooter() {
   const oryFlow = (0, import_elements_react3.useOryFlow)();
   switch (oryFlow.flowType) {
-    case import_client_fetch29.FlowType.Login:
-      return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(LoginCardFooter, { flow: oryFlow.flow });
-    case import_client_fetch29.FlowType.Registration:
-      return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(RegistrationCardFooter, {});
-    case import_client_fetch29.FlowType.Recovery:
-      return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(RecoveryCardFooter, {});
-    case import_client_fetch29.FlowType.Verification:
-      return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(VerificationCardFooter, {});
-    case import_client_fetch29.FlowType.OAuth2Consent:
-      return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(ConsentCardFooter, { flow: oryFlow.flow });
+    case import_client_fetch31.FlowType.Login:
+      return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(LoginCardFooter, { flow: oryFlow.flow });
+    case import_client_fetch31.FlowType.Registration:
+      return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(RegistrationCardFooter, {});
+    case import_client_fetch31.FlowType.Recovery:
+      return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(RecoveryCardFooter, {});
+    case import_client_fetch31.FlowType.Verification:
+      return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(VerificationCardFooter, {});
+    case import_client_fetch31.FlowType.OAuth2Consent:
+      return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(ConsentCardFooter, { flow: oryFlow.flow });
     default:
       return null;
   }
@@ -25478,7 +25946,7 @@ function shouldShowLogoutButton(flow, formState, authMethods) {
 function LoginCardFooter({ flow }) {
   const { dispatchFormState, formState } = (0, import_elements_react3.useOryFlow)();
   const config = (0, import_elements_react3.useOryConfiguration)();
-  const intl = (0, import_react_intl10.useIntl)();
+  const intl = (0, import_react_intl11.useIntl)();
   const authMethods = nodesToAuthMethodGroups(flow.ui.nodes);
   let returnTo = config.project.default_redirect_url;
   if (flow.return_to) {
@@ -25487,20 +25955,20 @@ function LoginCardFooter({ flow }) {
   if (!returnTo) {
     returnTo = restartFlowUrl(
       flow,
-      `${config.sdk.url}/self-service/${import_client_fetch29.FlowType.Login}/browser`
+      `${config.sdk.url}/self-service/${import_client_fetch31.FlowType.Login}/browser`
     );
   }
   if (shouldShowLogoutButton(flow, formState, authMethods)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(LogoutButton, { returnTo });
+    return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(LogoutButton, { returnTo });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
-    formState.current === "provide_identifier" && config.project.registration_enabled && /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { className: "leading-normal font-normal text-interface-foreground-default-primary antialiased", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
+    formState.current === "provide_identifier" && config.project.registration_enabled && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("span", { className: "leading-normal font-normal text-interface-foreground-default-primary antialiased", children: [
       intl.formatMessage({
         id: "login.registration-label",
         defaultMessage: "No account?"
       }),
       " ",
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
         "a",
         {
           className: "text-button-link-brand-brand underline transition-colors hover:text-button-link-brand-brand-hover",
@@ -25513,7 +25981,7 @@ function LoginCardFooter({ flow }) {
         }
       )
     ] }),
-    authMethods.length > 1 && formState.current === "method_active" && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "leading-normal font-normal text-interface-foreground-default-primary antialiased", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    authMethods.length > 1 && formState.current === "method_active" && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "leading-normal font-normal text-interface-foreground-default-primary antialiased", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
       "button",
       {
         className: "text-button-link-brand-brand underline transition-colors hover:text-button-link-brand-brand-hover",
@@ -25528,7 +25996,7 @@ function LoginCardFooter({ flow }) {
         })
       }
     ) }),
-    authMethods.length === 1 && authMethods[0] === "code" && formState.current === "method_active" && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "leading-normal font-normal text-interface-foreground-default-primary antialiased", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    authMethods.length === 1 && authMethods[0] === "code" && formState.current === "method_active" && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "leading-normal font-normal text-interface-foreground-default-primary antialiased", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
       "a",
       {
         className: "text-button-link-brand-brand underline transition-colors hover:text-button-link-brand-brand-hover",
@@ -25543,14 +26011,14 @@ function LoginCardFooter({ flow }) {
 }
 function LogoutButton({ returnTo }) {
   const config = (0, import_elements_react3.useOryConfiguration)();
-  const intl = (0, import_react_intl10.useIntl)();
+  const intl = (0, import_react_intl11.useIntl)();
   const { logoutFlow: logout, didLoad: didLoadLogout } = useClientLogout(config);
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { className: "leading-normal font-normal text-interface-foreground-default-primary antialiased", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("span", { className: "leading-normal font-normal text-interface-foreground-default-primary antialiased", children: [
     intl.formatMessage({
       id: "login.2fa.go-back"
     }),
     " ",
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
       "a",
       {
         className: "text-button-link-brand-brand underline transition-colors hover:text-button-link-brand-brand-hover",
@@ -25567,7 +26035,7 @@ function LogoutButton({ returnTo }) {
   ] });
 }
 function RegistrationCardFooter() {
-  const intl = (0, import_react_intl10.useIntl)();
+  const intl = (0, import_react_intl11.useIntl)();
   const { flow, formState, dispatchFormState } = (0, import_elements_react3.useOryFlow)();
   const config = (0, import_elements_react3.useOryConfiguration)();
   const visibleGroups = useNodeGroupsWithVisibleNodes(flow.ui.nodes);
@@ -25578,7 +26046,7 @@ function RegistrationCardFooter() {
       if (!screenSelectionNode || Object.entries(authMethodBlocks).length < 2) {
         return null;
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "leading-normal font-normal text-interface-foreground-default-primary antialiased", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "leading-normal font-normal text-interface-foreground-default-primary antialiased", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
         "button",
         {
           className: "text-button-link-brand-brand underline transition-colors hover:text-button-link-brand-brand-hover",
@@ -25597,13 +26065,13 @@ function RegistrationCardFooter() {
       ) });
     case "select_method":
     default:
-      return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { className: "leading-normal font-normal text-interface-foreground-default-primary antialiased", children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("span", { className: "leading-normal font-normal text-interface-foreground-default-primary antialiased", children: [
         intl.formatMessage({
           id: "registration.login-label",
           defaultMessage: "Already have an account?"
         }),
         " ",
-        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
           "a",
           {
             className: "text-button-link-brand-brand underline transition-colors hover:text-button-link-brand-brand-hover",
@@ -25626,41 +26094,26 @@ function VerificationCardFooter() {
 }
 function ConsentCardFooter({ flow }) {
   var _a, _b;
-  const { Node: Node2 } = (0, import_elements_react3.useComponents)();
   const rememberNode = findNode(flow.ui.nodes, {
     group: "oauth2_consent",
     node_type: "input",
     name: "remember"
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex flex-col gap-8", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("p", { className: "leading-normal font-medium text-interface-foreground-default-secondary", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex flex-col gap-8", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("p", { className: "leading-normal font-medium text-interface-foreground-default-secondary", children: [
         "Make sure you trust ",
         (_a = flow.consent_request.client) == null ? void 0 : _a.client_name
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "leading-normal text-interface-foreground-default-secondary", children: "You may be sharing sensitive information with this site or application." })
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { className: "leading-normal text-interface-foreground-default-secondary", children: "You may be sharing sensitive information with this site or application." })
     ] }),
-    rememberNode && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
-      Node2.Checkbox,
-      {
-        attributes: rememberNode.attributes,
-        node: rememberNode
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "grid grid-cols-1 gap-2 md:grid-cols-2", children: flow.ui.nodes.filter(
-      (n) => n.attributes.node_type === "input" && n.attributes.type === "submit"
+    rememberNode && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_elements_react3.Node.Checkbox, { node: rememberNode }),
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "grid grid-cols-1 gap-2 md:grid-cols-2", children: flow.ui.nodes.filter(
+      (n) => n.attributes.node_type === "input" && n.attributes.type === "submit" && isUiNodeInput(n)
     ).map((n) => {
-      const attributes = n.attributes;
-      return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
-        Node2.Button,
-        {
-          node: n,
-          attributes
-        },
-        attributes.value
-      );
+      return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_elements_react3.Node.Button, { node: n }, n.attributes.value);
     }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-sm", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { className: "text-interface-foreground-default-tertiary", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { className: "text-sm", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("span", { className: "text-interface-foreground-default-tertiary", children: [
       "Authorizing will redirect to",
       " ",
       (_b = flow.consent_request.client) == null ? void 0 : _b.client_name
@@ -25672,8 +26125,8 @@ function ConsentCardFooter({ flow }) {
 var import_elements_react5 = require("@ory/elements-react");
 
 // src/theme/default/utils/constructCardHeader.ts
-var import_client_fetch30 = require("@ory/client-fetch");
-var import_react_intl11 = require("react-intl");
+var import_client_fetch32 = require("@ory/client-fetch");
+var import_react_intl12 = require("react-intl");
 function joinWithCommaOr(list, orText = "or") {
   if (list.length === 0) {
     return ".";
@@ -25687,9 +26140,9 @@ function joinWithCommaOr(list, orText = "or") {
 function useCardHeaderText(container, opts) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
   const nodes = container.nodes;
-  const intl = (0, import_react_intl11.useIntl)();
+  const intl = (0, import_react_intl12.useIntl)();
   switch (opts.flowType) {
-    case import_client_fetch30.FlowType.Recovery: {
+    case import_client_fetch32.FlowType.Recovery: {
       const recoveryV2Message = (_a = container.messages) == null ? void 0 : _a.find(
         (m) => [1060006, 1060005, 1060004].includes(m.id)
       );
@@ -25723,7 +26176,7 @@ function useCardHeaderText(container, opts) {
         })
       };
     }
-    case import_client_fetch30.FlowType.Settings:
+    case import_client_fetch32.FlowType.Settings:
       return {
         title: intl.formatMessage({
           id: "settings.title"
@@ -25732,7 +26185,7 @@ function useCardHeaderText(container, opts) {
           id: "settings.subtitle"
         })
       };
-    case import_client_fetch30.FlowType.Verification:
+    case import_client_fetch32.FlowType.Verification:
       if (nodes.find(
         (node) => "name" in node.attributes && node.attributes.name === "code"
       )) {
@@ -25754,7 +26207,7 @@ function useCardHeaderText(container, opts) {
           id: "verification.subtitle"
         })
       };
-    case import_client_fetch30.FlowType.Login: {
+    case import_client_fetch32.FlowType.Login: {
       const accountLinkingMessage = (_b = container.messages) == null ? void 0 : _b.find(
         (m) => m.id === 1010016
       );
@@ -25777,7 +26230,7 @@ function useCardHeaderText(container, opts) {
   const parts = [];
   if (nodes.find((node) => node.group === "password")) {
     switch (opts.flowType) {
-      case import_client_fetch30.FlowType.Registration:
+      case import_client_fetch32.FlowType.Registration:
         parts.push(
           intl.formatMessage(
             { id: "card.header.parts.password.registration" },
@@ -25820,7 +26273,7 @@ function useCardHeaderText(container, opts) {
   }
   if (nodes.find((node) => node.group === "identifier_first")) {
     const identifier = nodes.find(
-      (node) => (0, import_client_fetch30.isUiNodeInputAttributes)(node.attributes) && node.attributes.name.startsWith("identifier") && node.attributes.type !== "hidden"
+      (node) => (0, import_client_fetch32.isUiNodeInputAttributes)(node.attributes) && node.attributes.name.startsWith("identifier") && node.attributes.type !== "hidden"
     );
     if (identifier) {
       parts.push(
@@ -25837,7 +26290,7 @@ function useCardHeaderText(container, opts) {
   }
   if (nodes.some((node) => node.group === "profile")) {
     const identifier = nodes.find(
-      (node) => (0, import_client_fetch30.isUiNodeInputAttributes)(node.attributes) && node.attributes.name.startsWith("traits.") && node.attributes.type !== "hidden"
+      (node) => (0, import_client_fetch32.isUiNodeInputAttributes)(node.attributes) && node.attributes.name.startsWith("traits.") && node.attributes.type !== "hidden"
     );
     if (identifier) {
       parts.push(
@@ -25853,7 +26306,7 @@ function useCardHeaderText(container, opts) {
     }
   }
   switch (opts.flowType) {
-    case import_client_fetch30.FlowType.Login: {
+    case import_client_fetch32.FlowType.Login: {
       const codeMethodNode = findNode(container.nodes, {
         node_type: "input",
         group: "code",
@@ -25902,7 +26355,7 @@ function useCardHeaderText(container, opts) {
         ) : ""
       };
     }
-    case import_client_fetch30.FlowType.Registration: {
+    case import_client_fetch32.FlowType.Registration: {
       const codeMethodNode = findNode(container.nodes, {
         node_type: "input",
         group: "code",
@@ -25927,7 +26380,7 @@ function useCardHeaderText(container, opts) {
         ) : ""
       };
     }
-    case import_client_fetch30.FlowType.OAuth2Consent:
+    case import_client_fetch32.FlowType.OAuth2Consent:
       return {
         title: intl.formatMessage(
           {
@@ -25954,10 +26407,10 @@ function useCardHeaderText(container, opts) {
 }
 
 // src/theme/default/components/card/current-identifier-button.tsx
-var import_client_fetch31 = require("@ory/client-fetch");
+var import_client_fetch33 = require("@ory/client-fetch");
 var import_elements_react4 = require("@ory/elements-react");
-var import_react10 = require("react");
-var import_react_hook_form13 = require("react-hook-form");
+var import_react14 = require("react");
+var import_react_hook_form18 = require("react-hook-form");
 
 // src/theme/default/utils/attributes.ts
 function omit(obj, keys) {
@@ -25986,24 +26439,24 @@ function omitInputAttributes({
 
 // src/theme/default/assets/icons/arrow-left.svg
 var React3 = __toESM(require("react"));
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 var SvgArrowLeft = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 25", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M5 12.325h14m-14 0 6 6m-6-6 6-6" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime45.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_runtime45.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M5 12.325h14m-14 0 6 6m-6-6 6-6" }) });
 };
 var arrow_left_default = SvgArrowLeft;
 
 // src/theme/default/components/card/current-identifier-button.tsx
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 function DefaultCurrentIdentifierButton() {
   var _a;
   const { flow, flowType, formState } = (0, import_elements_react4.useOryFlow)();
-  const { setValue, getValues, watch } = (0, import_react_hook_form13.useFormContext)();
-  const [turnstileResponse, setTurnstileResponse] = (0, import_react10.useState)();
+  const { setValue, getValues, watch } = (0, import_react_hook_form18.useFormContext)();
+  const [turnstileResponse, setTurnstileResponse] = (0, import_react14.useState)();
   const config = (0, import_elements_react4.useOryConfiguration)();
   const ui = flow.ui;
   const captchaVerificationValue = (_a = watch("transient_payload")) == null ? void 0 : _a.captcha_turnstile_response;
-  (0, import_react10.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     if (captchaVerificationValue) {
       setTurnstileResponse(captchaVerificationValue);
     }
@@ -26011,7 +26464,7 @@ function DefaultCurrentIdentifierButton() {
   if (formState.current === "provide_identifier") {
     return null;
   }
-  if (flowType === import_client_fetch31.FlowType.Login && (flow.requested_aal === "aal2" || flow.refresh)) {
+  if (flowType === import_client_fetch33.FlowType.Login && (flow.requested_aal === "aal2" || flow.refresh)) {
     return null;
   }
   const nodeBackButton = getBackButtonNodeAttributes(flowType, ui.nodes);
@@ -26024,9 +26477,9 @@ function DefaultCurrentIdentifierButton() {
   );
   const screenSelectionNode = findScreenSelectionButton(flow.ui.nodes);
   if (screenSelectionNode) {
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("form", { action: flow.ui.action, method: flow.ui.method, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("form", { action: flow.ui.action, method: flow.ui.method, children: [
       flow.ui.nodes.filter((n) => {
-        if ((0, import_client_fetch31.isUiNodeInputAttributes)(n.attributes)) {
+        if ((0, import_client_fetch33.isUiNodeInputAttributes)(n.attributes)) {
           return n.attributes.type === "hidden" && ["default", "captcha"].includes(n.group);
         }
         return false;
@@ -26036,7 +26489,7 @@ function DefaultCurrentIdentifierButton() {
         if (attrs.name === "transient_payload.captcha_turnstile_response" && turnstileResponse) {
           value = turnstileResponse;
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
           "input",
           {
             type: "hidden",
@@ -26046,7 +26499,7 @@ function DefaultCurrentIdentifierButton() {
           attrs.name
         );
       }),
-      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
         "button",
         {
           className: "group inline-flex max-w-full cursor-pointer items-center gap-1 self-start rounded-identifier border border-button-identifier-border-border-default bg-button-identifier-background-default px-[11px] py-[5px] transition-colors hover:border-button-identifier-border-border-hover hover:bg-button-identifier-background-hover",
@@ -26063,8 +26516,8 @@ function DefaultCurrentIdentifierButton() {
           value: screenSelectionNode.attributes.value,
           title: nodeBackButton.value ? `Adjust ${nodeBackButton.value}` : `Back`,
           "data-testid": `ory/screen/${flowType}/action/restart`,
-          children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("span", { className: "inline-flex min-h-5 items-center gap-2 overflow-hidden text-ellipsis", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("span", { className: "inline-flex min-h-5 items-center gap-2 overflow-hidden text-ellipsis", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
               arrow_left_default,
               {
                 size: 16,
@@ -26072,13 +26525,13 @@ function DefaultCurrentIdentifierButton() {
                 className: "shrink-0 text-button-identifier-foreground-default group-hover:text-button-identifier-foreground-hover"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "overflow-hidden text-sm font-medium text-nowrap text-ellipsis text-button-identifier-foreground-default group-hover:text-button-identifier-foreground-hover", children: nodeBackButton.value ? nodeBackButton.value : "Back" })
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "overflow-hidden text-sm font-medium text-nowrap text-ellipsis text-button-identifier-foreground-default group-hover:text-button-identifier-foreground-hover", children: nodeBackButton.value ? nodeBackButton.value : "Back" })
           ] })
         }
       )
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     "a",
     {
       className: "group inline-flex max-w-full cursor-pointer items-center gap-1 self-start rounded-identifier border border-button-identifier-border-border-default bg-button-identifier-background-default px-[11px] py-[5px] transition-colors hover:border-button-identifier-border-border-hover hover:bg-button-identifier-background-hover",
@@ -26086,8 +26539,8 @@ function DefaultCurrentIdentifierButton() {
       href: initFlowUrl2,
       title: `Adjust ${nodeBackButton == null ? void 0 : nodeBackButton.value}`,
       "data-testid": `ory/screen/${flowType}/action/restart`,
-      children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("span", { className: "inline-flex min-h-5 items-center gap-2 overflow-hidden text-ellipsis", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("span", { className: "inline-flex min-h-5 items-center gap-2 overflow-hidden text-ellipsis", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
           arrow_left_default,
           {
             size: 16,
@@ -26095,7 +26548,7 @@ function DefaultCurrentIdentifierButton() {
             className: "shrink-0 text-button-identifier-foreground-default group-hover:text-button-identifier-foreground-hover"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "overflow-hidden text-sm font-medium text-nowrap text-ellipsis text-button-identifier-foreground-default group-hover:text-button-identifier-foreground-hover", children: nodeBackButton == null ? void 0 : nodeBackButton.value })
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "overflow-hidden text-sm font-medium text-nowrap text-ellipsis text-button-identifier-foreground-default group-hover:text-button-identifier-foreground-hover", children: nodeBackButton == null ? void 0 : nodeBackButton.value })
       ] })
     }
   );
@@ -26104,24 +26557,24 @@ function getBackButtonNodeAttributes(flowType, nodes) {
   var _a, _b, _c;
   let nodeBackButtonAttributes;
   switch (flowType) {
-    case import_client_fetch31.FlowType.Login:
+    case import_client_fetch33.FlowType.Login:
       nodeBackButtonAttributes = (_a = nodes.find(
-        (node) => (0, import_client_fetch31.isUiNodeInputAttributes)(node.attributes) && node.attributes.name === "identifier" && ["default", "identifier_first"].includes(node.group)
+        (node) => (0, import_client_fetch33.isUiNodeInputAttributes)(node.attributes) && node.attributes.name === "identifier" && ["default", "identifier_first"].includes(node.group)
       )) == null ? void 0 : _a.attributes;
       break;
-    case import_client_fetch31.FlowType.Registration:
+    case import_client_fetch33.FlowType.Registration:
       nodeBackButtonAttributes = guessRegistrationBackButton(nodes);
       break;
-    case import_client_fetch31.FlowType.Recovery:
+    case import_client_fetch33.FlowType.Recovery:
       nodeBackButtonAttributes = (_b = nodes.find(
-        (n) => (0, import_client_fetch31.isUiNodeInputAttributes)(n.attributes) && !!n.attributes.value && ["email", "recovery_confirm_address", "recovery_address"].includes(
+        (n) => (0, import_client_fetch33.isUiNodeInputAttributes)(n.attributes) && !!n.attributes.value && ["email", "recovery_confirm_address", "recovery_address"].includes(
           n.attributes.name
         )
       )) == null ? void 0 : _b.attributes;
       break;
-    case import_client_fetch31.FlowType.Verification:
+    case import_client_fetch33.FlowType.Verification:
       nodeBackButtonAttributes = (_c = nodes.find(
-        (n) => (0, import_client_fetch31.isUiNodeInputAttributes)(n.attributes) && n.attributes.name === "email"
+        (n) => (0, import_client_fetch33.isUiNodeInputAttributes)(n.attributes) && n.attributes.name === "email"
       )) == null ? void 0 : _c.attributes;
       break;
   }
@@ -26138,23 +26591,23 @@ var backButtonCandiates = [
 function guessRegistrationBackButton(uiNodes) {
   var _a;
   return (_a = uiNodes.find(
-    (node) => (0, import_client_fetch31.isUiNodeInputAttributes)(node.attributes) && backButtonCandiates.includes(node.attributes.name) && node.group === "default"
+    (node) => (0, import_client_fetch33.isUiNodeInputAttributes)(node.attributes) && backButtonCandiates.includes(node.attributes.name) && node.group === "default"
   )) == null ? void 0 : _a.attributes;
 }
 
 // src/theme/default/components/card/header.tsx
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 function InnerCardHeader({
   title,
   text,
   messageId
 }) {
   const { Card } = (0, import_elements_react5.useComponents)();
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("header", { className: "flex flex-col gap-8 antialiased", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Card.Logo, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("h2", { className: "text-lg leading-normal font-semibold text-interface-foreground-default-primary", children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("header", { className: "flex flex-col gap-8 antialiased", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Card.Logo, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("h2", { className: "text-lg leading-normal font-semibold text-interface-foreground-default-primary", children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
         "p",
         {
           className: "leading-normal text-interface-foreground-default-secondary",
@@ -26162,7 +26615,7 @@ function InnerCardHeader({
           children: text
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(DefaultCurrentIdentifierButton, {})
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(DefaultCurrentIdentifierButton, {})
     ] })
   ] });
 }
@@ -26172,16 +26625,16 @@ function DefaultCardHeader() {
     context.flow.ui,
     context
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(InnerCardHeader, { title, text: description, messageId });
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(InnerCardHeader, { title, text: description, messageId });
 }
 
 // src/theme/default/components/card/logo.tsx
 var import_elements_react6 = require("@ory/elements-react");
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 function DefaultCardLogo() {
   const config = (0, import_elements_react6.useOryConfiguration)();
   if (config.project.logo_light_url) {
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
       "img",
       {
         src: config.project.logo_light_url,
@@ -26190,7 +26643,7 @@ function DefaultCardLogo() {
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("h1", { className: "text-xl leading-normal font-semibold text-interface-foreground-default-primary", children: config.project.name });
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("h1", { className: "text-xl leading-normal font-semibold text-interface-foreground-default-primary", children: config.project.name });
 }
 
 // src/theme/default/utils/cn.ts
@@ -26201,78 +26654,76 @@ function cn(...inputs) {
 }
 
 // src/theme/default/components/card/index.tsx
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 function DefaultCard({
   children,
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: cn("ory-elements", className), ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "flex w-full flex-1 items-start justify-center font-sans-default sm:w-[480px] sm:max-w-[480px] sm:items-center", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: cn("ory-elements", className), ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "flex w-full flex-1 items-start justify-center font-sans-default sm:w-[480px] sm:max-w-[480px] sm:items-center", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
     "div",
     {
       className: "relative grid w-full grid-cols-1 gap-8 border-b border-form-border-default bg-form-background-default px-8 py-12 sm:rounded-cards sm:border sm:px-12 sm:py-14",
       "data-testid": "ory/card",
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Badge, {})
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Badge, {})
       ]
     }
   ) }) });
 }
 
 // src/theme/default/components/form/index.tsx
-var import_react_intl13 = require("react-intl");
+var import_react_intl14 = require("react-intl");
 var import_elements_react8 = require("@ory/elements-react");
-var import_client_fetch33 = require("@ory/client-fetch");
+var import_client_fetch35 = require("@ory/client-fetch");
 
 // src/theme/default/components/form/sso.tsx
+var import_client_fetch34 = require("@ory/client-fetch");
 var import_elements_react7 = require("@ory/elements-react");
-var import_react11 = require("react");
-var import_react_hook_form14 = require("react-hook-form");
-var import_react_intl12 = require("react-intl");
-var import_usehooks_ts = require("usehooks-ts");
+var import_react_intl13 = require("react-intl");
 
 // src/theme/default/provider-logos/apple.svg
 var React4 = __toESM(require("react"));
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 var SvgApple = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 32 32", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("path", { fill: "#283544", d: "M27.734 11.55c-.134.078-3.317 1.724-3.317 5.374.15 4.162 4.017 5.621 4.083 5.621-.066.078-.584 1.988-2.116 3.991C25.167 28.261 23.817 30 21.767 30c-1.95 0-2.65-1.15-4.9-1.15-2.416 0-3.1 1.15-4.95 1.15-2.05 0-3.5-1.832-4.782-3.541-1.667-2.236-3.083-5.746-3.133-9.116-.034-1.786.334-3.54 1.266-5.032 1.317-2.081 3.667-3.494 6.233-3.54 1.966-.063 3.716 1.257 4.916 1.257 1.15 0 3.3-1.258 5.733-1.258 1.05.001 3.85.296 5.584 2.78M16.25 8.414c-.35-1.631.616-3.262 1.516-4.302C18.917 2.854 20.734 2 22.3 2c.1 1.63-.534 3.23-1.666 4.395-1.017 1.258-2.767 2.205-4.383 2.019" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime50.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_runtime50.jsx)("path", { fill: "#283544", d: "M27.734 11.55c-.134.078-3.317 1.724-3.317 5.374.15 4.162 4.017 5.621 4.083 5.621-.066.078-.584 1.988-2.116 3.991C25.167 28.261 23.817 30 21.767 30c-1.95 0-2.65-1.15-4.9-1.15-2.416 0-3.1 1.15-4.95 1.15-2.05 0-3.5-1.832-4.782-3.541-1.667-2.236-3.083-5.746-3.133-9.116-.034-1.786.334-3.54 1.266-5.032 1.317-2.081 3.667-3.494 6.233-3.54 1.966-.063 3.716 1.257 4.916 1.257 1.15 0 3.3-1.258 5.733-1.258 1.05.001 3.85.296 5.584 2.78M16.25 8.414c-.35-1.631.616-3.262 1.516-4.302C18.917 2.854 20.734 2 22.3 2c.1 1.63-.534 3.23-1.666 4.395-1.017 1.258-2.767 2.205-4.383 2.019" }) });
 };
 var apple_default = SvgApple;
 
 // src/theme/default/provider-logos/auth0.svg
 var React5 = __toESM(require("react"));
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 var SvgAuth0 = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 64 64", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("path", { fill: "#eb5424", d: "M49.012 51.774 42.514 32l17.008-12.22h-21.02L32.005 0h21.032l6.506 19.78c3.767 11.468-.118 24.52-10.53 31.993zm-34.023 0L31.998 64l17.015-12.226-17.008-12.22zm-10.516-32c-3.976 12.1.64 24.917 10.5 32.007v-.007L21.482 32 4.474 19.774l21.025.007L31.998 0H10.972z" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 64 64", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("path", { fill: "#eb5424", d: "M49.012 51.774 42.514 32l17.008-12.22h-21.02L32.005 0h21.032l6.506 19.78c3.767 11.468-.118 24.52-10.53 31.993zm-34.023 0L31.998 64l17.015-12.226-17.008-12.22zm-10.516-32c-3.976 12.1.64 24.917 10.5 32.007v-.007L21.482 32 4.474 19.774l21.025.007L31.998 0H10.972z" }) });
 };
 var auth0_default = SvgAuth0;
 
 // src/theme/default/provider-logos/discord.svg
 var React6 = __toESM(require("react"));
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 var SvgDiscord = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 32 32", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { d: "M2 11.6c0-3.36 0-5.04.654-6.324a6 6 0 0 1 2.622-2.622C6.56 2 8.24 2 11.6 2h8.8c3.36 0 5.04 0 6.324.654a6 6 0 0 1 2.622 2.622C30 6.56 30 8.24 30 11.6v8.8c0 3.36 0 5.04-.654 6.324a6 6 0 0 1-2.622 2.622C25.44 30 23.76 30 20.4 30h-8.8c-3.36 0-5.04 0-6.324-.654a6 6 0 0 1-2.622-2.622C2 25.44 2 23.76 2 20.4z" }),
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("path", { fill: "#5865F2", d: "M23.636 9.34A18.8 18.8 0 0 0 19.097 8c-.195.332-.424.779-.581 1.134a17.7 17.7 0 0 0-5.03 0A12 12 0 0 0 12.897 8a18.7 18.7 0 0 0-4.542 1.343c-2.872 4.078-3.65 8.055-3.262 11.975a18.6 18.6 0 0 0 5.567 2.68c.448-.58.848-1.195 1.192-1.844a12 12 0 0 1-1.877-.859 9 9 0 0 0 .46-.342c3.62 1.59 7.553 1.59 11.13 0q.225.178.46.342c-.595.337-1.225.626-1.88.86q.516.974 1.191 1.845a18.6 18.6 0 0 0 5.57-2.682c.457-4.544-.78-8.484-3.27-11.978m-11.29 9.567c-1.087 0-1.978-.953-1.978-2.113s.872-2.116 1.977-2.116c1.106 0 1.997.953 1.978 2.116.002 1.16-.872 2.113-1.978 2.113m7.308 0c-1.086 0-1.977-.953-1.977-2.113s.872-2.116 1.977-2.116c1.106 0 1.997.953 1.978 2.116 0 1.16-.872 2.113-1.978 2.113" })
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 32 32", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("path", { d: "M2 11.6c0-3.36 0-5.04.654-6.324a6 6 0 0 1 2.622-2.622C6.56 2 8.24 2 11.6 2h8.8c3.36 0 5.04 0 6.324.654a6 6 0 0 1 2.622 2.622C30 6.56 30 8.24 30 11.6v8.8c0 3.36 0 5.04-.654 6.324a6 6 0 0 1-2.622 2.622C25.44 30 23.76 30 20.4 30h-8.8c-3.36 0-5.04 0-6.324-.654a6 6 0 0 1-2.622-2.622C2 25.44 2 23.76 2 20.4z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("path", { fill: "#5865F2", d: "M23.636 9.34A18.8 18.8 0 0 0 19.097 8c-.195.332-.424.779-.581 1.134a17.7 17.7 0 0 0-5.03 0A12 12 0 0 0 12.897 8a18.7 18.7 0 0 0-4.542 1.343c-2.872 4.078-3.65 8.055-3.262 11.975a18.6 18.6 0 0 0 5.567 2.68c.448-.58.848-1.195 1.192-1.844a12 12 0 0 1-1.877-.859 9 9 0 0 0 .46-.342c3.62 1.59 7.553 1.59 11.13 0q.225.178.46.342c-.595.337-1.225.626-1.88.86q.516.974 1.191 1.845a18.6 18.6 0 0 0 5.57-2.682c.457-4.544-.78-8.484-3.27-11.978m-11.29 9.567c-1.087 0-1.978-.953-1.978-2.113s.872-2.116 1.977-2.116c1.106 0 1.997.953 1.978 2.116.002 1.16-.872 2.113-1.978 2.113m7.308 0c-1.086 0-1.977-.953-1.977-2.113s.872-2.116 1.977-2.116c1.106 0 1.997.953 1.978 2.116 0 1.16-.872 2.113-1.978 2.113" })
   ] });
 };
 var discord_default = SvgDiscord;
 
 // src/theme/default/provider-logos/facebook.svg
 var React7 = __toESM(require("react"));
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 var SvgFacebook = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 32 32", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("circle", { cx: 16, cy: 16, r: 14, fill: "url(#facebook_svg__a)" }),
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("path", { fill: "#fff", d: "m21.214 20.282.622-3.952h-3.89v-2.563c0-1.081.542-2.136 2.284-2.136H22V8.267S20.395 8 18.86 8c-3.205 0-5.298 1.893-5.298 5.318v3.012H10v3.952h3.562v9.552q1.073.165 2.191.166 1.12 0 2.192-.166v-9.552z" }),
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("linearGradient", { id: "facebook_svg__a", x1: 16, x2: 16, y1: 2, y2: 29.917, gradientUnits: "userSpaceOnUse", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("stop", { stopColor: "#18ACFE" }),
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("stop", { offset: 1, stopColor: "#0163E0" })
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 32 32", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("circle", { cx: 16, cy: 16, r: 14, fill: "url(#facebook_svg__a)" }),
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("path", { fill: "#fff", d: "m21.214 20.282.622-3.952h-3.89v-2.563c0-1.081.542-2.136 2.284-2.136H22V8.267S20.395 8 18.86 8c-3.205 0-5.298 1.893-5.298 5.318v3.012H10v3.952h3.562v9.552q1.073.165 2.191.166 1.12 0 2.192-.166v-9.552z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("linearGradient", { id: "facebook_svg__a", x1: 16, x2: 16, y1: 2, y2: 29.917, gradientUnits: "userSpaceOnUse", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("stop", { stopColor: "#18ACFE" }),
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("stop", { offset: 1, stopColor: "#0163E0" })
     ] }) })
   ] });
 };
@@ -26280,111 +26731,111 @@ var facebook_default = SvgFacebook;
 
 // src/theme/default/provider-logos/github.svg
 var React8 = __toESM(require("react"));
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 var SvgGithub = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("path", { d: "M12 0C5.374 0 0 5.373 0 12c0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23A11.5 11.5 0 0 1 12 5.803c1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576C20.566 21.797 24 17.3 24 12c0-6.627-5.373-12-12-12" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("path", { d: "M12 0C5.374 0 0 5.373 0 12c0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23A11.5 11.5 0 0 1 12 5.803c1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576C20.566 21.797 24 17.3 24 12c0-6.627-5.373-12-12-12" }) });
 };
 var github_default = SvgGithub;
 
 // src/theme/default/provider-logos/gitlab.svg
 var React9 = __toESM(require("react"));
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 var SvgGitlab = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("path", { fill: "#E24329", d: "m22.708 10.691-.031-.072-3.015-7.167a.74.74 0 0 0-.31-.34.87.87 0 0 0-.923.045.73.73 0 0 0-.268.37L16.125 9.2H7.881L5.845 3.527a.72.72 0 0 0-.268-.371.87.87 0 0 0-.923-.045.74.74 0 0 0-.31.34l-3.021 7.164-.03.072a4.67 4.67 0 0 0-.153 3.23c.335 1.063 1.04 1.998 2.01 2.664l.01.007.028.018 4.594 3.132 2.272 1.567 1.384.952c.162.112.36.172.563.172s.401-.06.563-.172l1.384-.952 2.273-1.567 4.62-3.151.012-.009c.968-.666 1.671-1.6 2.006-2.661a4.67 4.67 0 0 0-.15-3.226" }),
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("path", { fill: "#FC6D26", d: "m22.708 10.691-.031-.072a10.7 10.7 0 0 0-4.055 1.66L12 16.839l4.218 2.904 4.621-3.152.012-.008c.969-.666 1.674-1.601 2.008-2.664a4.67 4.67 0 0 0-.15-3.228" }),
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("path", { fill: "#FCA326", d: "m7.781 19.743 2.273 1.566 1.384.952c.162.112.36.172.563.172s.401-.06.563-.172l1.384-.952 2.273-1.566S14.255 18.389 12 16.839c-2.255 1.55-4.219 2.904-4.219 2.904" }),
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("path", { fill: "#FC6D26", d: "M5.376 12.279a10.7 10.7 0 0 0-4.053-1.664l-.03.072a4.67 4.67 0 0 0-.153 3.23c.335 1.063 1.04 1.998 2.01 2.664l.01.007.028.018 4.594 3.132L12 16.836z" })
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("path", { fill: "#E24329", d: "m22.708 10.691-.031-.072-3.015-7.167a.74.74 0 0 0-.31-.34.87.87 0 0 0-.923.045.73.73 0 0 0-.268.37L16.125 9.2H7.881L5.845 3.527a.72.72 0 0 0-.268-.371.87.87 0 0 0-.923-.045.74.74 0 0 0-.31.34l-3.021 7.164-.03.072a4.67 4.67 0 0 0-.153 3.23c.335 1.063 1.04 1.998 2.01 2.664l.01.007.028.018 4.594 3.132 2.272 1.567 1.384.952c.162.112.36.172.563.172s.401-.06.563-.172l1.384-.952 2.273-1.567 4.62-3.151.012-.009c.968-.666 1.671-1.6 2.006-2.661a4.67 4.67 0 0 0-.15-3.226" }),
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("path", { fill: "#FC6D26", d: "m22.708 10.691-.031-.072a10.7 10.7 0 0 0-4.055 1.66L12 16.839l4.218 2.904 4.621-3.152.012-.008c.969-.666 1.674-1.601 2.008-2.664a4.67 4.67 0 0 0-.15-3.228" }),
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("path", { fill: "#FCA326", d: "m7.781 19.743 2.273 1.566 1.384.952c.162.112.36.172.563.172s.401-.06.563-.172l1.384-.952 2.273-1.566S14.255 18.389 12 16.839c-2.255 1.55-4.219 2.904-4.219 2.904" }),
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("path", { fill: "#FC6D26", d: "M5.376 12.279a10.7 10.7 0 0 0-4.053-1.664l-.03.072a4.67 4.67 0 0 0-.153 3.23c.335 1.063 1.04 1.998 2.01 2.664l.01.007.028.018 4.594 3.132L12 16.836z" })
   ] });
 };
 var gitlab_default = SvgGitlab;
 
 // src/theme/default/provider-logos/google.svg
 var React10 = __toESM(require("react"));
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 var SvgGoogle = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 32 32", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("path", { fill: "#4285F4", d: "M30.001 16.31c0-1.15-.095-1.99-.301-2.861H16.287v5.195h7.873c-.159 1.291-1.016 3.236-2.92 4.542l-.027.174 4.24 3.22.294.029c2.699-2.443 4.254-6.036 4.254-10.298" }),
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("path", { fill: "#34A853", d: "M16.286 30c3.857 0 7.095-1.244 9.46-3.391l-4.507-3.423c-1.207.825-2.826 1.4-4.953 1.4A8.58 8.58 0 0 1 8.16 18.77l-.167.014-4.41 3.344-.058.157C5.874 26.858 10.7 30 16.286 30" }),
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("path", { fill: "#FBBC05", d: "M8.16 18.769a8.5 8.5 0 0 1-.476-2.77c0-.964.174-1.897.46-2.768l-.008-.185-4.465-3.399-.146.068A13.8 13.8 0 0 0 2.001 16c0 2.256.556 4.387 1.524 6.284z" }),
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("path", { fill: "#EB4335", d: "M16.286 7.413c2.683 0 4.492 1.136 5.524 2.085l4.032-3.858C23.366 3.384 20.143 2 16.286 2 10.7 2 5.874 5.142 3.524 9.715l4.62 3.516c1.158-3.375 4.365-5.818 8.142-5.818" })
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 32 32", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", { fill: "#4285F4", d: "M30.001 16.31c0-1.15-.095-1.99-.301-2.861H16.287v5.195h7.873c-.159 1.291-1.016 3.236-2.92 4.542l-.027.174 4.24 3.22.294.029c2.699-2.443 4.254-6.036 4.254-10.298" }),
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", { fill: "#34A853", d: "M16.286 30c3.857 0 7.095-1.244 9.46-3.391l-4.507-3.423c-1.207.825-2.826 1.4-4.953 1.4A8.58 8.58 0 0 1 8.16 18.77l-.167.014-4.41 3.344-.058.157C5.874 26.858 10.7 30 16.286 30" }),
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", { fill: "#FBBC05", d: "M8.16 18.769a8.5 8.5 0 0 1-.476-2.77c0-.964.174-1.897.46-2.768l-.008-.185-4.465-3.399-.146.068A13.8 13.8 0 0 0 2.001 16c0 2.256.556 4.387 1.524 6.284z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", { fill: "#EB4335", d: "M16.286 7.413c2.683 0 4.492 1.136 5.524 2.085l4.032-3.858C23.366 3.384 20.143 2 16.286 2 10.7 2 5.874 5.142 3.524 9.715l4.62 3.516c1.158-3.375 4.365-5.818 8.142-5.818" })
   ] });
 };
 var google_default = SvgGoogle;
 
 // src/theme/default/provider-logos/linkedin.svg
 var React11 = __toESM(require("react"));
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 var SvgLinkedin = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 32 32", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("rect", { width: 28, height: 28, x: 2, y: 2, fill: "#1275B1", rx: 14 }),
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("path", { fill: "#fff", d: "M12.619 9.692c0 .935-.81 1.692-1.81 1.692C9.81 11.384 9 10.627 9 9.692S9.81 8 10.81 8c.999 0 1.809.758 1.809 1.692M9.247 12.628h3.093V22H9.247zM17.32 12.628h-3.093V22h3.093v-4.795c0-1.107.378-2.22 1.886-2.22 1.705 0 1.695 1.45 1.687 2.572-.01 1.467.014 2.965.014 4.443H24v-4.946c-.026-3.159-.85-4.614-3.557-4.614-1.608 0-2.604.73-3.123 1.39z" })
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 32 32", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("rect", { width: 28, height: 28, x: 2, y: 2, fill: "#1275B1", rx: 14 }),
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("path", { fill: "#fff", d: "M12.619 9.692c0 .935-.81 1.692-1.81 1.692C9.81 11.384 9 10.627 9 9.692S9.81 8 10.81 8c.999 0 1.809.758 1.809 1.692M9.247 12.628h3.093V22H9.247zM17.32 12.628h-3.093V22h3.093v-4.795c0-1.107.378-2.22 1.886-2.22 1.705 0 1.695 1.45 1.687 2.572-.01 1.467.014 2.965.014 4.443H24v-4.946c-.026-3.159-.85-4.614-3.557-4.614-1.608 0-2.604.73-3.123 1.39z" })
   ] });
 };
 var linkedin_default = SvgLinkedin;
 
 // src/theme/default/provider-logos/microsoft.svg
 var React12 = __toESM(require("react"));
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 var SvgMicrosoft = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 23 23", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("path", { fill: "#F35325", d: "M1 1h10v10H1z" }),
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("path", { fill: "#81BC06", d: "M12 1h10v10H12z" }),
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("path", { fill: "#05A6F0", d: "M1 12h10v10H1z" }),
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("path", { fill: "#FFBA08", d: "M12 12h10v10H12z" })
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 23 23", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("path", { fill: "#F35325", d: "M1 1h10v10H1z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("path", { fill: "#81BC06", d: "M12 1h10v10H12z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("path", { fill: "#05A6F0", d: "M1 12h10v10H1z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("path", { fill: "#FFBA08", d: "M12 12h10v10H12z" })
   ] });
 };
 var microsoft_default = SvgMicrosoft;
 
 // src/theme/default/provider-logos/slack.svg
 var React13 = __toESM(require("react"));
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 var SvgSlack = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 32 32", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("path", { fill: "#2EB67D", d: "M26.5 15a2.5 2.5 0 1 0-2.5-2.5V15zm-7 0a2.5 2.5 0 0 0 2.5-2.5v-7a2.5 2.5 0 0 0-5 0v7a2.5 2.5 0 0 0 2.5 2.5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("path", { fill: "#E01E5A", d: "M5.5 17A2.5 2.5 0 1 0 8 19.5V17zm7 0a2.5 2.5 0 0 0-2.5 2.5v7a2.5 2.5 0 0 0 5 0v-7a2.5 2.5 0 0 0-2.5-2.5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("path", { fill: "#ECB22E", d: "M17 26.5a2.5 2.5 0 1 0 2.5-2.5H17zm0-7a2.5 2.5 0 0 0 2.5 2.5h7a2.5 2.5 0 0 0 0-5h-7a2.5 2.5 0 0 0-2.5 2.5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("path", { fill: "#36C5F0", d: "M15 5.5A2.5 2.5 0 1 0 12.5 8H15zm0 7a2.5 2.5 0 0 0-2.5-2.5h-7a2.5 2.5 0 0 0 0 5h7a2.5 2.5 0 0 0 2.5-2.5" })
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 32 32", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("path", { fill: "#2EB67D", d: "M26.5 15a2.5 2.5 0 1 0-2.5-2.5V15zm-7 0a2.5 2.5 0 0 0 2.5-2.5v-7a2.5 2.5 0 0 0-5 0v7a2.5 2.5 0 0 0 2.5 2.5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("path", { fill: "#E01E5A", d: "M5.5 17A2.5 2.5 0 1 0 8 19.5V17zm7 0a2.5 2.5 0 0 0-2.5 2.5v7a2.5 2.5 0 0 0 5 0v-7a2.5 2.5 0 0 0-2.5-2.5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("path", { fill: "#ECB22E", d: "M17 26.5a2.5 2.5 0 1 0 2.5-2.5H17zm0-7a2.5 2.5 0 0 0 2.5 2.5h7a2.5 2.5 0 0 0 0-5h-7a2.5 2.5 0 0 0-2.5 2.5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("path", { fill: "#36C5F0", d: "M15 5.5A2.5 2.5 0 1 0 12.5 8H15zm0 7a2.5 2.5 0 0 0-2.5-2.5h-7a2.5 2.5 0 0 0 0 5h7a2.5 2.5 0 0 0 2.5-2.5" })
   ] });
 };
 var slack_default = SvgSlack;
 
 // src/theme/default/provider-logos/spotify.svg
 var React14 = __toESM(require("react"));
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 var SvgSpotify = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 32 32", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("circle", { cx: 16, cy: 16, r: 14, fill: "#1ED760" }),
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("path", { fill: "#fff", d: "M22.364 21.623c-.239.38-.75.486-1.148.258-3.141-1.822-7.08-2.232-11.736-1.23-.446.091-.893-.167-.988-.592a.786.786 0 0 1 .621-.94c5.087-1.11 9.456-.639 12.964 1.41a.77.77 0 0 1 .287 1.094m1.627-3.461c-.303.47-.941.607-1.435.334-3.588-2.11-9.058-2.718-13.299-1.488-.558.152-1.132-.137-1.292-.653-.16-.531.144-1.078.702-1.23 4.848-1.396 10.875-.728 15.005 1.686.462.273.622.88.319 1.35m.143-3.613c-4.305-2.43-11.4-2.657-15.515-1.473-.654.197-1.355-.152-1.563-.79-.207-.622.176-1.29.83-1.487 4.72-1.366 12.565-1.093 17.508 1.7.59.334.781 1.063.43 1.625-.334.576-1.1.774-1.69.425" })
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 32 32", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("circle", { cx: 16, cy: 16, r: 14, fill: "#1ED760" }),
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("path", { fill: "#fff", d: "M22.364 21.623c-.239.38-.75.486-1.148.258-3.141-1.822-7.08-2.232-11.736-1.23-.446.091-.893-.167-.988-.592a.786.786 0 0 1 .621-.94c5.087-1.11 9.456-.639 12.964 1.41a.77.77 0 0 1 .287 1.094m1.627-3.461c-.303.47-.941.607-1.435.334-3.588-2.11-9.058-2.718-13.299-1.488-.558.152-1.132-.137-1.292-.653-.16-.531.144-1.078.702-1.23 4.848-1.396 10.875-.728 15.005 1.686.462.273.622.88.319 1.35m.143-3.613c-4.305-2.43-11.4-2.657-15.515-1.473-.654.197-1.355-.152-1.563-.79-.207-.622.176-1.29.83-1.487 4.72-1.366 12.565-1.093 17.508 1.7.59.334.781 1.063.43 1.625-.334.576-1.1.774-1.69.425" })
   ] });
 };
 var spotify_default = SvgSpotify;
 
 // src/theme/default/provider-logos/yandex.svg
 var React15 = __toESM(require("react"));
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 var SvgYandex = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 32 32", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("circle", { cx: 16, cy: 16, r: 14, fill: "#fff" }),
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("path", { fill: "#FC3F1D", d: "M21 25h-3.143V9.435h-1.402c-2.572 0-3.922 1.294-3.922 3.211 0 2.175.935 3.185 2.857 4.48l1.584 1.063L12.403 25H9l4.104-6.086c-2.363-1.684-3.688-3.316-3.688-6.087C9.416 9.357 11.83 7 16.429 7H21z" })
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 32 32", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("circle", { cx: 16, cy: 16, r: 14, fill: "#fff" }),
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("path", { fill: "#FC3F1D", d: "M21 25h-3.143V9.435h-1.402c-2.572 0-3.922 1.294-3.922 3.211 0 2.175.935 3.185 2.857 4.48l1.584 1.063L12.403 25H9l4.104-6.086c-2.363-1.684-3.688-3.316-3.688-6.087C9.416 9.357 11.83 7 16.429 7H21z" })
   ] });
 };
 var yandex_default = SvgYandex;
 
 // src/theme/default/provider-logos/x.svg
 var React16 = __toESM(require("react"));
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 var SvgX = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, fill: "none", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("path", { fill: "#0F172A", d: "M24.122 3h4.292L18.99 13.73 30 28.285h-8.64l-6.764-8.845-7.744 8.845H2.56l9.983-11.476L2 3h8.854l6.112 8.08zM22.62 25.766h2.379L9.604 5.426H7.048z" }) });
+  return /* @__PURE__ */ (0, import_jsx_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", { fill: "#0F172A", d: "M24.122 3h4.292L18.99 13.73 30 28.285h-8.64l-6.764-8.845-7.744 8.845H2.56l9.983-11.476L2 3h8.854l6.112 8.08zM22.62 25.766h2.379L9.604 5.426H7.048z" }) });
 };
 var x_default = SvgX;
 
@@ -26407,9 +26858,9 @@ var logos = {
 var provider_logos_default = logos;
 
 // src/theme/default/components/form/spinner.tsx
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 function Spinner({ className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
     "svg",
     {
       "aria-hidden": "true",
@@ -26422,7 +26873,7 @@ function Spinner({ className }) {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("g", { clipPath: "url(#clip0_2572_1748)", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("g", { clipPath: "url(#clip0_2572_1748)", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
           "path",
           {
             d: "M23.364 10.6362C22.1053 9.37751 20.5016 8.52034 18.7558 8.17307C17.01 7.82581 15.2004 8.00404 13.5559 8.68523C11.9113 9.36641 10.5057 10.52 9.51678 12C8.52784 13.4801 8 15.2201 8 17.0001C8 18.7802 8.52784 20.5202 9.51678 22.0003C10.5057 23.4803 11.9113 24.6339 13.5559 25.3151C15.2004 25.9962 17.01 26.1745 18.7558 25.8272C20.5016 25.4799 22.1053 24.6228 23.364 23.3641",
@@ -26431,7 +26882,7 @@ function Spinner({ className }) {
             strokeLinejoin: "round"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("clipPath", { id: "clip0_2572_1748", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("clipPath", { id: "clip0_2572_1748", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
           "rect",
           {
             width: "24",
@@ -26446,77 +26897,53 @@ function Spinner({ className }) {
 }
 
 // src/theme/default/components/form/sso.tsx
-var import_client_fetch32 = require("@ory/client-fetch");
-var import_jsx_runtime55 = require("react/jsx-runtime");
-function extractProvider(context) {
-  if (context && typeof context === "object" && "provider" in context && typeof context.provider === "string") {
-    return context.provider;
-  }
-  return void 0;
-}
+var import_jsx_runtime64 = require("react/jsx-runtime");
 function DefaultButtonSocial({
-  attributes,
   node,
-  onClick,
-  showLabel: _showLabel,
-  logos: providedLogos
+  logos: providedLogos,
+  isSubmitting,
+  buttonProps,
+  provider,
+  attributes
 }) {
-  var _a, _b, _c;
+  var _a;
   const logos2 = { ...provider_logos_default, ...providedLogos };
-  const { type: _ignoredType, name: _ignoredName, ...rest } = attributes;
+  const intl = (0, import_react_intl13.useIntl)();
   const {
-    flow: { ui }
+    flow: { ui },
+    flowType
   } = (0, import_elements_react7.useOryFlow)();
-  const [clicked, setClicked] = (0, import_usehooks_ts.useDebounceValue)(false, 100);
-  const intl = (0, import_react_intl12.useIntl)();
-  const {
-    formState: { isSubmitting }
-  } = (0, import_react_hook_form14.useFormContext)();
-  const ssoNodeCount = (_a = ui.nodes.filter(
-    (node2) => node2.group === import_client_fetch32.UiNodeGroupEnum.Oidc || node2.group === import_client_fetch32.UiNodeGroupEnum.Saml
-  ).length) != null ? _a : 0;
+  const ssoNodes = ui.nodes.filter(
+    (node2) => node2.group === import_client_fetch34.UiNodeGroupEnum.Oidc || node2.group === import_client_fetch34.UiNodeGroupEnum.Saml
+  );
+  const ssoNodeCount = (_a = ssoNodes.length) != null ? _a : 0;
   const Logo = logos2[attributes.value.split("-")[0]];
-  const showLabel = _showLabel != null ? _showLabel : ssoNodeCount % 3 !== 0 && ssoNodeCount % 4 !== 0;
-  const provider = (_c = extractProvider((_b = node.meta.label) == null ? void 0 : _b.context)) != null ? _c : "";
-  const localOnClick = () => {
-    onClick == null ? void 0 : onClick();
-    setClicked(true);
-  };
-  (0, import_react11.useEffect)(() => {
-    if (!isSubmitting) {
-      setClicked(false);
-    }
-  }, [isSubmitting, setClicked]);
+  const showLabel = flowType === import_client_fetch34.FlowType.Settings || ssoNodeCount % 3 !== 0 && ssoNodeCount % 4 !== 0;
   const label = node.meta.label ? (0, import_elements_react7.uiTextToFormattedMessage)(node.meta.label, intl) : "";
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
     "button",
     {
-      className: "flex items-center justify-center gap-3 rounded-buttons border border-button-social-border-default bg-button-social-background-default px-4 py-[13px] transition-colors hover:border-button-social-border-hover hover:bg-button-social-background-hover hover:text-button-social-foreground-hover loading:border-button-social-border-disabled loading:bg-button-social-background-disabled loading:text-button-social-foreground-disabled",
-      value: attributes.value,
-      type: "submit",
-      name: "provider",
+      className: "flex cursor-pointer items-center justify-center gap-3 rounded-buttons border border-button-social-border-default bg-button-social-background-default px-4 py-[13px] transition-colors hover:border-button-social-border-hover hover:bg-button-social-background-hover hover:text-button-social-foreground-hover loading:border-button-social-border-disabled loading:bg-button-social-background-disabled loading:text-button-social-foreground-disabled",
       "data-testid": `ory/form/node/input/${attributes.name}`,
-      onClick: localOnClick,
-      "data-loading": clicked,
-      disabled: isSubmitting,
+      "data-loading": isSubmitting,
       "aria-label": label,
-      ...omitInputAttributes(rest),
+      ...buttonProps,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "relative size-5", children: !clicked ? Logo ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Logo, { size: 20 }) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(GenericLogo, { label: provider.slice(0, 1) }) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Spinner, { className: "size-5" }) }),
-        showLabel && node.meta.label ? /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "grow text-center leading-none font-medium text-button-social-foreground-default", children: label }),
-          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "block size-5" })
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "relative size-5", children: !isSubmitting ? Logo ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Logo, { size: 20 }) : /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(GenericLogo, { label: provider.slice(0, 1) }) : /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Spinner, { className: "size-5" }) }),
+        showLabel && node.meta.label ? /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(import_jsx_runtime64.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "grow text-center leading-none font-medium text-button-social-foreground-default", children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "block size-5" })
         ] }) : null
       ]
     }
   );
 }
-DefaultButtonSocial.WithLogos = (logos2) => (props) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(DefaultButtonSocial, { ...props, logos: logos2 });
+DefaultButtonSocial.WithLogos = (logos2) => (props) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(DefaultButtonSocial, { ...props, logos: logos2 });
 function DefaultSocialButtonContainer({
   children,
   nodes
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
     "div",
     {
       className: cn("grid gap-3", {
@@ -26530,18 +26957,18 @@ function DefaultSocialButtonContainer({
   );
 }
 function GenericLogo({ label }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "flex size-full items-center justify-center rounded-buttons border-button-social-border-generic-provider bg-button-social-background-generic-provider text-xs text-button-social-foreground-generic-provider", children: label });
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "flex size-full items-center justify-center rounded-buttons border-button-social-border-generic-provider bg-button-social-background-generic-provider text-xs text-button-social-foreground-generic-provider", children: label });
 }
 
 // src/theme/default/components/form/index.tsx
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 function DefaultFormContainer({
   children,
   onSubmit,
   action,
   method
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
     "form",
     {
       onSubmit,
@@ -26558,19 +26985,19 @@ function DefaultMessageContainer({ children }) {
   if (!children || Array.isArray(children) && children.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
     "section",
     {
       className: cn(
-        flowType === import_client_fetch33.FlowType.Settings ? "text-center" : "text-left"
+        flowType === import_client_fetch35.FlowType.Settings ? "text-center" : "text-left"
       ),
       children
     }
   );
 }
 function DefaultMessage({ message }) {
-  const intl = (0, import_react_intl13.useIntl)();
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+  const intl = (0, import_react_intl14.useIntl)();
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
     "span",
     {
       className: cn(
@@ -26587,77 +27014,77 @@ function DefaultMessage({ message }) {
 
 // src/theme/default/components/card/auth-method-list-item.tsx
 var import_elements_react9 = require("@ory/elements-react");
-var import_react12 = require("react");
-var import_react_intl14 = require("react-intl");
-var import_usehooks_ts2 = require("usehooks-ts");
+var import_react15 = require("react");
+var import_react_intl15 = require("react-intl");
+var import_usehooks_ts3 = require("usehooks-ts");
 
 // src/theme/default/assets/icons/alert-triangle.svg
 var React17 = __toESM(require("react"));
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 var SvgAlertTriangle = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("path", { stroke: "#000", strokeLinecap: "round", strokeLinejoin: "round", d: "M12 9v4m0 4h.01M10.24 3.957l-8.422 14.06A1.99 1.99 0 0 0 3.518 21h16.845a1.99 1.99 0 0 0 1.7-2.983L13.64 3.957a1.988 1.988 0 0 0-3.4 0" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime66.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_runtime66.jsx)("path", { stroke: "#000", strokeLinecap: "round", strokeLinejoin: "round", d: "M12 9v4m0 4h.01M10.24 3.957l-8.422 14.06A1.99 1.99 0 0 0 3.518 21h16.845a1.99 1.99 0 0 0 1.7-2.983L13.64 3.957a1.988 1.988 0 0 0-3.4 0" }) });
 };
 var alert_triangle_default = SvgAlertTriangle;
 
 // src/theme/default/assets/icons/code-asterix.svg
 var React18 = __toESM(require("react"));
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 var SvgCodeAsterix = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 25", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 19.325a2 2 0 0 1-2-2v-4l-1-1 1-1v-4a2 2 0 0 1 2-2m6 6.875 3-1.687M12 12.2v3.375m0-3.375-3-1.687m3 1.687 3 1.688M12 12.2V8.825m0 3.375-3 1.688m9 5.437a2 2 0 0 0 2-2v-4l1-1-1-1v-4a2 2 0 0 0-2-2" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime67.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_runtime67.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 19.325a2 2 0 0 1-2-2v-4l-1-1 1-1v-4a2 2 0 0 1 2-2m6 6.875 3-1.687M12 12.2v3.375m0-3.375-3-1.687m3 1.687 3 1.688M12 12.2V8.825m0 3.375-3 1.688m9 5.437a2 2 0 0 0 2-2v-4l1-1-1-1v-4a2 2 0 0 0-2-2" }) });
 };
 var code_asterix_default = SvgCodeAsterix;
 
 // src/theme/default/assets/icons/code.svg
 var React19 = __toESM(require("react"));
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 var SvgCode = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 15 13", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M6.333 10.666h-4A1.333 1.333 0 0 1 1 9.333V2.666m0 0a1.333 1.333 0 0 1 1.333-1.333h9.334A1.333 1.333 0 0 1 13 2.666m-12 0 6 4 6-4m0 0v4M12.333 12l1.334-1.334-1.334-1.333m-2 0L9 10.666 10.333 12" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 15 13", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M6.333 10.666h-4A1.333 1.333 0 0 1 1 9.333V2.666m0 0a1.333 1.333 0 0 1 1.333-1.333h9.334A1.333 1.333 0 0 1 13 2.666m-12 0 6 4 6-4m0 0v4M12.333 12l1.334-1.334-1.334-1.333m-2 0L9 10.666 10.333 12" }) });
 };
 var code_default = SvgCode;
 
 // src/theme/default/assets/icons/passkey.svg
 var React20 = __toESM(require("react"));
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 var SvgPasskey = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 13 14", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M10.602 3.667c.603 1 .86 2.171.733 3.333v.667a4 4 0 0 0 .533 2M3.335 6.333a2.667 2.667 0 0 1 5.333 0V7c0 1.442.468 2.846 1.334 4m-4-4.667v1.334A9.33 9.33 0 0 0 7.668 13M3.335 9a12 12 0 0 0 1.2 4m-3.267-1.333A14.7 14.7 0 0 1 .668 7v-.667a5.333 5.333 0 0 1 8-4.633" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 13 14", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M10.602 3.667c.603 1 .86 2.171.733 3.333v.667a4 4 0 0 0 .533 2M3.335 6.333a2.667 2.667 0 0 1 5.333 0V7c0 1.442.468 2.846 1.334 4m-4-4.667v1.334A9.33 9.33 0 0 0 7.668 13M3.335 9a12 12 0 0 0 1.2 4m-3.267-1.333A14.7 14.7 0 0 1 .668 7v-.667a5.333 5.333 0 0 1 8-4.633" }) });
 };
 var passkey_default = SvgPasskey;
 
 // src/theme/default/assets/icons/password.svg
 var React21 = __toESM(require("react"));
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 var SvgPassword = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 14 4", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M7 .667v2.667m-1.333-.667 2.666-1.333m-2.666 0 2.666 1.333m-6-2v2.667M1 2.667l2.667-1.333M1 1.334l2.667 1.333m8-2v2.667m-1.334-.667L13 1.334m-2.667 0L13 2.667" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 14 4", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M7 .667v2.667m-1.333-.667 2.666-1.333m-2.666 0 2.666 1.333m-6-2v2.667M1 2.667l2.667-1.333M1 1.334l2.667 1.333m8-2v2.667m-1.334-.667L13 1.334m-2.667 0L13 2.667" }) });
 };
 var password_default = SvgPassword;
 
 // src/theme/default/assets/icons/totp.svg
 var React22 = __toESM(require("react"));
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime71 = require("react/jsx-runtime");
 var SvgTotp = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 32 32", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9.333 22.667v.013m0-13.346v.013m13.333-.013v.013m0 9.32h-4v4m8-4v.013m-8 7.987h4m0-4h4v4m-21.333-20a1.333 1.333 0 0 1 1.333-1.333H12a1.333 1.333 0 0 1 1.333 1.333V12A1.334 1.334 0 0 1 12 13.334H6.666A1.334 1.334 0 0 1 5.333 12zm13.333 0A1.333 1.333 0 0 1 20 5.334h5.333a1.333 1.333 0 0 1 1.333 1.333V12a1.333 1.333 0 0 1-1.333 1.334H20A1.333 1.333 0 0 1 18.666 12zM5.333 20a1.333 1.333 0 0 1 1.333-1.333H12A1.333 1.333 0 0 1 13.333 20v5.334A1.333 1.333 0 0 1 12 26.667H6.666a1.333 1.333 0 0 1-1.333-1.334z" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime71.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_runtime71.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9.333 22.667v.013m0-13.346v.013m13.333-.013v.013m0 9.32h-4v4m8-4v.013m-8 7.987h4m0-4h4v4m-21.333-20a1.333 1.333 0 0 1 1.333-1.333H12a1.333 1.333 0 0 1 1.333 1.333V12A1.334 1.334 0 0 1 12 13.334H6.666A1.334 1.334 0 0 1 5.333 12zm13.333 0A1.333 1.333 0 0 1 20 5.334h5.333a1.333 1.333 0 0 1 1.333 1.333V12a1.333 1.333 0 0 1-1.333 1.334H20A1.333 1.333 0 0 1 18.666 12zM5.333 20a1.333 1.333 0 0 1 1.333-1.333H12A1.333 1.333 0 0 1 13.333 20v5.334A1.333 1.333 0 0 1 12 26.667H6.666a1.333 1.333 0 0 1-1.333-1.334z" }) });
 };
 var totp_default = SvgTotp;
 
 // src/theme/default/assets/icons/webauthn.svg
 var React23 = __toESM(require("react"));
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime72 = require("react/jsx-runtime");
 var SvgWebauthn = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 14 14", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5h.007m1.03-3.438 2.401 2.401a1.92 1.92 0 0 1 0 2.713l-1.762 1.762a1.92 1.92 0 0 1-2.713 0l-.2-.2-4.372 4.371a1.33 1.33 0 0 1-.826.386L2.448 13h-.781a.667.667 0 0 1-.662-.589L1 12.333v-.781c0-.313.11-.616.311-.856l.08-.087.276-.276H3V9h1.333V7.667l1.43-1.43-.201-.2a1.92 1.92 0 0 1 0-2.713l1.762-1.762a1.92 1.92 0 0 1 2.713 0" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 14 14", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5h.007m1.03-3.438 2.401 2.401a1.92 1.92 0 0 1 0 2.713l-1.762 1.762a1.92 1.92 0 0 1-2.713 0l-.2-.2-4.372 4.371a1.33 1.33 0 0 1-.826.386L2.448 13h-.781a.667.667 0 0 1-.662-.589L1 12.333v-.781c0-.313.11-.616.311-.856l.08-.087.276-.276H3V9h1.333V7.667l1.43-1.43-.201-.2a1.92 1.92 0 0 1 0-2.713l1.762-1.762a1.92 1.92 0 0 1 2.713 0" }) });
 };
 var webauthn_default = SvgWebauthn;
 
 // src/theme/default/components/card/list-item.tsx
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime73 = require("react/jsx-runtime");
 function ListItem({
-  icon: Icon,
+  icon: Icon2,
   as,
   title,
   description,
@@ -26666,7 +27093,7 @@ function ListItem({
   ...props
 }) {
   const Comp = as || "div";
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
     Comp,
     {
       ...props,
@@ -26676,10 +27103,10 @@ function ListItem({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "mt-1", children: Icon && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Icon, { size: 16, className: "text-interface-foreground-brand-primary" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("span", { className: "inline-flex max-w-full min-w-1 flex-1 flex-col leading-normal", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "break-words text-interface-foreground-default-primary", children: title }),
-          /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "text-interface-foreground-default-secondary", children: description })
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "mt-1", children: Icon2 && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Icon2, { size: 16, className: "text-interface-foreground-brand-primary" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("span", { className: "inline-flex max-w-full min-w-1 flex-1 flex-col leading-normal", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "break-words text-interface-foreground-default-primary", children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "text-interface-foreground-default-secondary", children: description })
         ] }),
         children
       ]
@@ -26688,8 +27115,7 @@ function ListItem({
 }
 
 // src/theme/default/components/card/auth-method-list-item.tsx
-var import_react_hook_form15 = require("react-hook-form");
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 var iconsMap = {
   code: code_default,
   passkey: passkey_default,
@@ -26703,26 +27129,34 @@ var iconsMap = {
 function DefaultAuthMethodListItem({
   onClick,
   group,
-  title
+  title,
+  disabled
 }) {
   var _a;
-  const intl = (0, import_react_intl14.useIntl)();
-  const Icon = iconsMap[group] || null;
+  const intl = (0, import_react_intl15.useIntl)();
+  const Icon2 = iconsMap[group] || null;
   const { flow } = (0, import_elements_react9.useOryFlow)();
-  const { formState } = (0, import_react_hook_form15.useFormContext)();
   if (group === "passkey") {
     const passkeyNode = findPasskeyNode(flow);
     if (!passkeyNode) {
       console.error("Passkey node not found");
       return null;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(PasskeyListItem, { passkeyNode, group, title });
+    return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+      PasskeyListItem,
+      {
+        passkeyNode,
+        group,
+        title,
+        disabled
+      }
+    );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
     ListItem,
     {
       as: "button",
-      icon: Icon,
+      icon: Icon2,
       title: intl.formatMessage(
         { id: (_a = title == null ? void 0 : title.id) != null ? _a : `two-step.${group}.title` },
         title == null ? void 0 : title.values
@@ -26733,7 +27167,7 @@ function DefaultAuthMethodListItem({
       onClick,
       type: isGroupImmediateSubmit(group) ? "submit" : "button",
       "data-testid": `ory/form/auth-picker/${group}`,
-      disabled: !formState.isReady
+      disabled
     }
   );
 }
@@ -26748,13 +27182,17 @@ function findPasskeyNode(flow) {
   }
   return passkeyTriggerNode;
 }
-function PasskeyListItem({ group, title, passkeyNode }) {
+function PasskeyListItem({
+  group,
+  title,
+  passkeyNode,
+  disabled
+}) {
   var _a, _b;
-  const intl = (0, import_react_intl14.useIntl)();
-  const Icon = iconsMap[group] || null;
-  const { formState } = (0, import_react_hook_form15.useFormContext)();
-  const [isPasskeyScriptInitalized, setPasskeyScriptInitalized] = (0, import_react12.useState)(false);
-  const [failedToLoad, setFailedToLoad] = (0, import_react12.useState)(false);
+  const intl = (0, import_react_intl15.useIntl)();
+  const Icon2 = iconsMap[group] || null;
+  const [isPasskeyScriptInitalized, setPasskeyScriptInitalized] = (0, import_react15.useState)(false);
+  const [failedToLoad, setFailedToLoad] = (0, import_react15.useState)(false);
   const clickHandler = () => {
     if (!passkeyNode.attributes.onclickTrigger) {
       console.error("Passkey node not found");
@@ -26767,7 +27205,7 @@ function PasskeyListItem({ group, title, passkeyNode }) {
       console.error("Passkey node trigger function not found");
     }
   };
-  (0, import_react12.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (!passkeyNode.attributes.onclickTrigger) {
       console.error("Passkey node not found");
       return;
@@ -26775,20 +27213,20 @@ function PasskeyListItem({ group, title, passkeyNode }) {
     const fn = triggerToFunction(passkeyNode.attributes.onclickTrigger);
     setPasskeyScriptInitalized(typeof fn === "function");
   }, [passkeyNode]);
-  (0, import_usehooks_ts2.useEventListener)("oryWebAuthnInitialized", () => {
+  (0, import_usehooks_ts3.useEventListener)("oryWebAuthnInitialized", () => {
     setPasskeyScriptInitalized(true);
   });
-  (0, import_usehooks_ts2.useTimeout)(() => {
+  (0, import_usehooks_ts3.useTimeout)(() => {
     if (!isPasskeyScriptInitalized) {
       setFailedToLoad(true);
     }
   }, 5e3);
   if (failedToLoad) {
-    return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
       ListItem,
       {
         as: "button",
-        icon: Icon,
+        icon: Icon2,
         disabled: true,
         title: intl.formatMessage(
           { id: (_a = title == null ? void 0 : title.id) != null ? _a : `two-step.${group}.title` },
@@ -26799,16 +27237,16 @@ function PasskeyListItem({ group, title, passkeyNode }) {
         }),
         type: "button",
         "data-testid": `ory/form/auth-picker/${group}`,
-        children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(alert_triangle_default, {})
+        children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(alert_triangle_default, {})
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
     ListItem,
     {
       as: "button",
-      icon: Icon,
-      disabled: !isPasskeyScriptInitalized || !formState.isReady,
+      icon: Icon2,
+      disabled: !isPasskeyScriptInitalized || disabled,
       name: passkeyNode.attributes.name,
       title: intl.formatMessage(
         { id: (_b = title == null ? void 0 : title.id) != null ? _b : `two-step.${group}.title` },
@@ -26825,16 +27263,15 @@ function PasskeyListItem({ group, title, passkeyNode }) {
 }
 
 // src/theme/default/components/form/button.tsx
-var import_client_fetch34 = require("@ory/client-fetch");
+var import_client_fetch36 = require("@ory/client-fetch");
 var import_elements_react10 = require("@ory/elements-react");
 var import_class_variance_authority = require("class-variance-authority");
-var import_react_hook_form16 = require("react-hook-form");
-var import_react_intl15 = require("react-intl");
-var import_react13 = require("react");
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_react_intl16 = require("react-intl");
+var import_react16 = require("react");
+var import_jsx_runtime75 = require("react/jsx-runtime");
 var buttonStyles = (0, import_class_variance_authority.cva)(
   [
-    "relative flex justify-center gap-3 overflow-hidden rounded-buttons leading-none font-medium ring-1 ring-inset",
+    "relative flex cursor-pointer justify-center gap-3 overflow-hidden rounded-buttons leading-none font-medium ring-1 ring-inset",
     "disabled:cursor-not-allowed loading:cursor-wait loading:before:pointer-events-none",
     "transition-colors duration-100 ease-linear",
     "max-w-[488px] p-4"
@@ -26862,46 +27299,27 @@ var buttonStyles = (0, import_class_variance_authority.cva)(
   }
 );
 var DefaultButton = ({
-  attributes,
   node,
-  onClick
+  buttonProps,
+  isSubmitting
 }) => {
-  const { type, name, value, ...rest } = attributes;
-  const [clicked, setClicked] = (0, import_react13.useState)(false);
-  const intl = (0, import_react_intl15.useIntl)();
-  const label = (0, import_client_fetch34.getNodeLabel)(node);
-  const {
-    formState: { isSubmitting, isReady },
-    setValue
-  } = (0, import_react_hook_form16.useFormContext)();
-  (0, import_react13.useEffect)(() => {
-    if (!isSubmitting) {
-      setClicked(false);
-    }
-  }, [isSubmitting]);
-  const isPrimary = attributes.name === "method" || attributes.name.includes("passkey") || attributes.name.includes("webauthn") || attributes.name.includes("lookup_secret") || attributes.name.includes("action") && attributes.value === "accept";
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
+  const intl = (0, import_react_intl16.useIntl)();
+  const label = (0, import_client_fetch36.getNodeLabel)(node);
+  const isPrimary = (0, import_react16.useMemo)(() => {
+    return node.attributes.name === "method" || node.attributes.name.includes("passkey") || node.attributes.name.includes("webauthn") || node.attributes.name.includes("lookup_secret") || node.attributes.name.includes("action") && node.attributes.value === "accept";
+  }, [node.attributes.name, node.attributes.value]);
+  return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(
     "button",
     {
-      ...omitInputAttributes(rest),
-      value,
-      name,
-      type: type === "button" ? "button" : "submit",
-      onClick: (e) => {
-        onClick == null ? void 0 : onClick(e);
-        setClicked(true);
-        if (type !== "button") {
-          setValue(name, value);
-        }
-      },
+      ...buttonProps,
+      "data-testid": `ory/form/node/button/${node.attributes.name}`,
+      "data-loading": isSubmitting,
       className: buttonStyles({
         intent: isPrimary ? "primary" : "secondary"
       }),
-      disabled: rest.disabled === true || !isReady || isSubmitting,
-      "data-loading": clicked,
       children: [
-        clicked ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Spinner, {}) : null,
-        label ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { children: (0, import_elements_react10.uiTextToFormattedMessage)(label, intl) }) : ""
+        isSubmitting ? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Spinner, {}) : null,
+        label ? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { children: (0, import_elements_react10.uiTextToFormattedMessage)(label, intl) }) : ""
       ]
     }
   );
@@ -26909,14 +27327,13 @@ var DefaultButton = ({
 DefaultButton.displayName = "DefaultButton";
 
 // src/theme/default/components/form/checkbox.tsx
-var import_client_fetch35 = require("@ory/client-fetch");
+var import_client_fetch37 = require("@ory/client-fetch");
 var import_elements_react11 = require("@ory/elements-react");
-var import_react_hook_form17 = require("react-hook-form");
-var import_react_intl17 = require("react-intl");
+var import_react_intl18 = require("react-intl");
 
 // src/theme/default/components/ui/checkbox-label.tsx
-var import_react_intl16 = require("react-intl");
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_react_intl17 = require("react-intl");
+var import_jsx_runtime76 = require("react/jsx-runtime");
 var linkRegex = /\[([^\]]+)\]\(([^)]+)\)/g;
 function computeLabelElements(labelText) {
   const elements = [];
@@ -26932,7 +27349,7 @@ function computeLabelElements(labelText) {
       elements.push(labelText.slice(lastIndex, matchStart));
     }
     elements.push(
-      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
         "a",
         {
           href: url,
@@ -26952,18 +27369,18 @@ function computeLabelElements(labelText) {
   return elements;
 }
 function CheckboxLabel({ label }) {
-  const intl = (0, import_react_intl16.useIntl)();
+  const intl = (0, import_react_intl17.useIntl)();
   if (!label) {
     return null;
   }
   const labelText = resolveLabel(label, intl);
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_jsx_runtime67.Fragment, { children: computeLabelElements(labelText) });
+  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_jsx_runtime76.Fragment, { children: computeLabelElements(labelText) });
 }
 
 // src/theme/default/components/form/checkbox.tsx
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_jsx_runtime77 = require("react/jsx-runtime");
 function CheckboxSVG() {
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
     "svg",
     {
       className: "absolute hidden size-4 fill-checkbox-foreground-checked peer-checked:block",
@@ -26972,7 +27389,7 @@ function CheckboxSVG() {
       height: "16",
       viewBox: "0 0 16 16",
       fill: "none",
-      children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
         "path",
         {
           fillRule: "evenodd",
@@ -26983,36 +27400,28 @@ function CheckboxSVG() {
     }
   );
 }
-var DefaultCheckbox = ({
-  attributes: initialAttributes,
-  node
-}) => {
-  const { value, name, ...attributes } = initialAttributes;
-  const intl = (0, import_react_intl17.useIntl)();
-  const label = (0, import_client_fetch35.getNodeLabel)(node);
-  const { register } = (0, import_react_hook_form17.useFormContext)();
+var DefaultCheckbox = ({ node, inputProps }) => {
+  const intl = (0, import_react_intl18.useIntl)();
+  const label = (0, import_client_fetch37.getNodeLabel)(node);
   const hasError = node.messages.some((m) => m.type === "error");
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("label", { className: "flex items-start gap-3 self-stretch antialiased", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("span", { className: "flex h-5 items-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("label", { className: "flex cursor-pointer items-start gap-3 self-stretch antialiased", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("span", { className: "flex h-5 items-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
         "input",
         {
-          ...omitInputAttributes(attributes),
-          defaultChecked: Boolean(value),
-          type: "checkbox",
+          ...inputProps,
           className: cn(
             "peer size-4 appearance-none rounded-forms border border-checkbox-border-checkbox-border-default bg-checkbox-background-default checked:border-checkbox-border-checkbox-border-checked checked:bg-checkbox-background-checked",
             hasError && "border-interface-border-validation-danger"
           ),
-          "data-testid": `ory/form/node/input/${name}`,
-          ...register(name)
+          "data-testid": `ory/form/node/input/${node.attributes.name}`
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(CheckboxSVG, {})
+      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(CheckboxSVG, {})
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("span", { className: "flex flex-col", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "leading-tight font-normal text-interface-foreground-default-primary", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(CheckboxLabel, { label }) }),
-      node.messages.map((message) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("span", { className: "flex flex-col", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "leading-tight font-normal text-interface-foreground-default-primary", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(CheckboxLabel, { label }) }),
+      node.messages.map((message) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
         "span",
         {
           className: cn(
@@ -27030,13 +27439,13 @@ var DefaultCheckbox = ({
 
 // src/theme/default/components/form/group-container.tsx
 var import_elements_react12 = require("@ory/elements-react");
-var import_client_fetch36 = require("@ory/client-fetch");
+var import_client_fetch38 = require("@ory/client-fetch");
 
 // src/util/childCounter.ts
-var import_react14 = require("react");
+var import_react17 = require("react");
 function countRenderableChildren(children) {
-  return import_react14.Children.toArray(children).filter((c) => {
-    if ((0, import_react14.isValidElement)(c)) {
+  return import_react17.Children.toArray(children).filter((c) => {
+    if ((0, import_react17.isValidElement)(c)) {
       return true;
     }
     return false;
@@ -27044,19 +27453,19 @@ function countRenderableChildren(children) {
 }
 
 // src/theme/default/components/form/group-container.tsx
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_jsx_runtime78 = require("react/jsx-runtime");
 function DefaultGroupContainer({ children }) {
   const { flowType } = (0, import_elements_react12.useOryFlow)();
   const count = countRenderableChildren(children);
   if (count === 0) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
     "div",
     {
       className: cn(
         "grid",
-        flowType === import_client_fetch36.FlowType.OAuth2Consent ? "grid-cols-2 gap-2" : "grid-cols-1 gap-8"
+        flowType === import_client_fetch38.FlowType.OAuth2Consent ? "grid-cols-2 gap-2" : "grid-cols-1 gap-8"
       ),
       children
     }
@@ -27064,224 +27473,197 @@ function DefaultGroupContainer({ children }) {
 }
 
 // src/theme/default/components/form/horizontal-divider.tsx
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_jsx_runtime79 = require("react/jsx-runtime");
 function DefaultHorizontalDivider() {
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("hr", { className: "border-interface-border-default-primary" });
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("hr", { className: "border-interface-border-default-primary" });
 }
 
 // src/theme/default/components/form/image.tsx
-var import_jsx_runtime71 = require("react/jsx-runtime");
-function DefaultImage({ attributes, node }) {
+var import_jsx_runtime80 = require("react/jsx-runtime");
+function DefaultImage({ node }) {
   var _a;
-  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("figure", { children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("figure", { children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
     "img",
     {
-      ...omitInputAttributes(attributes),
+      ...omitInputAttributes(node.attributes),
       alt: ((_a = node.meta.label) == null ? void 0 : _a.text) || ""
     }
   ) });
 }
 
 // src/theme/default/components/form/input.tsx
-var import_client_fetch37 = require("@ory/client-fetch");
+var import_client_fetch39 = require("@ory/client-fetch");
 var import_elements_react13 = require("@ory/elements-react");
-var import_react15 = require("react");
-var import_react_hook_form18 = require("react-hook-form");
-var import_react_intl18 = require("react-intl");
+var PasswordToggleField = __toESM(require("@radix-ui/react-password-toggle-field"));
+var import_react18 = require("react");
 
 // src/theme/default/assets/icons/eye-off.svg
 var React24 = __toESM(require("react"));
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_jsx_runtime81 = require("react/jsx-runtime");
 var SvgEyeOff = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M10.585 10.587a2 2 0 0 0 2.829 2.828m3.267 3.258A8.7 8.7 0 0 1 12 18q-5.4 0-9-6 1.908-3.18 4.32-4.674m2.86-1.146A9 9 0 0 1 12 6q5.4 0 9 6-1 1.665-2.138 2.87M3 3l18 18" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime81.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_runtime81.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M10.585 10.587a2 2 0 0 0 2.829 2.828m3.267 3.258A8.7 8.7 0 0 1 12 18q-5.4 0-9-6 1.908-3.18 4.32-4.674m2.86-1.146A9 9 0 0 1 12 6q5.4 0 9 6-1 1.665-2.138 2.87M3 3l18 18" }) });
 };
 var eye_off_default = SvgEyeOff;
 
 // src/theme/default/assets/icons/eye.svg
 var React25 = __toESM(require("react"));
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_jsx_runtime82 = require("react/jsx-runtime");
 var SvgEye = (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 24", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("g", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("path", { d: "M10 12a2 2 0 1 0 4 0 2 2 0 0 0-4 0" }),
-    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("path", { d: "M21 12q-3.6 6-9 6t-9-6q3.6-6 9-6t9 6" })
+  return /* @__PURE__ */ (0, import_jsx_runtime82.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_runtime82.jsxs)("g", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("path", { d: "M10 12a2 2 0 1 0 4 0 2 2 0 0 0-4 0" }),
+    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("path", { d: "M21 12q-3.6 6-9 6t-9-6q3.6-6 9-6t9 6" })
   ] }) });
 };
 var eye_default = SvgEye;
 
 // src/theme/default/components/form/input.tsx
-var import_jsx_runtime74 = require("react/jsx-runtime");
+var import_jsx_runtime83 = require("react/jsx-runtime");
 var defaultInputClassName = cn(
-  "w-full rounded-forms border leading-tight antialiased transition-colors placeholder:h-[20px] placeholder:text-input-foreground-tertiary focus:ring-0 focus-visible:outline-hidden",
+  "w-full rounded-forms border leading-tight antialiased transition-colors focus:ring-0 focus-visible:outline-none",
   "border-input-border-default bg-input-background-default text-input-foreground-primary",
-  "disabled:border-input-border-disabled disabled:bg-input-background-disabled disabled:text-input-foreground-disabled",
-  "focus:border-input-border-focus focus-visible:border-input-border-focus",
-  "hover:border-input-border-hover hover:bg-input-background-hover",
-  "px-4 py-[13px]"
+  "focus-within:border-input-border-focus focus-visible:border-input-border-focus",
+  "hover:bg-input-background-hover"
 );
-function resolvePlaceholder(text, intl) {
-  const fallback = intl.formatMessage(
-    {
-      id: "input.placeholder",
-      defaultMessage: "Enter your {placeholder}"
-    },
-    {
-      placeholder: (0, import_elements_react13.uiTextToFormattedMessage)(text, intl)
-    }
-  );
-  if (isDynamicText(text)) {
-    const field = text.context.name;
-    return intl.formatMessage({
-      id: `forms.input.placeholder.${field}`,
-      defaultMessage: fallback
-    });
-  }
-  return fallback;
+function isAutocompletePassword(autocomplete) {
+  return autocomplete === "new-password" || autocomplete === "current-password";
 }
-var DefaultInput = ({
-  node,
-  attributes,
-  onClick
-}) => {
-  const label = (0, import_client_fetch37.getNodeLabel)(node);
-  const { register } = (0, import_react_hook_form18.useFormContext)();
-  const { value, autocomplete, name, maxlength, ...rest } = attributes;
-  const intl = (0, import_react_intl18.useIntl)();
-  const { flowType } = (0, import_elements_react13.useOryFlow)();
-  const inputRef = (0, import_react15.useRef)(null);
-  const placeholder = label ? resolvePlaceholder(label, intl) : "";
-  if (rest.type === "hidden") {
-    return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
-      "input",
-      {
-        ...omitInputAttributes(rest),
-        "data-testid": `ory/form/node/input/${name}`,
-        ...register(name, { value })
-      }
-    );
-  }
-  const { ref, ...restRegister } = register(name, { value });
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
+function PasswordInput({
+  className,
+  ...rest
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(PasswordToggleField.Root, { children: /* @__PURE__ */ (0, import_jsx_runtime83.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_fetch37.FlowType.Settings && "max-w-[488px]"
+        defaultInputClassName,
+        "flex justify-stretch not-focus-within:hover:border-input-border-hover",
+        "data-[disabled=true]:border-input-border-disabled data-[disabled=true]:bg-input-background-disabled data-[disabled=true]:text-input-foreground-disabled"
       ),
+      "data-disabled": rest.disabled,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
-          "input",
+        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+          PasswordToggleField.Input,
           {
-            ...omitInputAttributes(rest),
-            onClick,
-            maxLength: maxlength,
-            autoComplete: autocomplete,
-            placeholder,
-            "data-testid": `ory/form/node/input/${name}`,
-            className: defaultInputClassName,
-            ref: (e) => {
-              inputRef.current = e;
-              ref(e);
-            },
-            ...restRegister
+            ...rest,
+            className: cn(
+              "w-full rounded-l-forms rounded-r-none bg-transparent px-4 py-[13px] text-input-foreground-primary placeholder:h-[20px] placeholder:text-input-foreground-tertiary focus:outline-none disabled:bg-input-background-disabled disabled:text-input-foreground-disabled",
+              className
+            )
           }
         ),
-        rest.type === "password" && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(PasswordToggle, { inputRef })
+        /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(PasswordToggleField.Toggle, { className: "cursor-pointer bg-transparent px-2 py-[13px]", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(PasswordToggleField.Icon, { visible: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(eye_off_default, {}), hidden: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(eye_default, {}) }) })
       ]
     }
-  );
-};
-function PasswordToggle({
-  inputRef
-}) {
-  const [shown, setShown] = (0, import_react15.useState)(false);
-  const handleClick = () => {
-    setShown(!shown);
-    if (inputRef.current) {
-      inputRef.current.type = shown ? "password" : "text";
-    }
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
-    "button",
+  ) });
+}
+var TextInput = (0, import_react18.forwardRef)(
+  ({ className, ...props }, ref) => {
+    const { flowType } = (0, import_elements_react13.useOryFlow)();
+    return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+      "input",
+      {
+        ...props,
+        className: cn(
+          defaultInputClassName,
+          "px-4 py-[13px] hover:border-input-border-hover",
+          "placeholder:h-[20px] placeholder:text-input-foreground-tertiary disabled:border-input-border-disabled disabled:bg-input-background-disabled disabled:text-input-foreground-disabled",
+          // 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_fetch39.FlowType.Settings && "max-w-[488px]",
+          className
+        ),
+        ref
+      }
+    );
+  }
+);
+var DefaultInputRoot = ({ inputProps }) => {
+  if (inputProps.type === "password") {
+    const autoComplete = isAutocompletePassword(inputProps.autoComplete) ? inputProps.autoComplete : void 0;
+    return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+      PasswordInput,
+      {
+        "data-testid": `ory/form/node/input/${inputProps.name}`,
+        ...inputProps,
+        autoComplete
+      }
+    );
+  }
+  if (inputProps.type === "hidden") {
+    return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+      "input",
+      {
+        "data-testid": `ory/form/node/input/${inputProps.name}`,
+        ...inputProps
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+    TextInput,
     {
-      onClick: handleClick,
-      className: "absolute right-0 flex h-full w-12 items-center justify-center text-input-foreground-primary",
-      type: "button",
-      "aria-label": "Toggle password visibility",
-      children: shown ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(eye_off_default, {}) : /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(eye_default, {})
+      "data-testid": `ory/form/node/input/${inputProps.name}`,
+      ...inputProps
     }
   );
-}
+};
+var DefaultInput = Object.assign(DefaultInputRoot, {
+  TextInput,
+  PasswordInput
+});
 
 // src/theme/default/components/form/label.tsx
-var import_client_fetch38 = require("@ory/client-fetch");
+var import_client_fetch40 = require("@ory/client-fetch");
 var import_elements_react14 = require("@ory/elements-react");
-var import_react16 = require("react");
-var import_react_hook_form19 = require("react-hook-form");
+var import_react19 = require("react");
 var import_react_intl19 = require("react-intl");
-var import_jsx_runtime75 = require("react/jsx-runtime");
-function findResendNode(nodes) {
-  return nodes.find(
-    (n) => "name" in n.attributes && (["email", "recovery_confirm_address"].includes(n.attributes.name) && n.attributes.type === "submit" || n.attributes.name === "resend")
-  );
-}
+var import_jsx_runtime84 = require("react/jsx-runtime");
 function DefaultLabel({
   node,
   children,
   attributes,
-  ...rest
+  fieldError
 }) {
   const intl = (0, import_react_intl19.useIntl)();
-  const label = (0, import_client_fetch38.getNodeLabel)(node);
+  const label = (0, import_client_fetch40.getNodeLabel)(node);
   const { Message } = (0, import_elements_react14.useComponents)();
-  const { flow } = (0, import_elements_react14.useOryFlow)();
-  const { setValue, formState } = (0, import_react_hook_form19.useFormContext)();
-  const resendNode = findResendNode(flow.ui.nodes);
-  const handleResend = () => {
-    if ((resendNode == null ? void 0 : resendNode.attributes) && "name" in resendNode.attributes) {
-      setValue(resendNode.attributes.name, resendNode.attributes.value);
-    }
-  };
-  const fieldError = formState.errors[attributes.name];
-  return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "flex flex-col gap-1 antialiased", children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("span", { className: "inline-flex justify-between", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+  const { resendCode, resendCodeNode } = (0, import_elements_react14.useResendCode)();
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "flex flex-col gap-1 antialiased", children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("span", { className: "inline-flex justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
         "label",
         {
           ...(0, import_elements_react14.messageTestId)(label),
           className: "leading-normal text-input-foreground-primary",
           htmlFor: attributes.name,
           "data-testid": `ory/form/node/input/label/${attributes.name}`,
-          ...rest,
           children: resolveLabel(label, intl)
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(LabelAction, { attributes }),
-      (resendNode == null ? void 0 : resendNode.attributes.node_type) === "input" && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(LabelAction, { attributes }),
+      (resendCodeNode == null ? void 0 : resendCodeNode.attributes.node_type) === "input" && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
         "button",
         {
-          type: "submit",
-          name: resendNode.attributes.name,
-          value: resendNode.attributes.value,
-          onClick: handleResend,
+          type: "button",
+          name: resendCodeNode.attributes.name,
+          value: resendCodeNode.attributes.value,
+          onClick: resendCode,
           className: "cursor-pointer text-button-link-brand-brand underline transition-colors hover:text-button-link-brand-brand-hover",
           children: intl.formatMessage({ id: "identities.messages.1070008" })
         }
       )
     ] }),
     children,
-    node.messages.map((message) => /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Message.Content, { message }, message.id)),
-    fieldError && (0, import_client_fetch38.instanceOfUiText)(fieldError) && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Message.Content, { message: fieldError })
+    node.messages.map((message) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Message.Content, { message }, message.id)),
+    fieldError && (0, import_client_fetch40.instanceOfUiText)(fieldError) && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Message.Content, { message: fieldError })
   ] });
 }
 function LabelAction({ attributes }) {
   const intl = (0, import_react_intl19.useIntl)();
   const { flowType, flow, formState } = (0, import_elements_react14.useOryFlow)();
   const config = (0, import_elements_react14.useOryConfiguration)();
-  const action = (0, import_react16.useMemo)(() => {
-    if (flowType === import_client_fetch38.FlowType.Login && config.project.recovery_enabled) {
+  const action = (0, import_react19.useMemo)(() => {
+    if (flowType === import_client_fetch40.FlowType.Login && config.project.recovery_enabled) {
       if (formState.current === "provide_identifier" && !flow.refresh) {
         if (attributes.name === "identifier") {
           return {
@@ -27313,7 +27695,7 @@ function LabelAction({ attributes }) {
     config.sdk.url,
     formState
   ]);
-  return action ? /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+  return action ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
     "a",
     {
       href: action.href,
@@ -27325,15 +27707,15 @@ function LabelAction({ attributes }) {
 }
 
 // src/theme/default/components/form/link-button.tsx
-var import_client_fetch39 = require("@ory/client-fetch");
+var import_client_fetch41 = require("@ory/client-fetch");
 var import_elements_react15 = require("@ory/elements-react");
-var import_react17 = require("react");
+var import_react20 = require("react");
 var import_react_intl20 = require("react-intl");
-var import_jsx_runtime76 = require("react/jsx-runtime");
-var DefaultLinkButton = (0, import_react17.forwardRef)(({ attributes, node }, ref) => {
+var import_jsx_runtime85 = require("react/jsx-runtime");
+var DefaultLinkButton = (0, import_react20.forwardRef)(({ attributes, node }, ref) => {
   const intl = (0, import_react_intl20.useIntl)();
-  const label = (0, import_client_fetch39.getNodeLabel)(node);
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+  const label = (0, import_client_fetch41.getNodeLabel)(node);
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
     "a",
     {
       ...omitInputAttributes(attributes),
@@ -27350,13 +27732,14 @@ var DefaultLinkButton = (0, import_react17.forwardRef)(({ attributes, node }, re
 DefaultLinkButton.displayName = "DefaultLinkButton";
 
 // src/theme/default/components/form/pin-code-input.tsx
-var import_react_hook_form20 = require("react-hook-form");
+var import_client_fetch42 = require("@ory/client-fetch");
+var import_elements_react16 = require("@ory/elements-react");
 
 // src/theme/default/components/form/shadcn/otp-input.tsx
 var import_input_otp = require("input-otp");
 var React26 = __toESM(require("react"));
-var import_jsx_runtime77 = require("react/jsx-runtime");
-var InputOTP = React26.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+var import_jsx_runtime86 = require("react/jsx-runtime");
+var InputOTP = React26.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
   import_input_otp.OTPInput,
   {
     ref,
@@ -27369,12 +27752,12 @@ var InputOTP = React26.forwardRef(({ className, containerClassName, ...props },
   }
 ));
 InputOTP.displayName = "InputOTP";
-var InputOTPGroup = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { ref, className: cn("flex items-center", className), ...props }));
+var InputOTPGroup = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime86.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_runtime77.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
     "div",
     {
       ref,
@@ -27386,8 +27769,8 @@ var InputOTPSlot = React26.forwardRef(({ index, className, ...props }, ref) => {
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("span", { className: "inline-block size-4", children: char }),
-        hasFakeCaret && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "h-4 w-px animate-caret-blink bg-interface-background-brand-primary duration-700" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "inline-block size-4", children: char }),
+        hasFakeCaret && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "h-4 w-px animate-caret-blink bg-interface-background-brand-primary duration-700" }) })
       ]
     }
   );
@@ -27395,35 +27778,31 @@ var InputOTPSlot = React26.forwardRef(({ index, className, ...props }, ref) => {
 InputOTPSlot.displayName = "InputOTPSlot";
 
 // src/theme/default/components/form/pin-code-input.tsx
-var import_elements_react16 = require("@ory/elements-react");
-var import_client_fetch40 = require("@ory/client-fetch");
-var import_jsx_runtime78 = require("react/jsx-runtime");
-var DefaultPinCodeInput = ({ attributes }) => {
-  const { setValue, watch } = (0, import_react_hook_form20.useFormContext)();
-  const { maxlength, name } = attributes;
-  const elements = maxlength != null ? maxlength : 6;
+var import_jsx_runtime87 = require("react/jsx-runtime");
+var DefaultPinCodeInput = ({
+  node,
+  inputProps
+}) => {
   const { flowType } = (0, import_elements_react16.useOryFlow)();
-  const handleInputChange = (v) => {
-    setValue(name, v);
-  };
-  const value = watch(name);
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+  const { value, maxLength, ...restInputProps } = inputProps;
+  const elements = maxLength != null ? maxLength : 6;
+  const valueCasted = value;
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
     InputOTP,
     {
-      maxLength: maxlength != null ? maxlength : 6,
-      onChange: handleInputChange,
-      name,
-      value,
-      "data-testid": `ory/form/node/input/${name}`,
-      children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+      "data-testid": `ory/form/node/input/${node.attributes.name}`,
+      ...restInputProps,
+      value: valueCasted,
+      maxLength: elements,
+      children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
         InputOTPGroup,
         {
           className: cn(
             "flex w-full justify-stretch gap-2",
             // 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_fetch40.FlowType.Settings && "max-w-[488px]"
+            flowType === import_client_fetch42.FlowType.Settings && "max-w-[488px]"
           ),
-          children: [...Array(elements)].map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(InputOTPSlot, { index }, index))
+          children: [...Array(elements)].map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(InputOTPSlot, { index }, index))
         }
       )
     }
@@ -27431,16 +27810,16 @@ var DefaultPinCodeInput = ({ attributes }) => {
 };
 
 // src/theme/default/components/form/section.tsx
-var import_jsx_runtime79 = require("react/jsx-runtime");
+var import_jsx_runtime88 = require("react/jsx-runtime");
 var DefaultFormSection = ({
   children,
   nodes: _nodes,
   ...rest
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
     "form",
     {
-      className: "flex w-full max-w-(--breakpoint-sm) flex-col px-4 md:max-w-[712px] lg:max-w-[802px] xl:max-w-[896px]",
+      className: "flex w-(--breakpoint-sm) flex-col px-4 md:w-[712px] lg:w-[802px] xl:w-[896px]",
       ...rest,
       children
     }
@@ -27451,10 +27830,10 @@ var DefaultFormSectionContent = ({
   description,
   children
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex flex-col gap-8 rounded-t-cards border border-b-0 border-interface-border-default-primary bg-interface-background-default-primary px-6 py-8", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("h3", { className: "font-medium text-interface-foreground-default-primary", children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "text-interface-foreground-default-secondary", children: description })
+  return /* @__PURE__ */ (0, import_jsx_runtime88.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_runtime88.jsxs)("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("h3", { className: "font-medium text-interface-foreground-default-primary", children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "text-interface-foreground-default-secondary", children: description })
     ] }),
     children
   ] });
@@ -27463,14 +27842,14 @@ var DefaultFormSectionFooter = ({
   children,
   text
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime88.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_runtime79.jsx)("span", { children: text }),
+        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { children: text }),
         children
       ]
     }
@@ -27480,35 +27859,42 @@ var DefaultFormSectionFooter = ({
 // src/theme/default/components/form/text.tsx
 var import_elements_react17 = require("@ory/elements-react");
 var import_react_intl21 = require("react-intl");
-var import_jsx_runtime80 = require("react/jsx-runtime");
-function DefaultText({ node, attributes }) {
-  var _a;
+var import_jsx_runtime89 = require("react/jsx-runtime");
+function DefaultText({ node }) {
   const intl = (0, import_react_intl21.useIntl)();
-  const lookup = (_a = attributes.text.context) == null ? void 0 : _a.secrets;
-  if (lookup) {
-    return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(import_jsx_runtime80.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("p", { "data-testid": `ory/form/node/text/${attributes.id}/label`, children: node.meta.label ? (0, import_elements_react17.uiTextToFormattedMessage)(node.meta.label, intl) : "" }),
-      lookup.map((text, index) => /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
-        "pre",
-        {
-          "data-testid": `ory/form/node/text/lookup_secret_codes/text`,
-          children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("code", { children: text ? (0, import_elements_react17.uiTextToFormattedMessage)(text, intl) : "" })
-        },
-        index
-      ))
-    ] });
+  if (node.attributes.id === "totp_secret_key") {
+    return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+      DefaultLabel,
+      {
+        node,
+        attributes: node.attributes,
+        children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "relative flex max-w-[488px] justify-stretch", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+          DefaultInput.TextInput,
+          {
+            disabled: true,
+            name: "totp_secret_key",
+            type: "text",
+            value: node.attributes.text.text,
+            "data-testid": `ory/form/node/input/totp_secret_key`
+          }
+        ) })
+      }
+    );
+  }
+  if (node.attributes.id === "lookup_secret_codes") {
+    throw new Error("node `lookup_secret_codes` cannot be rendered as text");
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_jsx_runtime80.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
     "p",
     {
-      "data-testid": `ory/form/node/text/${attributes.id}/label`,
-      id: attributes.id,
+      "data-testid": `ory/form/node/text/${node.attributes.id}/label`,
+      id: node.attributes.id,
       children: [
-        node.meta.label ? /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("label", { children: (0, import_elements_react17.uiTextToFormattedMessage)(node.meta.label, intl) }) : null,
-        attributes.text ? (0, import_elements_react17.uiTextToFormattedMessage)(attributes.text, intl) : ""
+        node.meta.label ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("label", { children: (0, import_elements_react17.uiTextToFormattedMessage)(node.meta.label, intl) }) : null,
+        node.attributes.text ? (0, import_elements_react17.uiTextToFormattedMessage)(node.attributes.text, intl) : ""
       ]
     }
-  ) });
+  );
 }
 
 // src/theme/default/components/generic/page-header.tsx
@@ -27520,21 +27906,21 @@ 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_runtime81 = require("react/jsx-runtime");
+var import_jsx_runtime90 = require("react/jsx-runtime");
 var SvgLogout = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime81.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_runtime90.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_runtime90.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_runtime82 = require("react/jsx-runtime");
+var import_jsx_runtime91 = require("react/jsx-runtime");
 var SvgSettings = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("g", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("path", { d: "M6.883 2.878c.284-1.17 1.95-1.17 2.234 0a1.15 1.15 0 0 0 1.715.71c1.029-.626 2.207.551 1.58 1.58a1.148 1.148 0 0 0 .71 1.715c1.17.284 1.17 1.95 0 2.234a1.15 1.15 0 0 0-.71 1.715c.626 1.029-.551 2.207-1.58 1.58a1.148 1.148 0 0 0-1.715.71c-.284 1.17-1.95 1.17-2.234 0a1.15 1.15 0 0 0-1.715-.71c-1.029.626-2.207-.551-1.58-1.58a1.15 1.15 0 0 0-.71-1.715c-1.17-.284-1.17-1.95 0-2.234a1.15 1.15 0 0 0 .71-1.715c-.626-1.029.551-2.207 1.58-1.58.667.405 1.531.047 1.715-.71" }),
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("path", { d: "M6 8a2 2 0 1 0 4 0 2 2 0 0 0-4 0" })
+  return /* @__PURE__ */ (0, import_jsx_runtime91.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_runtime91.jsxs)("g", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime91.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_runtime91.jsx)("path", { d: "M6 8a2 2 0 1 0 4 0 2 2 0 0 0-4 0" })
   ] }) });
 };
 var settings_default = SvgSettings;
@@ -27579,12 +27965,12 @@ var getUserInitials = (session) => {
 };
 
 // src/theme/default/components/ui/dropdown-menu.tsx
-var import_react18 = require("react");
+var import_react21 = require("react");
 var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
-var import_jsx_runtime83 = require("react/jsx-runtime");
+var import_jsx_runtime92 = require("react/jsx-runtime");
 var DropdownMenu = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
-var DropdownMenuContent = (0, import_react18.forwardRef)(({ className, sideOffset = 16, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+var DropdownMenuContent = (0, import_react21.forwardRef)(({ className, sideOffset = 16, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -27599,7 +27985,7 @@ var DropdownMenuContent = (0, import_react18.forwardRef)(({ className, sideOffse
   }
 ) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = (0, import_react18.forwardRef)(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+var DropdownMenuItem = (0, import_react21.forwardRef)(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -27617,7 +28003,7 @@ var DropdownMenuItem = (0, import_react18.forwardRef)(({ className, inset, ...pr
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuLabel = (0, import_react18.forwardRef)(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+var DropdownMenuLabel = (0, import_react21.forwardRef)(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -27632,35 +28018,35 @@ var DropdownMenuLabel = (0, import_react18.forwardRef)(({ className, inset, ...p
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
 
 // src/theme/default/components/ui/user-avater.tsx
-var import_react19 = require("react");
+var import_react22 = require("react");
 
 // src/theme/default/assets/icons/user.svg
 var React29 = __toESM(require("react"));
-var import_jsx_runtime84 = require("react/jsx-runtime");
+var import_jsx_runtime93 = require("react/jsx-runtime");
 var SvgUser = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M6 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2M8 7a4 4 0 1 0 8 0 4 4 0 0 0-8 0" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime93.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_runtime93.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_runtime85 = require("react/jsx-runtime");
-var UserAvatar = (0, import_react19.forwardRef)(
+var import_jsx_runtime94 = require("react/jsx-runtime");
+var UserAvatar = (0, import_react22.forwardRef)(
   ({ initials, ...rest }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime94.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_runtime85.jsx)("div", { className: "relative flex size-full items-center justify-center", children: initials.avatar ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "relative flex size-full items-center justify-center", children: initials.avatar ? /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
           "img",
           {
             src: initials.avatar,
             alt: initials.primary,
             className: "w-full object-contain"
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
           user_default,
           {
             size: 24,
@@ -27674,27 +28060,27 @@ var UserAvatar = (0, import_react19.forwardRef)(
 UserAvatar.displayName = "UserAvatar";
 
 // src/theme/default/components/ui/user-menu.tsx
-var import_jsx_runtime86 = require("react/jsx-runtime");
+var import_jsx_runtime95 = require("react/jsx-runtime");
 var UserMenu = ({ session }) => {
   const config = (0, import_elements_react18.useOryConfiguration)();
   const initials = getUserInitials(session);
   const { logoutFlow } = useClientLogout(config);
-  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(DropdownMenu, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(UserAvatar, { initials, title: "User Menu" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(DropdownMenuContent, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_react_dropdown_menu.DropdownMenuLabel, { className: "flex gap-3 px-5 py-4.5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(UserAvatar, { disabled: true, initials }),
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex flex-col justify-center text-sm leading-tight", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "leading-tight font-medium text-interface-foreground-default-primary", children: initials.primary }),
-          initials.secondary && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "leading-tight text-interface-foreground-default-tertiary", children: initials.secondary })
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(DropdownMenu, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(UserAvatar, { initials, title: "User Menu" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(DropdownMenuContent, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_react_dropdown_menu.DropdownMenuLabel, { className: "flex gap-3 px-5 py-4.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(UserAvatar, { disabled: true, initials }),
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex flex-col justify-center text-sm leading-tight", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "leading-tight font-medium text-interface-foreground-default-primary", children: initials.primary }),
+          initials.secondary && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "leading-tight text-interface-foreground-default-tertiary", children: initials.secondary })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("a", { href: config.project.settings_ui_url, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(settings_default, { size: 16 }),
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("a", { href: config.project.settings_ui_url, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(settings_default, { size: 16 }),
         " User settings"
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(DropdownMenuItem, { asChild: true, disabled: !(logoutFlow == null ? void 0 : logoutFlow.logout_url), children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("a", { href: logoutFlow == null ? void 0 : logoutFlow.logout_url, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(logout_default, { size: 16 }),
+      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(DropdownMenuItem, { asChild: true, disabled: !(logoutFlow == null ? void 0 : logoutFlow.logout_url), children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("a", { href: logoutFlow == null ? void 0 : logoutFlow.logout_url, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(logout_default, { size: 16 }),
         " Logout"
       ] }) })
     ] })
@@ -27704,7 +28090,7 @@ var UserMenu = ({ session }) => {
 // src/theme/default/components/generic/page-header.tsx
 var import_client4 = require("@ory/elements-react/client");
 var import_react_intl22 = require("react-intl");
-var import_jsx_runtime87 = require("react/jsx-runtime");
+var import_jsx_runtime96 = require("react/jsx-runtime");
 var DefaultPageHeader = (_props) => {
   var _a;
   const { Card } = (0, import_elements_react19.useComponents)();
@@ -27713,19 +28099,19 @@ var DefaultPageHeader = (_props) => {
   const { flow } = (0, import_elements_react19.useOryFlow)();
   const config = (0, import_elements_react19.useOryConfiguration)();
   const returnUrl = (_a = flow.return_to) != null ? _a : config.project.default_redirect_url;
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "mt-16 flex w-full max-w-(--breakpoint-sm) flex-col gap-3 px-4 md:max-w-[712px] lg:max-w-[802px] xl:max-w-[896px]", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex flex-col gap-12", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex max-h-10 flex-1 items-center justify-between gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "h-9", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Card.Logo, {}) }),
-      /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(UserMenu, { session })
+  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "mt-16 flex w-full max-w-(--breakpoint-sm) flex-col gap-3 px-4 md:max-w-[712px] lg:max-w-[802px] xl:max-w-[896px]", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex flex-col gap-12", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex max-h-10 flex-1 items-center justify-between gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "h-9", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Card.Logo, {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(UserMenu, { session })
     ] }),
-    returnUrl && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
+    returnUrl && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
       "a",
       {
         "data-testid": "ory/screen/settings/back-button",
         href: returnUrl,
         className: "inline-flex items-center gap-2 text-button-link-default-primary hover:text-button-link-default-primary-hover",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(arrow_left_default, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(arrow_left_default, {}),
           " ",
           intl.formatMessage({
             id: "settings.navigation-back-button",
@@ -27738,83 +28124,94 @@ var DefaultPageHeader = (_props) => {
 };
 
 // src/theme/default/components/settings/settings-oidc.tsx
-var import_react20 = require("react");
-var import_react_hook_form21 = require("react-hook-form");
-var import_usehooks_ts3 = require("usehooks-ts");
+var import_elements_react20 = require("@ory/elements-react");
+var import_react23 = require("react");
+var import_usehooks_ts4 = require("usehooks-ts");
 
 // src/theme/default/assets/icons/trash.svg
 var React30 = __toESM(require("react"));
-var import_jsx_runtime88 = require("react/jsx-runtime");
+var import_jsx_runtime97 = require("react/jsx-runtime");
 var SvgTrash = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M4 7h16m-10 4v6m4-6v6M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2l1-12M9 7V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime97.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_runtime97.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_runtime89 = require("react/jsx-runtime");
+var import_jsx_runtime98 = require("react/jsx-runtime");
+function extractProvider2(context) {
+  if (context && typeof context === "object" && "provider" in context && typeof context.provider === "string") {
+    return context.provider;
+  }
+  return void 0;
+}
 function DefaultSettingsOidc({
   linkButtons,
-  unlinkButtons
+  unlinkButtons,
+  isSubmitting
 }) {
   const hasLinkButtons = linkButtons.length > 0;
   const hasUnlinkButtons = unlinkButtons.length > 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "flex flex-col gap-8", children: [
-    hasLinkButtons && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "grid grid-cols-1 items-start gap-3 sm:grid-cols-2 md:grid-cols-3", children: linkButtons.map((button) => {
-      const attrs = button.attributes;
-      return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
-        DefaultButtonSocial,
+  const { Node: Node5 } = (0, import_elements_react20.useComponents)();
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "flex flex-col gap-8", children: [
+    hasLinkButtons && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "grid grid-cols-1 items-start gap-3 sm:grid-cols-2 md:grid-cols-3", children: linkButtons.map((button) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+        Node5.SsoButton,
         {
-          showLabel: true,
           node: button,
-          attributes: attrs,
-          onClick: button.onClick
+          buttonProps: button.buttonProps,
+          attributes: button.attributes,
+          isSubmitting,
+          provider: (button.attributes.value + "").split("-")[0]
         },
-        attrs.value
+        button.attributes.value
       );
     }) }),
-    hasUnlinkButtons && hasLinkButtons ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(DefaultHorizontalDivider, {}) : null,
+    hasUnlinkButtons && hasLinkButtons ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(DefaultHorizontalDivider, {}) : null,
     unlinkButtons.map((button) => {
       if (button.attributes.node_type !== "input") {
         return null;
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(UnlinkRow, { button }, button.attributes.value);
+      return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+        UnlinkRow,
+        {
+          button,
+          isSubmitting
+        },
+        button.attributes.value
+      );
     })
   ] });
 }
-function UnlinkRow({ button }) {
+function UnlinkRow({ button, isSubmitting }) {
   var _a, _b;
-  const [clicked, setClicked] = (0, import_usehooks_ts3.useDebounceValue)(false, 100);
-  const {
-    formState: { isSubmitting }
-  } = (0, import_react_hook_form21.useFormContext)();
-  const attrs = button.attributes;
-  const provider = (_b = extractProvider((_a = button.meta.label) == null ? void 0 : _a.context)) != null ? _b : "";
-  const Logo = provider_logos_default[attrs.value.split("-")[0]];
+  const [clicked, setClicked] = (0, import_usehooks_ts4.useDebounceValue)(false, 100);
+  const provider = (_b = extractProvider2((_a = button.meta.label) == null ? void 0 : _a.context)) != null ? _b : "";
+  const Logo = provider_logos_default[button.attributes.value.split("-")[0]];
   const localOnClick = () => {
     button.onClick();
     setClicked(true);
   };
-  (0, import_react20.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     if (!isSubmitting) {
       setClicked(false);
     }
   }, [isSubmitting, setClicked]);
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "flex justify-between", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "flex items-center gap-6", children: [
-      Logo ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Logo, { size: 32 }) : /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(GenericLogo, { label: provider.slice(0, 1) }),
-      /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("p", { className: "text-sm font-medium text-interface-foreground-default-secondary", children: provider })
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "flex justify-between", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "flex items-center gap-6", children: [
+      Logo ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Logo, { size: 32 }) : /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(GenericLogo, { label: provider.slice(0, 1) }),
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("p", { className: "text-sm font-medium text-interface-foreground-default-secondary", children: provider })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
       "button",
       {
-        ...omitInputAttributes(attrs),
+        ...omitInputAttributes(button.attributes),
         type: "submit",
         onClick: localOnClick,
         disabled: isSubmitting,
         className: "relative",
         title: `Unlink ${provider}`,
-        children: clicked ? /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Spinner, { className: "relative" }) : /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+        children: clicked ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Spinner, { className: "relative" }) : /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
           trash_default,
           {
             className: "text-button-link-default-secondary hover:text-button-link-default-secondary-hover",
@@ -27823,71 +28220,69 @@ function UnlinkRow({ button }) {
         )
       }
     )
-  ] }, attrs.value);
+  ] });
 }
 
 // src/theme/default/components/settings/settings-passkey.tsx
-var import_elements_react20 = require("@ory/elements-react");
-var import_react_hook_form22 = require("react-hook-form");
-var import_jsx_runtime90 = require("react/jsx-runtime");
+var import_elements_react21 = require("@ory/elements-react");
+var import_jsx_runtime99 = require("react/jsx-runtime");
 function DefaultSettingsPasskey({
   triggerButton,
-  removeButtons
+  removeButtons,
+  isSubmitting
 }) {
-  const {
-    formState: { isSubmitting }
-  } = (0, import_react_hook_form22.useFormContext)();
-  const { Node: Node2 } = (0, import_elements_react20.useComponents)();
+  const { Node: Node5 } = (0, import_elements_react21.useComponents)();
   const hasRemoveButtons = removeButtons.length > 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex flex-col gap-8", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "flex max-w-[60%] items-end gap-3", children: triggerButton && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
-      Node2.Button,
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "flex flex-col gap-8", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "flex max-w-[60%] items-end gap-3", children: triggerButton && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+      Node5.Button,
       {
         node: triggerButton,
         attributes: triggerButton.attributes,
-        onClick: triggerButton.onClick
+        buttonProps: triggerButton.buttonProps,
+        isSubmitting
       }
     ) }),
-    hasRemoveButtons ? /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex flex-col gap-8", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(DefaultHorizontalDivider, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "flex flex-col gap-2", children: removeButtons.map((node, i) => {
+    hasRemoveButtons ? /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "flex flex-col gap-8", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(DefaultHorizontalDivider, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime99.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_runtime90.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
           "div",
           {
             className: "flex justify-between gap-6 md:items-center",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex flex-1 items-center gap-2 truncate", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "flex flex-1 items-center gap-2 truncate", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
                   passkey_default,
                   {
                     size: 32,
                     className: "text-interface-foreground-default-primary"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex flex-1 flex-col gap-4 truncate md:flex-row md:items-center md:justify-between", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex-1 flex-col truncate", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("p", { className: "truncate text-sm font-medium text-interface-foreground-default-secondary", children: displayName }),
-                    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "hidden truncate text-sm text-interface-foreground-default-tertiary sm:block", children: keyId })
+                /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "flex flex-1 flex-col gap-4 truncate md:flex-row md:items-center md:justify-between", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "flex-1 flex-col truncate", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("p", { className: "truncate text-sm font-medium text-interface-foreground-default-secondary", children: displayName }),
+                    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "hidden truncate text-sm text-interface-foreground-default-tertiary sm:block", children: keyId })
                   ] }),
-                  addedAt && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("p", { className: "text-sm text-interface-foreground-default-tertiary", children: new Intl.DateTimeFormat(void 0, {
+                  addedAt && /* @__PURE__ */ (0, import_jsx_runtime99.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_runtime90.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
                 "button",
                 {
                   ...node.attributes,
                   type: "submit",
-                  onClick: node.onClick,
+                  onClick: node.buttonProps.onClick,
                   disabled: isSubmitting,
                   className: "relative",
-                  children: isSubmitting ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(Spinner, { className: "relative" }) : /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+                  children: isSubmitting ? /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Spinner, { className: "relative" }) : /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
                     trash_default,
                     {
                       className: "text-button-link-default-secondary hover:text-button-link-default-secondary-hover",
@@ -27907,35 +28302,32 @@ function DefaultSettingsPasskey({
 
 // src/theme/default/assets/icons/download.svg
 var React31 = __toESM(require("react"));
-var import_jsx_runtime91 = require("react/jsx-runtime");
+var import_jsx_runtime100 = require("react/jsx-runtime");
 var SvgDownload = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, fill: "none", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "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_runtime100.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_runtime100.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_runtime92 = require("react/jsx-runtime");
+var import_jsx_runtime101 = require("react/jsx-runtime");
 var SvgRefresh = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, fill: "none", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M20 11A8.1 8.1 0 0 0 4.5 9M4 5v4h4m-4 4a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime101.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_runtime101.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_form23 = require("react-hook-form");
-var import_jsx_runtime93 = require("react/jsx-runtime");
+var import_jsx_runtime102 = require("react/jsx-runtime");
 function DefaultSettingsRecoveryCodes({
   codes,
-  regnerateButton,
+  regenerateButton,
   revealButton,
   onRegenerate,
-  onReveal
+  onReveal,
+  isSubmitting
 }) {
-  const {
-    formState: { isSubmitting }
-  } = (0, import_react_hook_form23.useFormContext)();
   const onDownload = () => {
     const element = document.createElement("a");
     const file = new Blob([codes.join("\n")], {
@@ -27947,21 +28339,21 @@ function DefaultSettingsRecoveryCodes({
     element.click();
   };
   const hasCodes = codes.length >= 1;
-  return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex flex-col gap-8", children: [
-    codes.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(DefaultHorizontalDivider, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex justify-between gap-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "text-interface-foreground-default-tertiary", children: revealButton && "Reveal recovery codes" }),
-      /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex gap-2", children: [
-        regnerateButton && codes.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex flex-col gap-8", children: [
+    codes.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(DefaultHorizontalDivider, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex justify-between gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("span", { className: "text-interface-foreground-default-tertiary", children: revealButton && "Reveal recovery codes" }),
+      /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex gap-2", children: [
+        regenerateButton && codes.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
           "button",
           {
-            ...regnerateButton.attributes,
+            ...omitInputAttributes(regenerateButton.attributes),
             type: "submit",
             className: "ml-auto",
             onClick: onRegenerate,
             disabled: isSubmitting,
             "data-loading": isSubmitting,
-            children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
               refresh_default,
               {
                 size: 24,
@@ -27970,7 +28362,7 @@ function DefaultSettingsRecoveryCodes({
             )
           }
         ),
-        revealButton && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_jsx_runtime93.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+        revealButton && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_jsx_runtime102.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
           "button",
           {
             ...revealButton.attributes,
@@ -27978,7 +28370,7 @@ function DefaultSettingsRecoveryCodes({
             className: "ml-auto",
             onClick: onReveal,
             title: "Reveal recovery codes",
-            children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
               eye_default,
               {
                 size: 24,
@@ -27987,7 +28379,7 @@ function DefaultSettingsRecoveryCodes({
             )
           }
         ) }),
-        hasCodes && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+        hasCodes && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
           "button",
           {
             onClick: onDownload,
@@ -27995,7 +28387,7 @@ function DefaultSettingsRecoveryCodes({
             className: "ml-auto",
             "data-testid": "ory/screen/settings/group/recovery_code/download",
             title: "Download recovery codes",
-            children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
               download_default,
               {
                 size: 24,
@@ -28006,215 +28398,179 @@ function DefaultSettingsRecoveryCodes({
         )
       ] })
     ] }),
-    hasCodes ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "rounded-general border-interface-border-default-primary bg-interface-background-default-secondary p-6", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+    hasCodes ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "rounded-general border-interface-border-default-primary bg-interface-background-default-secondary p-6", children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
       "div",
       {
         className: "grid grid-cols-2 flex-wrap gap-4 text-sm text-interface-foreground-default-primary sm:grid-cols-3 md:grid-cols-5",
         "data-testid": "ory/screen/settings/group/recovery_code/codes",
-        children: codes.map((code) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("p", { children: code }, code))
+        children: codes.map((code) => /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("p", { children: code }, code))
       }
     ) }) : null
   ] });
 }
 
 // src/theme/default/components/settings/settings-totp.tsx
-var import_elements_react21 = require("@ory/elements-react");
+var import_elements_react22 = require("@ory/elements-react");
 
 // src/theme/default/assets/icons/qrcode.svg
 var React33 = __toESM(require("react"));
-var import_jsx_runtime94 = require("react/jsx-runtime");
+var import_jsx_runtime103 = require("react/jsx-runtime");
 var SvgQrcode = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, fill: "none", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M9.333 22.667v.013m0-13.346v.013m13.333-.013v.013m0 9.32h-4v4m8-4v.013m-8 7.987h4m0-4h4v4m-21.333-20a1.333 1.333 0 0 1 1.333-1.333H12a1.333 1.333 0 0 1 1.333 1.333V12A1.334 1.334 0 0 1 12 13.334H6.666A1.334 1.334 0 0 1 5.333 12zm13.333 0A1.333 1.333 0 0 1 20 5.334h5.333a1.333 1.333 0 0 1 1.333 1.333V12a1.333 1.333 0 0 1-1.333 1.334H20A1.333 1.333 0 0 1 18.666 12zM5.333 20a1.333 1.333 0 0 1 1.333-1.333H12A1.333 1.333 0 0 1 13.333 20v5.334A1.333 1.333 0 0 1 12 26.667H6.666a1.333 1.333 0 0 1-1.333-1.334z" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime103.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_runtime103.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_form24 = require("react-hook-form");
-var import_jsx_runtime95 = require("react/jsx-runtime");
+var import_jsx_runtime104 = require("react/jsx-runtime");
 function DefaultSettingsTotp({
   totpImage,
   totpInput,
   totpSecret,
   totpUnlink,
-  onUnlink
+  onUnlink,
+  isSubmitting
 }) {
-  const { Node: Node2, Card } = (0, import_elements_react21.useComponents)();
-  const {
-    formState: { isSubmitting }
-  } = (0, import_react_hook_form24.useFormContext)();
   if (totpUnlink) {
-    const {
-      type,
-      autocomplete: _ignoredAutocomplete,
-      label: _ignoredLabel,
-      node_type: _ignoredNodeType,
-      ...buttonAttrs
-    } = totpUnlink.attributes;
-    return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "grid grid-cols-1 gap-8 md:grid-cols-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "col-span-full", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Card.Divider, {}) }),
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "col-span-full flex items-center gap-6", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "aspect-square size-8", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(qrcode_default, { size: 32 }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "mr-auto flex flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("p", { className: "text-sm font-medium text-interface-foreground-default-primary", children: "Authenticator app" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
-          "button",
-          {
-            type: type === "button" ? "button" : "submit",
-            ...buttonAttrs,
-            onClick: onUnlink,
-            disabled: isSubmitting,
-            children: isSubmitting ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(Spinner, { className: "relative" }) : /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
-              trash_default,
-              {
-                className: "text-button-link-default-secondary hover:text-button-link-default-secondary-hover",
-                size: 24
-              }
-            )
-          }
-        )
-      ] })
-    ] });
+    return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+      SettingsTotpUnlink,
+      {
+        totpUnlinkAttributes: totpUnlink.attributes,
+        onUnlink,
+        isSubmitting
+      }
+    );
   }
   if (totpImage && totpSecret && totpInput) {
-    return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "grid grid-cols-1 gap-8 md:grid-cols-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "col-span-full", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(DefaultHorizontalDivider, {}) }),
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "flex justify-center rounded-cards bg-interface-background-default-secondary p-8", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "aspect-square h-44 bg-[white]", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "-m-3 antialiased mix-blend-multiply", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
-        Node2.Image,
+    return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+      SettingsTotpLink,
+      {
+        totpImage,
+        totpSecret,
+        totpInput
+      }
+    );
+  }
+}
+function SettingsTotpUnlink({
+  totpUnlinkAttributes,
+  onUnlink,
+  isSubmitting
+}) {
+  const { Card } = (0, import_elements_react22.useComponents)();
+  const {
+    type,
+    autocomplete: _ignoredAutocomplete,
+    label: _ignoredLabel,
+    node_type: _ignoredNodeType,
+    ...buttonAttrs
+  } = totpUnlinkAttributes;
+  return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "grid grid-cols-1 gap-8 md:grid-cols-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "col-span-full", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Card.Divider, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "col-span-full flex items-center gap-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "aspect-square size-8", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(qrcode_default, { size: 32 }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "mr-auto flex flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("p", { className: "text-sm font-medium text-interface-foreground-default-primary", children: "Authenticator app" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+        "button",
         {
-          node: totpImage,
-          attributes: {
-            ...totpImage.attributes
-          }
+          type: type === "button" ? "button" : "submit",
+          ...buttonAttrs,
+          onClick: onUnlink,
+          disabled: isSubmitting,
+          children: isSubmitting ? /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(Spinner, { className: "relative" }) : /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
+            trash_default,
+            {
+              className: "text-button-link-default-secondary hover:text-button-link-default-secondary-hover",
+              size: 24
+            }
+          )
         }
-      ) }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex flex-col gap-6", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
-          Node2.Label,
-          {
-            node: totpSecret,
-            attributes: totpSecret.attributes,
-            children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "relative flex max-w-[488px] justify-stretch", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
-              "input",
-              {
-                disabled: true,
-                name: "totp_secret_key",
-                type: "text",
-                value: totpSecret.attributes.text.text,
-                "data-testid": `ory/form/node/input/totp_secret_key`,
-                className: defaultInputClassName
-              }
-            ) })
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
-          Node2.Label,
-          {
-            attributes: totpInput.attributes,
-            node: totpInput,
-            children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
-              Node2.CodeInput,
-              {
-                node: totpInput,
-                attributes: totpInput.attributes
-              }
-            )
-          }
-        )
-      ] })
-    ] });
-  }
+      )
+    ] })
+  ] });
+}
+function SettingsTotpLink({
+  totpImage,
+  totpSecret,
+  totpInput
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "grid grid-cols-1 gap-8 md:grid-cols-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "col-span-full", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(DefaultHorizontalDivider, {}) }),
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "flex justify-center rounded-cards bg-interface-background-default-secondary p-8", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "aspect-square h-44 bg-[white]", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "-m-3 antialiased mix-blend-multiply", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_elements_react22.Node, { node: totpImage }) }) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "flex flex-col gap-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_elements_react22.Node, { node: totpSecret }),
+      /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_elements_react22.Node, { node: totpInput })
+    ] })
+  ] });
 }
 
 // src/theme/default/components/settings/settings-webauthn.tsx
-var import_elements_react22 = require("@ory/elements-react");
+var import_elements_react23 = require("@ory/elements-react");
 
 // src/theme/default/assets/icons/key.svg
 var React34 = __toESM(require("react"));
-var import_jsx_runtime96 = require("react/jsx-runtime");
+var import_jsx_runtime105 = require("react/jsx-runtime");
 var SvgKey = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 32 32", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M20 12h.013m2.06-6.876 4.803 4.803a3.836 3.836 0 0 1 0 5.425l-3.524 3.524a3.835 3.835 0 0 1-5.425 0l-.402-.401-8.744 8.744a2.67 2.67 0 0 1-1.652.77L6.896 28H5.333a1.334 1.334 0 0 1-1.324-1.177L4 26.667v-1.563c0-.626.22-1.232.623-1.712l.158-.173.552-.552H8V20h2.667v-2.667l2.858-2.858-.401-.402a3.835 3.835 0 0 1 0-5.425l3.524-3.524a3.835 3.835 0 0 1 5.425 0" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime105.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_runtime105.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_form25 = require("react-hook-form");
-var import_jsx_runtime97 = require("react/jsx-runtime");
+var import_jsx_runtime106 = require("react/jsx-runtime");
 function DefaultSettingsWebauthn({
   nameInput,
   triggerButton,
-  removeButtons
+  removeButtons,
+  isSubmitting
 }) {
-  const {
-    formState: { isSubmitting }
-  } = (0, import_react_hook_form25.useFormContext)();
-  const { Node: Node2, Card } = (0, import_elements_react22.useComponents)();
+  const { Card } = (0, import_elements_react23.useComponents)();
   const hasRemoveButtons = removeButtons.length > 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex flex-col gap-8", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-end md:max-w-96", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
-        Node2.Label,
-        {
-          node: nameInput,
-          attributes: nameInput.attributes,
-          children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
-            Node2.Input,
-            {
-              node: nameInput,
-              attributes: nameInput.attributes
-            }
-          )
-        }
-      ) }),
-      triggerButton ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
-        Node2.Button,
-        {
-          node: triggerButton,
-          attributes: triggerButton.attributes,
-          onClick: triggerButton.onClick
-        }
-      ) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "flex flex-col gap-8", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-end md:max-w-96", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_elements_react23.Node.Input, { node: nameInput }) }),
+      triggerButton ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_elements_react23.Node.Button, { node: triggerButton }) : null
     ] }),
-    hasRemoveButtons ? /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex flex-col gap-8", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Card.Divider, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "flex flex-col gap-4", children: removeButtons.map((node, i) => {
+    hasRemoveButtons ? /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "flex flex-col gap-8", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Card.Divider, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime106.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_runtime97.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(
           "div",
           {
             className: "flex justify-between gap-6 md:items-center",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex flex-1 items-center gap-2 truncate", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "flex flex-1 items-center gap-2 truncate", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
                   key_default,
                   {
                     size: 32,
                     className: "text-interface-foreground-default-primary"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex flex-1 flex-col gap-4 truncate md:flex-row md:items-center md:justify-between", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex-1 flex-col truncate", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("p", { className: "truncate text-sm font-medium text-interface-foreground-default-secondary", children: displayName }),
-                    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "hidden truncate text-sm text-interface-foreground-default-tertiary sm:block", children: keyId })
+                /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "flex flex-1 flex-col gap-4 truncate md:flex-row md:items-center md:justify-between", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "flex-1 flex-col truncate", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("p", { className: "truncate text-sm font-medium text-interface-foreground-default-secondary", children: displayName }),
+                    /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { className: "hidden truncate text-sm text-interface-foreground-default-tertiary sm:block", children: keyId })
                   ] }),
-                  addedAt && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("p", { className: "text-sm text-interface-foreground-default-tertiary", children: new Intl.DateTimeFormat(void 0, {
+                  addedAt && /* @__PURE__ */ (0, import_jsx_runtime106.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_runtime97.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
                 "button",
                 {
-                  ...node.attributes,
+                  ...omitInputAttributes(node.attributes),
                   type: "submit",
-                  onClick: node.onClick,
+                  onClick: node.buttonProps.onClick,
                   disabled: isSubmitting,
-                  className: "relative",
-                  children: isSubmitting ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Spinner, { className: "relative" }) : /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+                  className: "relative cursor-pointer",
+                  children: isSubmitting ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Spinner, { className: "relative" }) : /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
                     trash_default,
                     {
                       className: "text-button-link-default-secondary hover:text-button-link-default-secondary-hover",
@@ -28233,25 +28589,25 @@ function DefaultSettingsWebauthn({
 }
 
 // src/theme/default/components/card/auth-method-list-container.tsx
-var import_jsx_runtime98 = require("react/jsx-runtime");
+var import_jsx_runtime107 = require("react/jsx-runtime");
 function DefaultAuthMethodListContainer({
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "grid grid-cols-1 gap-2", children });
+  return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "grid grid-cols-1 gap-2", children });
 }
 
 // src/theme/default/components/form/captcha.tsx
-var import_client_fetch41 = require("@ory/client-fetch");
 var import_react_turnstile = require("@marsidev/react-turnstile");
-var import_react21 = require("react");
-var import_react_hook_form26 = require("react-hook-form");
-var import_jsx_runtime99 = require("react/jsx-runtime");
+var import_client_fetch43 = require("@ory/client-fetch");
+var import_react24 = require("react");
+var import_react_hook_form19 = require("react-hook-form");
+var import_jsx_runtime108 = require("react/jsx-runtime");
 var DefaultCaptcha = ({ node }) => {
-  const { setValue, formState } = (0, import_react_hook_form26.useFormContext)();
-  const ref = (0, import_react21.useRef)();
-  const prevSubmitCount = (0, import_react21.useRef)(formState.submitCount);
-  (0, import_react21.useEffect)(() => {
-    if (formState.submitCount > prevSubmitCount.current && formState.isSubmitSuccessful) {
+  const { setValue, formState } = (0, import_react_hook_form19.useFormContext)();
+  const ref = (0, import_react24.useRef)();
+  const prevSubmitCount = (0, import_react24.useRef)(formState.submitCount);
+  (0, import_react24.useEffect)(() => {
+    if (formState.submitCount > prevSubmitCount.current) {
       prevSubmitCount.current = formState.submitCount;
       setTimeout(() => {
         if (ref.current) {
@@ -28259,15 +28615,15 @@ var DefaultCaptcha = ({ node }) => {
         }
       }, 100);
     }
-  }, [formState.submitCount, formState.isSubmitSuccessful]);
-  if (!(0, import_client_fetch41.isUiNodeInputAttributes)(node.attributes)) {
+  }, [formState.submitCount]);
+  if (!(0, import_client_fetch43.isUiNodeInputAttributes)(node.attributes)) {
     return null;
   }
   if (node.attributes.name === "transient_payload.captcha_turnstile_response") {
-    return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(DefaultInput, { node, attributes: node.attributes }, 1);
+    return null;
   } else if (node.attributes.name === "captcha_turnstile_options") {
     const options = JSON.parse(node.attributes.value);
-    return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
       import_react_turnstile.Turnstile,
       {
         ref,
@@ -28276,7 +28632,7 @@ var DefaultCaptcha = ({ node }) => {
           action: options.action,
           size: "flexible",
           theme: options.theme,
-          responseField: false,
+          responseField: true,
           responseFieldName: options.response_field_name
         },
         onExpire: () => {
@@ -28294,35 +28650,35 @@ var DefaultCaptcha = ({ node }) => {
 
 // src/theme/default/assets/icons/personal.svg
 var React35 = __toESM(require("react"));
-var import_jsx_runtime100 = require("react/jsx-runtime");
+var import_jsx_runtime109 = require("react/jsx-runtime");
 var SvgPersonal = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M4 14v-1.333A2.667 2.667 0 0 1 6.667 10h1m5.8 3.467 1.2 1.2m-9.334-10a2.667 2.667 0 1 0 5.334 0 2.667 2.667 0 0 0-5.334 0M10 12a2 2 0 1 0 4 0 2 2 0 0 0-4 0" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime109.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_runtime109.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M4 14v-1.333A2.667 2.667 0 0 1 6.667 10h1m5.8 3.467 1.2 1.2m-9.334-10a2.667 2.667 0 1 0 5.334 0 2.667 2.667 0 0 0-5.334 0M10 12a2 2 0 1 0 4 0 2 2 0 0 0-4 0" }) });
 };
 var personal_default = SvgPersonal;
 
 // src/theme/default/assets/icons/message.svg
 var React36 = __toESM(require("react"));
-var import_jsx_runtime101 = require("react/jsx-runtime");
+var import_jsx_runtime110 = require("react/jsx-runtime");
 var SvgMessage = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 25", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M3 7.325a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2m-18 0v10a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-10m-18 0 9 6 9-6" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime110.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_runtime110.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M3 7.325a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2m-18 0v10a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-10m-18 0 9 6 9-6" }) });
 };
 var message_default = SvgMessage;
 
 // src/theme/default/assets/icons/phone.svg
 var React37 = __toESM(require("react"));
-var import_jsx_runtime102 = require("react/jsx-runtime");
+var import_jsx_runtime111 = require("react/jsx-runtime");
 var SvgPhone = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 25", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M5 4.325h4l2 5-2.5 1.5a11 11 0 0 0 5 5l1.5-2.5 5 2v4a2 2 0 0 1-2 2 16 16 0 0 1-15-15 2 2 0 0 1 2-2" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime111.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_runtime111.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M5 4.325h4l2 5-2.5 1.5a11 11 0 0 0 5 5l1.5-2.5 5 2v4a2 2 0 0 1-2 2 16 16 0 0 1-15-15 2 2 0 0 1 2-2" }) });
 };
 var phone_default = SvgPhone;
 
 // src/theme/default/components/form/consent-scope-checkbox.tsx
 var import_react_intl23 = require("react-intl");
 var Switch = __toESM(require("@radix-ui/react-switch"));
-var import_jsx_runtime103 = require("react/jsx-runtime");
+var import_jsx_runtime112 = require("react/jsx-runtime");
 var ScopeIcons = {
   openid: personal_default,
   offline_access: personal_default,
@@ -28332,16 +28688,17 @@ var ScopeIcons = {
 };
 function DefaultConsentScopeCheckbox({
   attributes,
-  onCheckedChange
+  onCheckedChange,
+  inputProps
 }) {
   var _a;
   const intl = (0, import_react_intl23.useIntl)();
-  const Icon = (_a = ScopeIcons[attributes.value]) != null ? _a : personal_default;
-  return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+  const Icon2 = (_a = ScopeIcons[attributes.value]) != null ? _a : personal_default;
+  return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
     ListItem,
     {
       as: "label",
-      icon: Icon,
+      icon: Icon2,
       title: intl.formatMessage({
         id: `consent.scope.${attributes.value}.title`,
         defaultMessage: attributes.value
@@ -28352,15 +28709,15 @@ function DefaultConsentScopeCheckbox({
       }),
       className: "col-span-2",
       "data-testid": "ory/screen/consent/scope-checkbox-label",
-      children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
         Switch.Root,
         {
           className: "relative h-4 w-7 rounded-identifier border border-toggle-border-default bg-toggle-background-default p-[3px] transition-all data-[state=checked]:border-toggle-border-checked data-[state=checked]:bg-toggle-background-checked",
           "data-testid": `ory/screen/consent/scope-checkbox`,
-          value: attributes.value,
+          ...inputProps,
           onCheckedChange,
           defaultChecked: true,
-          children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(Switch.Thumb, { className: "block size-2 rounded-identifier bg-toggle-foreground-default transition-all data-[state=checked]:translate-x-3 data-[state=checked]:bg-toggle-foreground-checked" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(Switch.Thumb, { className: "block size-2 rounded-identifier bg-toggle-foreground-default transition-all data-[state=checked]:translate-x-3 data-[state=checked]:bg-toggle-foreground-checked" })
         }
       )
     }
@@ -28368,21 +28725,21 @@ function DefaultConsentScopeCheckbox({
 }
 
 // src/theme/default/components/generic/toast.tsx
-var import_elements_react23 = require("@ory/elements-react");
+var import_elements_react24 = require("@ory/elements-react");
 var import_sonner3 = require("sonner");
 var import_react_intl24 = require("react-intl");
 
 // src/theme/default/assets/icons/x.svg
 var React38 = __toESM(require("react"));
-var import_jsx_runtime104 = require("react/jsx-runtime");
+var import_jsx_runtime113 = require("react/jsx-runtime");
 var SvgX2 = (props) => {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime104.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_runtime104.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "m18 6.325-12 12m0-12 12 12" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime113.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_runtime113.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "m18 6.325-12 12m0-12 12 12" }) });
 };
 var x_default2 = SvgX2;
 
 // src/theme/default/components/generic/toast.tsx
-var import_jsx_runtime105 = require("react/jsx-runtime");
+var import_jsx_runtime114 = require("react/jsx-runtime");
 function DefaultToast({
   message,
   // Id can be used to close the toast later, but we don't use it here
@@ -28390,15 +28747,15 @@ function DefaultToast({
 }) {
   const intl = (0, import_react_intl24.useIntl)();
   const title = message.type === "error" ? intl.formatMessage({ id: "settings.messages.toast-title.error" }) : intl.formatMessage({ id: "settings.messages.toast-title.success" });
-  const messageText = (0, import_elements_react23.uiTextToFormattedMessage)(message, intl);
-  return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
+  const messageText = (0, import_elements_react24.uiTextToFormattedMessage)(message, intl);
+  return /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(
     "div",
     {
       className: "flex-col rounded-cards border border-interface-border-default-primary bg-interface-background-default-inverted px-4 py-2",
-      ...(0, import_elements_react23.messageTestId)(message),
+      ...(0, import_elements_react24.messageTestId)(message),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
             "p",
             {
               className: cn("font-medium", {
@@ -28412,17 +28769,17 @@ function DefaultToast({
               children: title
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
             "button",
             {
               "data-testid": `ory/message/${message.id}.close`,
               className: "cursor-pointer text-interface-foreground-default-inverted",
               onClick: () => import_sonner3.toast.dismiss(id),
-              children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(x_default2, { size: 16 })
+              children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(x_default2, { size: 16 })
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("p", { className: "text-interface-foreground-default-inverted", children: messageText })
+        /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("p", { className: "text-interface-foreground-default-inverted", children: messageText })
       ]
     }
   );
@@ -28480,11 +28837,11 @@ function getOryComponents(overrides) {
 }
 
 // src/theme/default/flows/error.tsx
-var import_client_fetch42 = require("@ory/client-fetch");
-var import_elements_react24 = require("@ory/elements-react");
-var import_react22 = require("react");
+var import_client_fetch44 = require("@ory/client-fetch");
+var import_elements_react25 = require("@ory/elements-react");
+var import_react25 = require("react");
 var import_react_intl25 = require("react-intl");
-var import_jsx_runtime106 = require("react/jsx-runtime");
+var import_jsx_runtime115 = require("react/jsx-runtime");
 function isOAuth2Error(error) {
   return !!error && typeof error === "object" && "error" in error && "error_description" in error;
 }
@@ -28493,7 +28850,7 @@ var errorDescriptions = {
   5: "The server encountered an error and could not complete your request"
 };
 function useStandardize(error) {
-  return (0, import_react22.useMemo)(() => {
+  return (0, import_react25.useMemo)(() => {
     var _a;
     if (isOAuth2Error(error)) {
       return {
@@ -28503,14 +28860,14 @@ function useStandardize(error) {
         timestamp: /* @__PURE__ */ new Date()
       };
     }
-    if ((0, import_client_fetch42.instanceOfFlowError)(error)) {
+    if ((0, import_client_fetch44.instanceOfFlowError)(error)) {
       const parsed = error.error;
       return {
         ...parsed,
         id: error.id,
         timestamp: error.created_at
       };
-    } else if (error.error && (0, import_client_fetch42.instanceOfGenericError)(error.error)) {
+    } else if (error.error && (0, import_client_fetch44.instanceOfGenericError)(error.error)) {
       return {
         code: (_a = error.error.code) != null ? _a : 500,
         message: error.error.message,
@@ -28537,48 +28894,48 @@ 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_runtime106.jsx)(import_elements_react24.OryConfigurationProvider, { sdk: config.sdk, project: config.project, children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_elements_react25.OryConfigurationProvider, { sdk: config.sdk, project: config.project, children: /* @__PURE__ */ (0, import_jsx_runtime115.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_runtime106.jsx)(Card, { children: /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(Card, { children: /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(
         "div",
         {
           className: "flex flex-col gap-6 antialiased",
           "data-testid": "ory/screen/error",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("header", { className: "flex flex-col gap-8 antialiased", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "max-h-9 self-start", children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(ErrorLogo, {}) }),
-              /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "flex flex-col gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("h2", { className: "text-lg leading-normal font-semibold text-interface-foreground-default-primary", children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_react_intl25.FormattedMessage, { id: "error.title.what-happened" }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("p", { className: "leading-normal text-interface-foreground-default-secondary", children: (_h = parsed.message) != null ? _h : description }),
-                parsed.reason && /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("p", { className: "leading-normal text-interface-foreground-default-secondary", children: parsed.reason })
+            /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("header", { className: "flex flex-col gap-8 antialiased", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("div", { className: "max-h-9 self-start", children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(ErrorLogo, {}) }),
+              /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("div", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("h2", { className: "text-lg leading-normal font-semibold text-interface-foreground-default-primary", children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_react_intl25.FormattedMessage, { id: "error.title.what-happened" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("p", { className: "leading-normal text-interface-foreground-default-secondary", children: (_h = parsed.message) != null ? _h : description }),
+                parsed.reason && /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("p", { className: "leading-normal text-interface-foreground-default-secondary", children: parsed.reason })
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Divider, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "flex flex-col gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("h2", { className: "text-lg leading-normal font-semibold text-interface-foreground-default-primary", children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_react_intl25.FormattedMessage, { id: "error.title.what-can-i-do" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("p", { className: "leading-normal text-interface-foreground-default-secondary", children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_react_intl25.FormattedMessage, { id: "error.instructions" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { children: session ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(LoggedInActions, {}) : /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(GoBackButton, {}) })
+            /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(Divider, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("div", { className: "flex flex-col gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("h2", { className: "text-lg leading-normal font-semibold text-interface-foreground-default-primary", children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_react_intl25.FormattedMessage, { id: "error.title.what-can-i-do" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("p", { className: "leading-normal text-interface-foreground-default-secondary", children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_react_intl25.FormattedMessage, { id: "error.instructions" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("div", { children: session ? /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(LoggedInActions, {}) : /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(GoBackButton, {}) })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Divider, {}),
-            /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "flex flex-col gap-2 leading-normal font-normal antialiased", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { className: "text-sm text-interface-foreground-default-primary", children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_react_intl25.FormattedMessage, { id: "error.footer.text" }) }),
-              parsed.id && /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("p", { className: "text-sm text-interface-foreground-default-secondary", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(Divider, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("div", { className: "flex flex-col gap-2 leading-normal font-normal antialiased", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("span", { className: "text-sm text-interface-foreground-default-primary", children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_react_intl25.FormattedMessage, { id: "error.footer.text" }) }),
+              parsed.id && /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("p", { className: "text-sm text-interface-foreground-default-secondary", children: [
                 "ID: ",
-                /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("code", { children: parsed.id })
+                /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("code", { children: parsed.id })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("p", { className: "text-sm text-interface-foreground-default-secondary", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("p", { className: "text-sm text-interface-foreground-default-secondary", children: [
                 "Time: ",
-                /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("code", { children: (_i = parsed.timestamp) == null ? void 0 : _i.toUTCString() })
+                /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("code", { children: (_i = parsed.timestamp) == null ? void 0 : _i.toUTCString() })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("p", { className: "text-sm text-interface-foreground-default-secondary", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("p", { className: "text-sm text-interface-foreground-default-secondary", children: [
                 "Message:",
                 " ",
-                /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("code", { "data-testid": "ory/screen/error/message", children: parsed.reason })
+                /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("code", { "data-testid": "ory/screen/error/message", children: parsed.reason })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
                 "button",
                 {
                   className: "text-interface-foreground-default-primary underline",
@@ -28590,7 +28947,7 @@ ${parsed.reason ? `Message: ${parsed.reason}` : ""}
 `;
                     void navigator.clipboard.writeText(text);
                   },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_react_intl25.FormattedMessage, { id: "error.footer.copy" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_react_intl25.FormattedMessage, { id: "error.footer.copy" })
                 }
               ) })
             ] })
@@ -28601,43 +28958,43 @@ ${parsed.reason ? `Message: ${parsed.reason}` : ""}
   ) });
 }
 function LoggedInActions() {
-  const config = (0, import_elements_react24.useOryConfiguration)();
+  const config = (0, import_elements_react25.useOryConfiguration)();
   const { logoutFlow } = useClientLogout(config);
-  return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
     "a",
     {
       href: logoutFlow == null ? void 0 : logoutFlow.logout_url,
       className: "text-interface-foreground-default-primary underline",
-      children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_react_intl25.FormattedMessage, { id: "login.logout-button" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_react_intl25.FormattedMessage, { id: "login.logout-button" })
     }
   );
 }
 function GoBackButton() {
-  const config = (0, import_elements_react24.useOryConfiguration)();
+  const config = (0, import_elements_react25.useOryConfiguration)();
   if ("default_redirect_url" in config.project) {
-    return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
       "a",
       {
         className: "text-interface-foreground-default-primary underline",
         href: config.project.default_redirect_url,
-        children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_react_intl25.FormattedMessage, { id: "error.action.go-back" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_react_intl25.FormattedMessage, { id: "error.action.go-back" })
       }
     );
   }
   return null;
 }
 function ErrorLogo() {
-  const { project } = (0, import_elements_react24.useOryConfiguration)();
+  const { project } = (0, import_elements_react25.useOryConfiguration)();
   if (project.logo_light_url) {
-    return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("img", { src: project.logo_light_url, className: "h-full", alt: "Logo" });
+    return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("img", { src: project.logo_light_url, className: "h-full", alt: "Logo" });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("h1", { className: "text-xl leading-normal font-semibold text-interface-foreground-default-primary", children: project.name });
+  return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("h1", { className: "text-xl leading-normal font-semibold text-interface-foreground-default-primary", children: project.name });
 }
 
 // src/theme/default/flows/login.tsx
-var import_client_fetch43 = require("@ory/client-fetch");
-var import_elements_react25 = require("@ory/elements-react");
-var import_jsx_runtime107 = require("react/jsx-runtime");
+var import_client_fetch45 = require("@ory/client-fetch");
+var import_elements_react26 = require("@ory/elements-react");
+var import_jsx_runtime116 = require("react/jsx-runtime");
 function Login({
   flow,
   config,
@@ -28645,22 +29002,22 @@ function Login({
   components: flowOverrideComponents
 }) {
   const components = getOryComponents(flowOverrideComponents);
-  return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
-    import_elements_react25.OryProvider,
+  return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+    import_elements_react26.OryProvider,
     {
       config,
       flow,
-      flowType: import_client_fetch43.FlowType.Login,
+      flowType: import_client_fetch45.FlowType.Login,
       components,
-      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_elements_react25.OrySelfServiceFlowCard, {})
+      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_elements_react26.OrySelfServiceFlowCard, {})
     }
   );
 }
 
 // src/theme/default/flows/recovery.tsx
-var import_client_fetch44 = require("@ory/client-fetch");
-var import_elements_react26 = require("@ory/elements-react");
-var import_jsx_runtime108 = require("react/jsx-runtime");
+var import_client_fetch46 = require("@ory/client-fetch");
+var import_elements_react27 = require("@ory/elements-react");
+var import_jsx_runtime117 = require("react/jsx-runtime");
 function Recovery({
   flow,
   config,
@@ -28668,22 +29025,22 @@ function Recovery({
   components: flowOverrideComponents
 }) {
   const components = getOryComponents(flowOverrideComponents);
-  return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
-    import_elements_react26.OryProvider,
+  return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
+    import_elements_react27.OryProvider,
     {
       config,
       flow,
-      flowType: import_client_fetch44.FlowType.Recovery,
+      flowType: import_client_fetch46.FlowType.Recovery,
       components,
-      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_elements_react26.OrySelfServiceFlowCard, {})
+      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_elements_react27.OrySelfServiceFlowCard, {})
     }
   );
 }
 
 // src/theme/default/flows/registration.tsx
-var import_client_fetch45 = require("@ory/client-fetch");
-var import_elements_react27 = require("@ory/elements-react");
-var import_jsx_runtime109 = require("react/jsx-runtime");
+var import_client_fetch47 = require("@ory/client-fetch");
+var import_elements_react28 = require("@ory/elements-react");
+var import_jsx_runtime118 = require("react/jsx-runtime");
 function Registration({
   flow,
   children,
@@ -28691,22 +29048,22 @@ function Registration({
   config
 }) {
   const components = getOryComponents(flowOverrideComponents);
-  return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
-    import_elements_react27.OryProvider,
+  return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
+    import_elements_react28.OryProvider,
     {
       config,
       flow,
-      flowType: import_client_fetch45.FlowType.Registration,
+      flowType: import_client_fetch47.FlowType.Registration,
       components,
-      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_elements_react27.OrySelfServiceFlowCard, {})
+      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(import_elements_react28.OrySelfServiceFlowCard, {})
     }
   );
 }
 
 // src/theme/default/flows/settings.tsx
-var import_client_fetch46 = require("@ory/client-fetch");
-var import_elements_react28 = require("@ory/elements-react");
-var import_jsx_runtime110 = require("react/jsx-runtime");
+var import_client_fetch48 = require("@ory/client-fetch");
+var import_elements_react29 = require("@ory/elements-react");
+var import_jsx_runtime119 = require("react/jsx-runtime");
 function Settings({
   flow,
   config,
@@ -28716,25 +29073,25 @@ function Settings({
   ...rest
 }) {
   const components = getOryComponents(flowOverrideComponents);
-  return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
-    import_elements_react28.OryProvider,
+  return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
+    import_elements_react29.OryProvider,
     {
       config,
       flow,
-      flowType: import_client_fetch46.FlowType.Settings,
+      flowType: import_client_fetch48.FlowType.Settings,
       components,
-      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: cn("ory-elements", className), ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime110.jsxs)("div", { className: "flex flex-col items-center justify-start gap-8 pb-12 font-sans-default", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_elements_react28.OryPageHeader, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(import_elements_react28.OrySettingsCard, {})
+      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { className: cn("ory-elements", className), ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: "flex flex-col items-center justify-start gap-8 pb-12 font-sans-default", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_elements_react29.OryPageHeader, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_elements_react29.OrySettingsCard, {})
       ] }) })
     }
   );
 }
 
 // src/theme/default/flows/verification.tsx
-var import_client_fetch47 = require("@ory/client-fetch");
-var import_elements_react29 = require("@ory/elements-react");
-var import_jsx_runtime111 = require("react/jsx-runtime");
+var import_client_fetch49 = require("@ory/client-fetch");
+var import_elements_react30 = require("@ory/elements-react");
+var import_jsx_runtime120 = require("react/jsx-runtime");
 function Verification({
   flow,
   config,
@@ -28742,24 +29099,24 @@ function Verification({
   components: flowOverrideComponents
 }) {
   const components = getOryComponents(flowOverrideComponents);
-  return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
-    import_elements_react29.OryProvider,
+  return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
+    import_elements_react30.OryProvider,
     {
       config,
       flow,
-      flowType: import_client_fetch47.FlowType.Verification,
+      flowType: import_client_fetch49.FlowType.Verification,
       components,
-      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_elements_react29.OrySelfServiceFlowCard, {})
+      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_elements_react30.OrySelfServiceFlowCard, {})
     }
   );
 }
 
 // src/theme/default/flows/consent.tsx
-var import_client_fetch49 = require("@ory/client-fetch");
-var import_elements_react30 = require("@ory/elements-react");
+var import_client_fetch51 = require("@ory/client-fetch");
+var import_elements_react31 = require("@ory/elements-react");
 
 // src/theme/default/utils/oauth2.ts
-var import_client_fetch48 = require("@ory/client-fetch");
+var import_client_fetch50 = require("@ory/client-fetch");
 var rememberCheckbox = {
   type: "input",
   group: "oauth2_consent",
@@ -28767,7 +29124,7 @@ var rememberCheckbox = {
     label: {
       id: 9999111,
       text: "Remember my decision",
-      type: import_client_fetch48.UiTextTypeEnum.Info
+      type: import_client_fetch50.UiTextTypeEnum.Info
     }
   },
   attributes: {
@@ -28786,7 +29143,7 @@ var acceptButton = {
     label: {
       id: 9999111,
       text: "Accept",
-      type: import_client_fetch48.UiTextTypeEnum.Info
+      type: import_client_fetch50.UiTextTypeEnum.Info
     }
   },
   attributes: {
@@ -28805,7 +29162,7 @@ var rejectButton = {
     label: {
       id: 9999111,
       text: "Reject",
-      type: import_client_fetch48.UiTextTypeEnum.Info
+      type: import_client_fetch50.UiTextTypeEnum.Info
     }
   },
   attributes: {
@@ -28852,7 +29209,7 @@ function scopesToUiNodes(scopes) {
       label: {
         id: 9999111,
         text: scope,
-        type: import_client_fetch48.UiTextTypeEnum.Info
+        type: import_client_fetch50.UiTextTypeEnum.Info
       }
     },
     attributes: {
@@ -28897,7 +29254,7 @@ function challengeNode(challenge) {
 }
 
 // src/theme/default/flows/consent.tsx
-var import_jsx_runtime112 = require("react/jsx-runtime");
+var import_jsx_runtime121 = require("react/jsx-runtime");
 function Consent({
   consentChallenge,
   session,
@@ -28914,14 +29271,14 @@ function Consent({
     formActionUrl,
     session
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
-    import_elements_react30.OryProvider,
+  return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
+    import_elements_react31.OryProvider,
     {
       config,
       flow,
-      flowType: import_client_fetch49.FlowType.OAuth2Consent,
+      flowType: import_client_fetch51.FlowType.OAuth2Consent,
       components,
-      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_elements_react30.OryConsentCard, {})
+      children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(import_elements_react31.OryConsentCard, {})
     }
   );
 }