@ory/elements-react 0.0.0-pr.e3d2b7e1 → 0.0.0-pr.f1435f4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ory/elements-react",
-  "version": "0.0.0-pr.e3d2b7e1",
+  "version": "0.0.0-pr.f1435f4",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -41,29 +41,36 @@
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "dependencies": {
-    "@ory/client-fetch": "~1.16.1",
-    "@radix-ui/react-dropdown-menu": "2.1.2",
-    "class-variance-authority": "0.7.0",
+    "@marsidev/react-turnstile": "^1.1.0",
+    "@ory/client-fetch": "~1.20.0",
+    "@radix-ui/react-dropdown-menu": "2.1.7",
+    "@radix-ui/react-switch": "1.1.4",
+    "class-variance-authority": "0.7.1",
     "clsx": "2.1.1",
-    "input-otp": "1.2.4",
-    "react-hook-form": "7.53.0",
-    "react-intl": "6.7.0",
-    "tailwind-merge": "2.5.2",
-    "zustand": "5.0.0"
+    "input-otp": "1.4.2",
+    "react-hook-form": "7.55.0",
+    "react-intl": "7.1.10",
+    "tailwind-merge": "3.2.0",
+    "usehooks-ts": "3.1.1",
+    "zustand": "5.0.3"
   },
   "peerDependencies": {
-    "react": "18.3.1",
-    "react-dom": "18.3.1"
+    "react": "^18.0.0 || ^19.0.0 || ^19.0.0-0",
+    "react-dom": "^18.0.0 || ^19.0.0 || ^19.0.0-0"
   },
   "devDependencies": {
-    "@hookform/devtools": "4.3.1",
+    "@babel/core": "^7.26.9",
+    "@babel/preset-env": "^7.26.9",
+    "@babel/preset-react": "^7.26.3",
+    "@hookform/devtools": "4.4.0",
     "@svgr/plugin-svgo": "8.1.0",
     "@types/lodash.merge": "4.6.9",
-    "esbuild-plugin-svgr": "3.0.0",
-    "eslint-plugin-react": "7.37.1",
+    "autoprefixer": "10.4.21",
+    "esbuild-plugin-svgr": "3.1.1",
+    "eslint-plugin-react": "7.37.5",
     "postcss": "8.4.47",
     "tailwindcss-animate": "1.0.7",
-    "tsup": "8.3.0"
+    "tsup": "8.4.0"
   },
   "keywords": [
     "ory",

package/tailwind/generated/default-variables.css

@@ -14,7 +14,7 @@
   --ui-900: #0f172a;
   --ui-950: #020617;
   --ui-black: #000000;
-  --ui-danger: #ef4444;
+  --ui-danger: #dc2626;
   --ui-success: #22c55e;
   --ui-transparent: #ffffff00;
   --ui-warning: #eab308;

package/tsconfig.json

@@ -27,9 +27,10 @@
   "include": [
     "**/*.ts",
     "**/*.tsx",
-    "src/global.d.ts",
+    "src/theme/default/assets/global.d.ts",
     "tsup.config.ts",
     "jest.config.ts",
-    "tailwind.config.ts"
+    "tailwind.config.ts",
+    ".storybook/**/*.ts"
   ]
 }

package/.storybook/global.css

@@ -1,7 +0,0 @@
-/* Copyright © 2024 Ory Corp */
-/* SPDX-License-Identifier: Apache-2.0 */
-
-html {
-  --font-sans: "InterVariable", "Helvetica Neue", "Helvetica", "Arial",
-    sans-serif;
-}

package/.storybook/main.ts

@@ -1,50 +0,0 @@
-// Copyright © 2024 Ory Corp
-// SPDX-License-Identifier: Apache-2.0
-
-import type { StorybookConfig } from "@storybook/react-vite"
-
-import path from "path"
-import { mergeConfig } from "vite"
-import vitePluginRequire from "vite-plugin-require"
-import svgr from "vite-plugin-svgr"
-
-const config: StorybookConfig = {
-  stories: ["../**/*.stories.@(ts|tsx)"],
-  addons: ["@storybook/addon-essentials", "@storybook/addon-interactions"],
-  framework: {
-    name: "@storybook/react-vite",
-    options: {},
-  },
-  staticDirs: ["./public"],
-
-  viteFinal: (config) => {
-    return mergeConfig(config, {
-      plugins: [
-        vitePluginRequire(),
-        svgr({
-          include: "**/*.svg",
-          svgrOptions: {
-            svgProps: {
-              width: "{props?.width ? props.width : props?.size ?? 20}",
-              height: "{props?.height ? props.height : props?.size ?? 20}",
-            },
-          },
-        }),
-      ],
-      resolve: {
-        alias: [
-          {
-            find: "$snapshots",
-            replacement: path.resolve(__dirname, "../.stub-responses"),
-          },
-          {
-            find: "@ory/elements-react",
-            replacement: path.resolve(__dirname, "../src"),
-          },
-        ],
-      },
-    })
-  },
-}
-
-export default config

package/.storybook/preview-head.html

@@ -1,15 +0,0 @@
-<!-- Copyright © 2024 Ory Corp -->
-<!-- SPDX-License-Identifier: Apache-2.0 -->
-
-<link
-  rel="preload"
-  href="/InterVariable.woff2?v=4.1"
-  as="font"
-  type="font/woff2"
-  crossorigin="anonymous"
-/>
-<link rel="stylesheet" href="/inter.css" />
-
-<script>
-  window.oryPasskeyLoginAutocompleteInit = function () {}
-</script>

package/.storybook/preview.tsx

@@ -1,68 +0,0 @@
-// Copyright © 2024 Ory Corp
-// SPDX-License-Identifier: Apache-2.0
-
-import type { Decorator, Preview } from "@storybook/react"
-import { merge } from "lodash"
-import "./global.css"
-
-const preview: Preview = {
-  parameters: {
-    backgrounds: {
-      default: "light",
-      values: [
-        { name: "light", value: "#f5f5f5" },
-        { name: "dark", value: "#333333" },
-      ],
-    },
-    actions: { argTypesRegex: "^on[A-Z].*" },
-    controls: {
-      matchers: {
-        color: /(background|color)$/i,
-        date: /Date$/i,
-      },
-    },
-  },
-}
-
-const withI18next: Decorator = (Story, context) => {
-  const { locale } = context.globals
-
-  return (
-    <Story
-      args={merge(
-        {},
-        {
-          config: {
-            intl: {
-              locale: locale && typeof locale === "string" ? locale : "en",
-            },
-          },
-        },
-        context.args,
-      )}
-    />
-  )
-}
-
-// export decorators for storybook to wrap your stories in
-export const decorators = [withI18next]
-
-export const globalTypes = {
-  locale: {
-    name: "Locale",
-    description: "Internationalization locale",
-    toolbar: {
-      icon: "globe",
-      items: [
-        { value: "en", title: "English" },
-        { value: "de", title: "German" },
-        { value: "sv", title: "Swedish" },
-        { value: "fr", title: "French" },
-        { value: "es", title: "Spanish" },
-      ],
-      showName: true,
-    },
-  },
-}
-
-export default preview

package/.storybook/public/inter.css

@@ -1,8 +0,0 @@
-
-@font-face {
-  font-family: InterVariable;
-  font-style: normal;
-  font-weight: 100 900;
-  font-display: swap;
-  src: url('/InterVariable.woff2?v=4.1') format('woff2');
-}

package/.stub-responses/login/1fa/all-methods/initial-form.json

@@ -1,245 +0,0 @@
-{
-  "id": "016008b4-3049-4e0e-8d4f-5c4208e44612",
-  "organization_id": null,
-  "type": "browser",
-  "expires_at": "2025-02-26T09:31:47.055502838Z",
-  "issued_at": "2025-02-26T08:31:47.055502838Z",
-  "request_url": "https://mystifying-goldberg-xybn3ucb9j.projects.oryapis:8080/self-service/login/browser",
-  "ui": {
-    "action": "https://mystifying-goldberg-xybn3ucb9j.projects.oryapis:8080/self-service/login?flow=016008b4-3049-4e0e-8d4f-5c4208e44612",
-    "method": "POST",
-    "nodes": [
-      {
-        "type": "input",
-        "group": "oidc",
-        "attributes": {
-          "name": "provider",
-          "type": "submit",
-          "value": "github",
-          "disabled": false,
-          "node_type": "input"
-        },
-        "messages": [],
-        "meta": {
-          "label": {
-            "id": 1010002,
-            "text": "Sign in with GitHub",
-            "type": "info",
-            "context": {
-              "provider": "GitHub",
-              "provider_id": "github"
-            }
-          }
-        }
-      },
-      {
-        "type": "input",
-        "group": "oidc",
-        "attributes": {
-          "name": "provider",
-          "type": "submit",
-          "value": "google",
-          "disabled": false,
-          "node_type": "input"
-        },
-        "messages": [],
-        "meta": {
-          "label": {
-            "id": 1010002,
-            "text": "Sign in with Google",
-            "type": "info",
-            "context": {
-              "provider": "Google",
-              "provider_id": "google"
-            }
-          }
-        }
-      },
-      {
-        "type": "input",
-        "group": "default",
-        "attributes": {
-          "name": "csrf_token",
-          "type": "hidden",
-          "value": "4NM/a8PzMhk7DvlP5Q60eht/uuXaPMb2AEW0K4tjvLvz7mUtHaeHgemELe7xZGpmYfqNGCwirNvR8W3L8iXPug==",
-          "required": true,
-          "disabled": false,
-          "node_type": "input"
-        },
-        "messages": [],
-        "meta": {}
-      },
-      {
-        "type": "input",
-        "group": "default",
-        "attributes": {
-          "name": "identifier",
-          "type": "text",
-          "value": "",
-          "required": true,
-          "autocomplete": "username webauthn",
-          "disabled": false,
-          "node_type": "input"
-        },
-        "messages": [],
-        "meta": {
-          "label": {
-            "id": 1070002,
-            "text": "E-Mail",
-            "type": "info",
-            "context": {
-              "title": "E-Mail"
-            }
-          }
-        }
-      },
-      {
-        "type": "script",
-        "group": "webauthn",
-        "attributes": {
-          "src": "https://mystifying-goldberg-xybn3ucb9j.projects.oryapis:8080/.well-known/ory/webauthn.js",
-          "async": true,
-          "referrerpolicy": "no-referrer",
-          "crossorigin": "anonymous",
-          "integrity": "sha512-GJndj+bkFBMHiun3qBMmFh5eeGodY/eSh8tg50xHcNEdOBCIKnlofYd2slaBTtVpyI4opfkMc/zw+nwBjGdAbw==",
-          "type": "text/javascript",
-          "id": "webauthn_script",
-          "nonce": "de1ec7c0-01a5-4b79-a229-ee1667a940ab",
-          "node_type": "script"
-        },
-        "messages": [],
-        "meta": {}
-      },
-      {
-        "type": "input",
-        "group": "webauthn",
-        "attributes": {
-          "name": "method",
-          "type": "submit",
-          "value": "webauthn",
-          "disabled": false,
-          "node_type": "input"
-        },
-        "messages": [],
-        "meta": {
-          "label": {
-            "id": 1010008,
-            "text": "Sign in with hardware key",
-            "type": "info"
-          }
-        }
-      },
-      {
-        "type": "input",
-        "group": "passkey",
-        "attributes": {
-          "name": "passkey_login_trigger",
-          "type": "button",
-          "value": "",
-          "disabled": false,
-          "onclick": "window.oryPasskeyLogin()",
-          "onclickTrigger": "oryPasskeyLogin",
-          "node_type": "input"
-        },
-        "messages": [],
-        "meta": {
-          "label": {
-            "id": 1010021,
-            "text": "Sign in with passkey",
-            "type": "info"
-          }
-        }
-      },
-      {
-        "type": "input",
-        "group": "passkey",
-        "attributes": {
-          "name": "passkey_login",
-          "type": "hidden",
-          "disabled": false,
-          "onload": "window.oryPasskeyLoginAutocompleteInit()",
-          "onloadTrigger": "oryPasskeyLoginAutocompleteInit",
-          "node_type": "input"
-        },
-        "messages": [],
-        "meta": {}
-      },
-      {
-        "type": "input",
-        "group": "passkey",
-        "attributes": {
-          "name": "passkey_challenge",
-          "type": "hidden",
-          "value": "{\"publicKey\":{\"challenge\":\"2FqHYunJFg6GFca7mwfRcfOgQVR6BozCk8_pfHfPnwQ\",\"timeout\":300000,\"rpId\":\"mystifying-goldberg-xybn3ucb9j.projects.oryapis\",\"userVerification\":\"preferred\"}}",
-          "disabled": false,
-          "node_type": "input"
-        },
-        "messages": [],
-        "meta": {}
-      },
-      {
-        "type": "input",
-        "group": "code",
-        "attributes": {
-          "name": "method",
-          "type": "submit",
-          "value": "code",
-          "disabled": false,
-          "node_type": "input"
-        },
-        "messages": [],
-        "meta": {
-          "label": {
-            "id": 1010015,
-            "text": "Send sign in code",
-            "type": "info"
-          }
-        }
-      },
-      {
-        "type": "input",
-        "group": "password",
-        "attributes": {
-          "name": "password",
-          "type": "password",
-          "required": true,
-          "autocomplete": "current-password",
-          "disabled": false,
-          "node_type": "input"
-        },
-        "messages": [],
-        "meta": {
-          "label": {
-            "id": 1070001,
-            "text": "Password",
-            "type": "info"
-          }
-        }
-      },
-      {
-        "type": "input",
-        "group": "password",
-        "attributes": {
-          "name": "method",
-          "type": "submit",
-          "value": "password",
-          "disabled": false,
-          "node_type": "input"
-        },
-        "messages": [],
-        "meta": {
-          "label": {
-            "id": 1010022,
-            "text": "Sign in with password",
-            "type": "info"
-          }
-        }
-      }
-    ]
-  },
-  "created_at": "2025-02-26T08:31:47.062203Z",
-  "updated_at": "2025-02-26T08:31:47.062203Z",
-  "refresh": false,
-  "requested_aal": "aal1",
-  "state": "choose_method"
-}