npm - @stytch/react - Versions diffs - 20.0.0-next.2 → 20.0.0-next.3 - Mend

@stytch/react 20.0.0-next.2 → 20.0.0-next.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (149) hide show

package/dist/cjs-dev/index.cjs CHANGED Viewed

@@ -2,13 +2,14 @@
 var index_headless = require('./index.headless.cjs');
 var React = require('react');
-var passwordManagerDisableAutofillProps = require('./passwordManagerDisableAutofillProps-D70WyvIu.js');
-var StytchSSRProxy = require('./StytchSSRProxy-CxXsyme4.js');
-var shadcn = require('./shadcn-C9ClUju1.js');
-var idpHelpers = require('./idpHelpers-BVMUYvt1.js');
+var passwordManagerDisableAutofillProps = require('./passwordManagerDisableAutofillProps-CgiK2M_U.js');
+var StytchSSRProxy = require('./StytchSSRProxy-d553KgcY.js');
+var shadcn = require('./shadcn-DnNfms7-.js');
+var idpHelpers = require('./idpHelpers-DOYYSxsX.js');
+var dev = require('./dev-DaCGDI6V.js');
+var logger = require('./logger-CvOATP4R.js');
 var ReactDOM = require('react-dom');
 var jsxRuntime = require('react/jsx-runtime');
-var logger = require('./logger-CvOATP4R.js');
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -148,7 +149,7 @@ const withStytchSession$1 = (Component)=>{
  *
  * Remember - authorization checks for sensitive actions should always occur on the backend as well.
  * @example
- * const { isAuthorized } = useStytchIsAuthorized<Permissions>('documents', 'edit');
+ * const { isAuthorized } = useStytchIsAuthorized('documents', 'edit');
  * return <button disabled={!isAuthorized}>Edit</button>
  */ const useStytchIsAuthorized$1 = (resourceId, action)=>{
     passwordManagerDisableAutofillProps.invariant(useIsMounted__INTERNAL(), StytchSSRProxy.noProviderError('useStytchIsAuthorized', 'StytchProvider'));
@@ -1385,7 +1386,7 @@ const MainScreen = ()=>{
     if (hasPasskeys && products.length === 1) return /*#__PURE__*/ React__namespace.default.createElement(shadcn.Typography, {
         variant: "helper",
         color: "destructive"
-    }, idpHelpers.DEV('Error: Cannot use Passkeys by itself, please add another product to the config.'));
+    }, dev.DEV('Error: Cannot use Passkeys by itself, please add another product to the config.'));
     const props = {
         startPasskeyAuth
     };
@@ -1439,7 +1440,7 @@ const AppContainer$1 = ()=>{
     }), /*#__PURE__*/ React__namespace.default.createElement(ScreenComponent, null));
 };
-const AppContainer = ({ client, config, presentation, callbacks, strings })=>{
+const AppContainer = ({ client, config, presentation, callbacks, strings, styles })=>{
     // Read the watermark out of sync storage, then read it out of async storage
     const [displayWatermark, setDisplayWatermark] = React.useState(()=>{
         const { displayWatermark } = StytchSSRProxy.readB2CInternals(client).bootstrap.getSync();
@@ -1460,6 +1461,11 @@ const AppContainer = ({ client, config, presentation, callbacks, strings })=>{
     }, [
         client
     ]);
+    dev.RUN_IN_DEV(()=>{
+        if (styles) {
+            logger.logger.error('styles is deprecated and has no effect. Use the presentation prop instead.\n' + 'See https://stytch.com/docs/api-reference/consumer/frontend-sdks/react/upgrade-guide#step-by-step-guide');
+        }
+    });
     const presentationValue = shadcn.usePresentationWithDefault(presentation, displayWatermark, config.products, 'Products');
     return /*#__PURE__*/ React__namespace.default.createElement(GlobalContextProvider, {
         client: client,
@@ -1541,7 +1547,7 @@ function createB2CComponent(name, Component) {
  *     onEvent: (event) => console.log(event)
  *   }}
  * />
- */ const StytchLogin = createB2CComponent('StytchLogin', AppContainer);
+ */ const StytchLogin = /* @__PURE__ */ createB2CComponent('StytchLogin', AppContainer);
 const GenericWalletIcon = ({ size = shadcn.DEFAULT_ICON_SIZE, ...props })=>/*#__PURE__*/ React__namespace.default.createElement("svg", {
         width: size,
@@ -1896,449 +1902,171 @@ function requireBs58 () {
 var bs58Exports = requireBs58();
-const AmazonIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: 20,
-        height: 20,
-        fill: "none",
-        ...props
-    }, /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#F90",
-        d: "M16.5 15.53C9.2 19 4.69 16.1 1.8 14.33c-.19-.1-.5.03-.23.34.97 1.17 4.13 3.98 8.25 3.98s6.59-2.25 6.9-2.64c.3-.4.08-.6-.22-.48m2.04-1.13c-.2-.25-1.19-.3-1.81-.22s-1.57.45-1.49.68c.04.09.13.05.56.01s1.64-.2 1.9.14c.25.33-.4 1.9-.51 2.16s.04.32.25.15.6-.6.85-1.23c.25-.62.4-1.5.25-1.69"
-    }), /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#000",
-        fillRule: "evenodd",
-        d: "M11.6 8.46c0 .9.02 1.67-.44 2.47-.37.66-.96 1.06-1.62 1.06-.9 0-1.42-.68-1.42-1.69 0-1.99 1.79-2.35 3.48-2.35zm2.35 5.69a.5.5 0 0 1-.55.05c-.78-.64-.91-.94-1.34-1.55-1.28 1.3-2.19 1.7-3.85 1.7-1.96 0-3.5-1.22-3.5-3.64 0-1.9 1.03-3.19 2.5-3.82 1.26-.56 3.03-.66 4.39-.81v-.3c0-.56.04-1.22-.29-1.7-.28-.43-.83-.6-1.3-.6-.9 0-1.7.45-1.89 1.4-.04.21-.19.42-.4.43l-2.27-.25c-.19-.04-.4-.2-.34-.49C5.63 1.83 8.1 1 10.33 1c1.13 0 2.62.3 3.52 1.16 1.13 1.06 1.02 2.48 1.02 4.02v3.64c0 1.1.46 1.57.88 2.16.16.21.19.47 0 .63-.48.4-1.33 1.13-1.8 1.55z",
-        clipRule: "evenodd",
-        className: shadcn.modules_73af8a26.darkInvert
-    }));
-const AppleIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: 20,
-        height: 20,
-        fill: "none",
-        ...props
-    }, /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#000",
-        d: "M16.55 7.14c-.1.08-1.86 1.12-1.86 3.43A4 4 0 0 0 17 14.2c0 .06-.35 1.3-1.18 2.56-.74 1.1-1.5 2.21-2.67 2.21s-1.47-.7-2.82-.7c-1.32 0-1.79.73-2.86.73S5.66 17.97 4.8 16.7c-1-1.48-1.8-3.78-1.8-5.96C3 7.25 5.17 5.4 7.31 5.4c1.14 0 2.09.78 2.8.78.68 0 1.74-.83 3.03-.83.5 0 2.26.05 3.41 1.79m-4.02-3.27c.53-.66.91-1.59.91-2.5q0-.22-.03-.37c-.87.03-1.9.6-2.53 1.36-.49.59-.95 1.5-.95 2.44 0 .14.03.28.04.33l.23.02c.78 0 1.76-.54 2.33-1.28",
-        className: shadcn.modules_73af8a26.darkInvert
-    }));
-const BinanceIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: 20,
-        height: 20,
-        fill: "none",
-        ...props
-    }, /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#F3BA2F",
-        d: "m6.43 8.56 3.5-3.5 3.49 3.5 2.03-2.03L9.92 1 4.4 6.53zM4.99 10 2.96 7.97.92 10l2.04 2.03zM6.43 11.44l3.5 3.5 3.49-3.5 2.03 2.03L9.92 19 4.4 13.47zM16.89 12.03 18.92 10 16.9 7.97 14.85 10z"
-    }), /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#F3BA2F",
-        d: "M11.99 10 9.92 7.93 8.4 9.46l-.18.18-.36.36 2.06 2.07z"
-    }));
-const BitbucketIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: 20,
-        height: 20,
-        fill: "none",
-        ...props
-    }, /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#1868DB",
-        d: "m17.96 9.14-1.34 8.08a.9.9 0 0 1-.93.78H4.3a.9.9 0 0 1-.93-.78L1.02 2.81c-.1-.5.17-.81.64-.81h16.68c.47 0 .73.32.64.8l-.64 3.8c-.09.55-.4.78-.93.78H7.37q-.23 0-.2.26l.79 4.78q.05.18.23.2h3.62q.17-.02.23-.2l.56-3.46c.05-.43.35-.6.75-.6h3.94c.58 0 .76.29.67.78"
-    }));
-const CoinbaseIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: 20,
-        height: 20,
-        fill: "none",
-        ...props
-    }, /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#0052FF",
-        d: "M10.02 14.5a4.5 4.5 0 1 1 4.44-5.25H19a9 9 0 1 0 0 1.5h-4.54a4.5 4.5 0 0 1-4.44 3.75"
-    }));
-const DiscordIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: 20,
-        height: 20,
-        fill: "none",
-        ...props
-    }, /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#5865F2",
-        d: "M12.53 3q-.26.44-.47.92a15 15 0 0 0-4.12 0q-.21-.47-.48-.92-1.93.3-3.72 1.1a13.8 13.8 0 0 0-2.66 9.72Q3.15 15.28 5.63 16q.56-.72.98-1.5a10 10 0 0 1-1.54-.7l.38-.27c2.88 1.3 6.22 1.3 9.1 0q.19.15.38.27a10 10 0 0 1-1.54.7q.41.8.98 1.5 2.48-.7 4.55-2.18c.38-3.69-.64-6.89-2.67-9.73a15 15 0 0 0-3.71-1.08zm-5.52 8.86c-.89 0-1.62-.77-1.62-1.72 0-.94.7-1.71 1.62-1.71.9 0 1.63.77 1.62 1.71-.02.95-.72 1.72-1.62 1.72m5.98 0c-.89 0-1.62-.77-1.62-1.72 0-.94.7-1.71 1.62-1.71.91 0 1.63.77 1.62 1.71-.02.95-.72 1.72-1.62 1.72"
-    }));
-const FacebookIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: 20,
-        height: 20,
-        fill: "none",
-        ...props
-    }, /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#0866FF",
-        d: "M19 10a9 9 0 1 0-11.17 8.73v-5.98H5.97V10h1.86V8.81c0-3.06 1.38-4.48 4.39-4.48.57 0 1.55.11 1.96.23v2.49q-.35-.03-1.04-.03c-1.48 0-2.05.55-2.05 2V10h2.94l-.5 2.75h-2.44v6.18A9 9 0 0 0 19 10"
-    }), /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#fff",
-        d: "m13.53 12.75.5-2.75h-2.94v-.97c0-1.46.57-2.01 2.05-2.01q.7 0 1.04.03v-2.5a10 10 0 0 0-1.96-.22c-3 0-4.4 1.42-4.4 4.48V10H5.98v2.75h1.86v5.98a9 9 0 0 0 3.26.2v-6.18z"
-    }));
-const FigmaIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: 20,
-        height: 20,
-        fill: "none",
-        ...props
-    }, /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#24CB71",
-        d: "M4 16a3 3 0 0 1 3-3h3v3a3 3 0 0 1-6 0"
-    }), /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#FF7237",
-        d: "M10 1v6h3a3 3 0 0 0 0-6z"
-    }), /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#00B6FF",
-        d: "M12.98 13a3 3 0 1 0 0-6 3 3 0 0 0 0 6"
-    }), /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#FF3737",
-        d: "M4 4a3 3 0 0 0 3 3h3V1H7a3 3 0 0 0-3 3"
-    }), /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#874FFF",
-        d: "M4 10a3 3 0 0 0 3 3h3V7H7a3 3 0 0 0-3 3"
-    }));
-const GitlabIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: 20,
-        height: 20,
-        fill: "none",
-        ...props
-    }, /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#E24329",
-        d: "m18.7 8.2-.03-.07-2.45-6.4A.65.65 0 0 0 15 1.8l-1.65 5.07h-6.7L5 1.8a.64.64 0 0 0-.97-.37.6.6 0 0 0-.25.3l-2.45 6.4-.03.06a4.55 4.55 0 0 0 1.51 5.26l.03.02 3.73 2.8 1.85 1.4 1.12.84c.27.21.65.21.92 0l1.12-.84 1.85-1.4 3.75-2.81.01-.01a4.55 4.55 0 0 0 1.5-5.26"
-    }), /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#FC6D26",
-        d: "m18.7 8.2-.03-.07a8 8 0 0 0-3.29 1.48L10 13.68l3.43 2.59 3.75-2.81.01-.01a4.55 4.55 0 0 0 1.5-5.26"
-    }), /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#FCA326",
-        d: "m6.57 16.27 1.85 1.4 1.12.84c.27.21.65.21.92 0l1.12-.84 1.85-1.4s-1.6-1.2-3.43-2.6c-1.83 1.4-3.43 2.6-3.43 2.6"
-    }), /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#FC6D26",
-        d: "M4.62 9.61a8 8 0 0 0-3.3-1.48l-.02.06a4.55 4.55 0 0 0 1.51 5.26l.03.02 3.73 2.8s1.6-1.2 3.43-2.6z"
-    }));
-const LinkedinIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: 20,
-        height: 20,
-        fill: "none",
-        ...props
-    }, /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#007EBB",
-        fillRule: "evenodd",
-        d: "M3 19h14a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H3a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2",
-        clipRule: "evenodd"
-    }), /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#fff",
-        fillRule: "evenodd",
-        d: "M16.5 16.5h-2.67v-4.55c0-1.25-.48-1.94-1.46-1.94-1.08 0-1.64.72-1.64 1.94v4.55H8.16V7.83h2.57V9s.78-1.43 2.62-1.43c1.83 0 3.15 1.12 3.15 3.44zM5.09 6.7A1.6 1.6 0 0 1 3.5 5.1c0-.88.71-1.6 1.59-1.6.87 0 1.58.72 1.58 1.6s-.7 1.6-1.58 1.6m-1.33 9.8h2.68V7.83H3.76z",
-        clipRule: "evenodd"
-    }));
-const MetamaskIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: 20,
-        height: 20,
-        fill: "none",
-        ...props
-    }, /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#FF5C16",
-        d: "m17.82 18.08-3.88-1.15-2.92 1.75H8.98l-2.93-1.75-3.87 1.15L1 14.1 2.18 9.7 1 5.95l1.18-4.63 6.05 3.62h3.54l6.05-3.62L19 5.95 17.82 9.7 19 14.1z"
-    }), /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#FF5C16",
-        d: "m2.18 1.32 6.06 3.62-.25 2.49zM6.06 14.1l2.66 2.03-2.66.8zM8.5 10.75 8 7.43 4.71 9.69V12l1.33-1.26zM17.82 1.32l-6.05 3.62.24 2.49zM13.95 14.1l-2.67 2.03 2.67.8zM15.29 9.69 12 7.43l-.52 3.32h2.46L15.28 12z"
-    }), /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#E34807",
-        d: "m6.05 16.93-3.87 1.15L1 14.1h5.05zM8.5 10.75l.75 4.8-1.03-2.67-3.5-.87 1.33-1.26zM13.95 16.93l3.87 1.15L19 14.1h-5.05zM11.5 10.75l-.75 4.8 1.03-2.67 3.5-.87-1.33-1.26z"
-    }), /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#FF8D5D",
-        d: "M1 14.1 2.18 9.7H4.7L4.72 12l3.5.87 1.03 2.66-.53.6-2.67-2.04zM19 14.1 17.82 9.7H15.3L15.28 12l-3.5.87-1.03 2.66.53.6 2.67-2.04z"
-    }), /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#FF8D5D",
-        d: "M11.77 4.94H8.23L8 7.43l1.26 8.11h1.5l1.26-8.11z"
-    }), /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#661800",
-        d: "M2.18 1.32 1 5.95 2.18 9.7H4.7L8 7.43zM7.77 11.71H6.62l-.62.61 2.22.56zM17.82 1.32 19 5.95 17.82 9.7H15.3L12 7.43zM12.23 11.71h1.15l.62.62-2.22.55zM11.02 17.1l.26-.97-.53-.58h-1.5l-.53.58.26.96"
-    }), /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#C0C4CD",
-        d: "M11.02 17.1v1.58H8.98v-1.59z"
-    }), /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#E7EBF6",
-        d: "m6.06 16.93 2.92 1.75v-1.59l-.26-.96zM13.95 16.93l-2.93 1.75v-1.59l.26-.96z"
-    }));
-const PhantomIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: 20,
-        height: 20,
-        fill: "none",
-        ...props
-    }, /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#AB9FF2",
-        d: "M3.13 17.5c2.3 0 4.02-2 5.05-3.58q-.19.53-.2 1.04c0 .92.54 1.58 1.58 1.58 1.44 0 2.97-1.26 3.76-2.62a2 2 0 0 0-.08.55c0 .64.36 1.04 1.1 1.04 2.32 0 4.66-4.12 4.66-7.73 0-2.8-1.42-5.28-4.98-5.28C7.75 2.5 1 10.16 1 15.11c0 1.94 1.04 2.39 2.13 2.39m8.73-10.02c0-.7.39-1.2.96-1.2s.95.5.95 1.2-.4 1.2-.95 1.2c-.57 0-.96-.5-.96-1.2m2.98 0c0-.7.39-1.2.96-1.2.55 0 .94.5.94 1.2s-.38 1.2-.94 1.2c-.57 0-.96-.5-.96-1.2"
-    }));
-const SalesforceIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: 20,
-        height: 20,
-        fill: "none",
-        ...props
-    }, /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#00A1E0",
-        fillRule: "evenodd",
-        d: "M8.49 4.92a3.1 3.1 0 0 1 2.28-1.01c1.2 0 2.22.68 2.78 1.7q.75-.35 1.57-.35c2.14 0 3.88 1.8 3.88 4.04a3.96 3.96 0 0 1-4.65 3.96c-.49.9-1.42 1.5-2.47 1.5q-.65 0-1.25-.3a3.2 3.2 0 0 1-2.97 2.04c-1.4 0-2.58-.9-3.04-2.18q-.3.06-.62.06c-1.66 0-3-1.4-3-3.13 0-1.16.6-2.17 1.5-2.71a4 4 0 0 1-.29-1.44c0-1.99 1.57-3.6 3.5-3.6 1.13 0 2.15.56 2.78 1.42",
-        clipRule: "evenodd"
-    }));
-const SnapchatIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: 20,
-        height: 20,
-        fill: "none",
-        ...props
-    }, /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#fff",
-        d: "M17.72 14.26c-2.78-1.35-3.23-3.43-3.25-3.59-.02-.18-.05-.33.16-.52.2-.19 1.08-.73 1.32-.9q.63-.41.46-.92c-.1-.24-.32-.33-.56-.33l-.22.03c-.44.1-.87.32-1.12.38h-.1q-.19.02-.17-.21c.03-.49.1-1.44.02-2.32a3.7 3.7 0 0 0-.96-2.36A4.3 4.3 0 0 0 10 2.14a4.3 4.3 0 0 0-3.3 1.37 3.7 3.7 0 0 0-.96 2.36c-.08.89 0 1.84.02 2.33q.01.22-.17.22l-.1-.02c-.24-.06-.68-.28-1.12-.38L4.15 8c-.24 0-.46.1-.55.33-.14.35.04.63.45.91.24.17 1.13.72 1.33.9.2.2.18.34.15.53-.02.16-.46 2.24-3.25 3.59-.16.08-.44.24.05.51.77.43 1.28.38 1.68.64.34.22.14.69.38.86.3.2 1.2-.02 2.35.36.96.32 1.55 1.22 3.26 1.22s2.32-.9 3.27-1.22c1.15-.38 2.04-.16 2.34-.36.25-.17.05-.64.39-.86.4-.26.9-.21 1.68-.64.48-.26.2-.43.04-.5",
-        className: shadcn.modules_73af8a26.darkInvert
-    }), /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#000",
-        d: "M18.94 14.1a1.3 1.3 0 0 0-.64-.67l-.14-.07-.24-.13a5.4 5.4 0 0 1-1.97-1.68 4 4 0 0 1-.33-.6q-.06-.16-.01-.23l.1-.12.82-.53q.52-.36.74-.8a1.6 1.6 0 0 0 .08-1.3c-.23-.6-.8-.98-1.5-.98a2 2 0 0 0-.54.08q.01-.64-.04-1.29a4.83 4.83 0 0 0-2.44-3.93A5.6 5.6 0 0 0 10 1.15a5.6 5.6 0 0 0-2.82.72 4.8 4.8 0 0 0-2.44 3.93q-.06.66-.04 1.28a3 3 0 0 0-.55-.08 1.54 1.54 0 0 0-1.6 1.65q.01.33.18.64.23.43.74.8l.42.27.38.25q.08.04.12.12.05.07-.01.24-.14.3-.33.59a5.4 5.4 0 0 1-1.91 1.65c-.43.23-.89.39-1.08.9-.14.4-.05.84.32 1.21q.2.21.46.35.53.3 1.12.45.13.03.23.1c.13.12.12.3.3.55q.13.2.33.34c.37.26.78.27 1.23.3.4 0 .85.02 1.37.2q.3.11.7.36c.61.38 1.46.9 2.88.9s2.27-.52 2.9-.9q.37-.25.68-.36c.52-.17.97-.2 1.37-.2.44-.02.86-.04 1.23-.3q.24-.16.38-.41c.13-.22.13-.37.25-.47l.21-.1a5 5 0 0 0 1.14-.46q.28-.15.48-.37v-.01c.35-.37.44-.8.3-1.18m-1.27.68c-.77.42-1.28.38-1.67.64-.34.21-.14.68-.39.85-.3.21-1.2-.01-2.34.37-.95.31-1.56 1.21-3.27 1.21-1.7 0-2.3-.9-3.27-1.22-1.15-.38-2.04-.15-2.34-.36-.25-.17-.05-.64-.38-.86-.4-.25-.91-.2-1.68-.63-.5-.27-.21-.44-.05-.52 2.79-1.35 3.23-3.43 3.25-3.58.02-.2.05-.34-.16-.53-.2-.18-1.08-.73-1.32-.9-.4-.28-.59-.57-.46-.91.1-.25.32-.34.56-.34l.22.03c.44.1.87.32 1.12.38l.1.01q.19 0 .17-.22c-.03-.49-.1-1.43-.02-2.32.1-1.22.5-1.83.96-2.36A4.3 4.3 0 0 1 10 2.15a4.3 4.3 0 0 1 3.3 1.36c.46.54.86 1.14.96 2.36.08.89.01 1.84-.02 2.33q-.01.23.17.22l.1-.02c.24-.06.68-.28 1.12-.38l.22-.02c.24 0 .46.1.56.33q.17.5-.46.91c-.24.17-1.13.72-1.32.9-.21.2-.18.34-.16.53.02.16.46 2.24 3.25 3.59.17.08.44.25-.05.52",
-        className: shadcn.modules_73af8a26.darkInvert
-    }));
-const TiktokIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: 20,
-        height: 20,
-        fill: "none",
-        ...props
-    }, /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#161823",
-        fillRule: "evenodd",
-        d: "M11.38 1.79h2.3A4.42 4.42 0 0 0 18 5.3v.68l.01 2.41a7.6 7.6 0 0 1-4.39-1.38v6.28c0 3.14-2.6 5.7-5.8 5.7a6 6 0 0 1-3.33-1.03A5.7 5.7 0 0 1 2 13.3a5.76 5.76 0 0 1 6.59-5.64v3.16q-.37-.11-.78-.12a2.63 2.63 0 0 0-2.66 2.6c0 1 .58 1.87 1.43 2.3q.55.3 1.23.3c1.42 0 2.59-1.1 2.64-2.5V1h3.16q0 .4.08.79z",
-        clipRule: "evenodd",
-        className: shadcn.modules_73af8a26.darkInvert
-    }));
-const TwitchIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: 20,
-        height: 20,
-        fill: "none",
-        ...props
-    }, /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#fff",
-        d: "m16.25 9.36-2.5 2.57h-2.5l-2.19 2.25v-2.25H6.25V2.29h10z"
-    }), /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#9146FF",
-        d: "M5.63 1 2.5 4.21V15.8h3.75V19l3.13-3.21h2.5L17.5 10V1zm10.62 8.36-2.5 2.57h-2.5l-2.19 2.25v-2.25H6.25V2.29h10z"
-    }), /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#9146FF",
-        d: "M14.38 4.54h-1.26v3.85h1.26zM10.94 4.54H9.69v3.85h1.25z"
-    }));
-const XTwitterIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: 20,
-        height: 20,
-        fill: "none",
-        ...props
-    }, /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#000",
-        d: "M11.67 8.62 18.23 1h-1.55l-5.7 6.61L6.44 1H1.2l6.87 10-6.87 8h1.55l6.01-7 4.8 7h5.24zm-2.12 2.47-.7-1-5.54-7.92H5.7l4.47 6.4.7 1 5.8 8.3H14.3z",
-        className: shadcn.modules_73af8a26.darkInvert
-    }));
-const YahooIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: 20,
-        height: 20,
-        fill: "none",
-        ...props
-    }, /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#5F01D2",
-        fillRule: "evenodd",
-        d: "M1 5.74 4.92 15l-1.4 3.33h3.44l5.23-12.6H8.76l-2.13 5.4-2.1-5.4zm9.47 7.24c0 1.16.9 2.1 2.1 2.1 1.25 0 2.19-.98 2.19-2.17 0-1.18-.9-2.11-2.11-2.11-1.25 0-2.18 1-2.18 2.18m4.68-11.31L11.7 9.99h3.85L19 1.67z",
-        clipRule: "evenodd"
-    }));
-const hasMultipleEthereumWallets = ()=>!!window.ethereum?.providers;
-const hasMetaMask = ()=>!!(hasMultipleEthereumWallets() ? window.ethereum.providers?.find((wallet)=>wallet.isMetaMask) : window.ethereum.isMetaMask);
-const hasCoinbaseWallet = ()=>!!(hasMultipleEthereumWallets() ? window.ethereum.providers?.find((wallet)=>wallet.isCoinbaseWallet) : window.ethereum?.isCoinbaseWallet);
-const hasOtherEthereumWallet = ()=>!hasMetaMask() && !hasCoinbaseWallet() && !!window.ethereum;
-const getMetaMaskProvider = ()=>hasMultipleEthereumWallets() ? window.ethereum.providers?.find((wallet)=>wallet.isMetaMask) : window.ethereum;
-const getCoinbaseProvider = ()=>hasMultipleEthereumWallets() ? window.ethereum.providers?.find((wallet)=>wallet.isCoinbaseWallet) : window.ethereum;
-const getOtherInjectedProvider = ()=>window.ethereum.providers?.find((wallet)=>!wallet.isCoinbaseWallet && !wallet.isMetaMask);
-const WalletToIcon = {
-    [StytchSSRProxy.Wallets.Phantom]: PhantomIcon,
-    [StytchSSRProxy.Wallets.Binance]: BinanceIcon,
-    [StytchSSRProxy.Wallets.Coinbase]: CoinbaseIcon,
-    [StytchSSRProxy.Wallets.Metamask]: MetamaskIcon,
-    [StytchSSRProxy.Wallets.GenericEthereumWallet]: GenericWalletIcon,
-    [StytchSSRProxy.Wallets.GenericSolanaWallet]: GenericWalletIcon
-};
-const WalletToText = {
-    [StytchSSRProxy.Wallets.Phantom]: {
-        id: "crypto.wallet.phantom",
-        message: "Phantom"
-    },
-    [StytchSSRProxy.Wallets.Binance]: {
-        id: "crypto.wallet.binance",
-        message: "Binance"
-    },
-    [StytchSSRProxy.Wallets.Coinbase]: {
-        id: "crypto.wallet.coinbase",
-        message: "Coinbase"
-    },
-    [StytchSSRProxy.Wallets.Metamask]: {
-        id: "crypto.wallet.metamask",
-        message: "Metamask"
-    },
-    [StytchSSRProxy.Wallets.GenericEthereumWallet]: {
-        id: "crypto.wallet.otherEthereum",
-        message: "Other Ethereum Wallet"
-    },
-    [StytchSSRProxy.Wallets.GenericSolanaWallet]: {
-        id: "crypto.wallet.otherSolana",
-        message: "Other Solana Wallet"
-    }
-};
-const isWalletVisible = (wallet)=>{
-    switch(wallet){
-        case StytchSSRProxy.Wallets.Metamask:
-            return !!window.ethereum && hasMetaMask();
-        case StytchSSRProxy.Wallets.Phantom:
-            return (!!window.solana && window.solana?.isPhantom) ?? false;
-        case StytchSSRProxy.Wallets.Binance:
-            return !!window.BinanceChain;
-        case StytchSSRProxy.Wallets.Coinbase:
-            return !!window.ethereum && hasCoinbaseWallet();
-        case StytchSSRProxy.Wallets.GenericEthereumWallet:
-            return !!window.ethereum && hasOtherEthereumWallet();
-        case StytchSSRProxy.Wallets.GenericSolanaWallet:
-            return !!window.solana && !window.solana.isPhantom;
-        default:
-            return false;
-    }
-};
-const connectWithEthereumProvider = async (request)=>{
-    const [address] = await request({
-        method: 'eth_requestAccounts'
-    });
-    return address;
-};
-const connectWithWallet = async ({ wallet })=>{
-    switch(wallet){
-        case StytchSSRProxy.Wallets.Metamask:
-            {
-                const provider = getMetaMaskProvider();
-                return provider?.request ? connectWithEthereumProvider(provider?.request) : '';
-            }
-        case StytchSSRProxy.Wallets.Phantom:
-            {
-                const connectResp = await window.solana.connect();
-                return connectResp.publicKey.toString();
-            }
-        case StytchSSRProxy.Wallets.Binance:
-            {
-                const provider = window.BinanceChain;
-                return provider?.request ? connectWithEthereumProvider(provider?.request) : '';
-            }
-        case StytchSSRProxy.Wallets.Coinbase:
-            {
-                const provider = getCoinbaseProvider();
-                return provider?.request ? connectWithEthereumProvider(provider?.request) : '';
-            }
-        case StytchSSRProxy.Wallets.GenericEthereumWallet:
-            {
-                const provider = getOtherInjectedProvider();
-                return provider?.request ? connectWithEthereumProvider(provider?.request) : '';
-            }
-        case StytchSSRProxy.Wallets.GenericSolanaWallet:
-            {
-                const connectResp = await window.solana.connect();
-                return connectResp.publicKey.toString();
-            }
-        default:
-            return '';
-    }
-};
-const signMessageWithSolanaProvider = async (message)=>{
-    const encodedMessage = new TextEncoder().encode(message);
-    const signResp = await window.solana.request({
-        method: 'signMessage',
-        params: {
-            message: encodedMessage,
-            display: 'utf8'
-        }
-    });
-    return bs58Exports.encode(signResp.signature);
-};
-const signMessageWithEthereumProvider = async (request, message, address)=>{
-    const signature = await request({
-        method: 'personal_sign',
-        params: [
-            message,
-            address
-        ]
-    });
-    return signature;
-};
-const signMessageWithWallet = async ({ wallet, message, address })=>{
-    switch(wallet){
-        case StytchSSRProxy.Wallets.Phantom:
-        case StytchSSRProxy.Wallets.GenericSolanaWallet:
-            return signMessageWithSolanaProvider(message);
-        case StytchSSRProxy.Wallets.Metamask:
-            {
-                const provider = getMetaMaskProvider();
-                return provider?.request ? signMessageWithEthereumProvider(provider?.request, message, address) : '';
-            }
-        case StytchSSRProxy.Wallets.Binance:
-            {
-                const provider = window.BinanceChain;
-                return provider?.request ? signMessageWithEthereumProvider(provider?.request, message, address) : '';
-            }
-        case StytchSSRProxy.Wallets.Coinbase:
-            {
-                const provider = getCoinbaseProvider();
-                return provider?.request ? signMessageWithEthereumProvider(provider?.request, message, address) : '';
-            }
-        case StytchSSRProxy.Wallets.GenericEthereumWallet:
-            {
-                const provider = getOtherInjectedProvider();
-                return provider?.request ? signMessageWithEthereumProvider(provider?.request, message, address) : '';
-            }
-        default:
-            return '';
-    }
-};
-const isSolanaWallet = (wallet)=>{
-    const solanaWallets = [
-        StytchSSRProxy.Wallets.Phantom,
-        StytchSSRProxy.Wallets.GenericSolanaWallet
-    ];
-    return solanaWallets.includes(wallet);
-};
+const hasMultipleEthereumWallets = ()=>!!window.ethereum?.providers;
+const hasMetaMask = ()=>!!(hasMultipleEthereumWallets() ? window.ethereum.providers?.find((wallet)=>wallet.isMetaMask) : window.ethereum.isMetaMask);
+const hasCoinbaseWallet = ()=>!!(hasMultipleEthereumWallets() ? window.ethereum.providers?.find((wallet)=>wallet.isCoinbaseWallet) : window.ethereum?.isCoinbaseWallet);
+const hasOtherEthereumWallet = ()=>!hasMetaMask() && !hasCoinbaseWallet() && !!window.ethereum;
+const getMetaMaskProvider = ()=>hasMultipleEthereumWallets() ? window.ethereum.providers?.find((wallet)=>wallet.isMetaMask) : window.ethereum;
+const getCoinbaseProvider = ()=>hasMultipleEthereumWallets() ? window.ethereum.providers?.find((wallet)=>wallet.isCoinbaseWallet) : window.ethereum;
+const getOtherInjectedProvider = ()=>window.ethereum.providers?.find((wallet)=>!wallet.isCoinbaseWallet && !wallet.isMetaMask);
+const walletIcons = {
+    [StytchSSRProxy.Wallets.Phantom]: 'phantom',
+    [StytchSSRProxy.Wallets.Binance]: 'binance',
+    [StytchSSRProxy.Wallets.Coinbase]: 'coinbase',
+    [StytchSSRProxy.Wallets.Metamask]: 'metamask'
+};
+const useCryptoIcon = ()=>{
+    const iconRegistry = shadcn.usePresentation().iconRegistry;
+    return (wallet)=>{
+        const iconName = walletIcons[wallet];
+        return iconName ? iconRegistry[iconName] : GenericWalletIcon;
+    };
+};
+const WalletToText = {
+    [StytchSSRProxy.Wallets.Phantom]: {
+        id: "crypto.wallet.phantom",
+        message: "Phantom"
+    },
+    [StytchSSRProxy.Wallets.Binance]: {
+        id: "crypto.wallet.binance",
+        message: "Binance"
+    },
+    [StytchSSRProxy.Wallets.Coinbase]: {
+        id: "crypto.wallet.coinbase",
+        message: "Coinbase"
+    },
+    [StytchSSRProxy.Wallets.Metamask]: {
+        id: "crypto.wallet.metamask",
+        message: "Metamask"
+    },
+    [StytchSSRProxy.Wallets.GenericEthereumWallet]: {
+        id: "crypto.wallet.otherEthereum",
+        message: "Other Ethereum Wallet"
+    },
+    [StytchSSRProxy.Wallets.GenericSolanaWallet]: {
+        id: "crypto.wallet.otherSolana",
+        message: "Other Solana Wallet"
+    }
+};
+const isWalletVisible = (wallet)=>{
+    switch(wallet){
+        case StytchSSRProxy.Wallets.Metamask:
+            return !!window.ethereum && hasMetaMask();
+        case StytchSSRProxy.Wallets.Phantom:
+            return (!!window.solana && window.solana?.isPhantom) ?? false;
+        case StytchSSRProxy.Wallets.Binance:
+            return !!window.BinanceChain;
+        case StytchSSRProxy.Wallets.Coinbase:
+            return !!window.ethereum && hasCoinbaseWallet();
+        case StytchSSRProxy.Wallets.GenericEthereumWallet:
+            return !!window.ethereum && hasOtherEthereumWallet();
+        case StytchSSRProxy.Wallets.GenericSolanaWallet:
+            return !!window.solana && !window.solana.isPhantom;
+        default:
+            return false;
+    }
+};
+const connectWithEthereumProvider = async (request)=>{
+    const [address] = await request({
+        method: 'eth_requestAccounts'
+    });
+    return address;
+};
+const connectWithWallet = async ({ wallet })=>{
+    switch(wallet){
+        case StytchSSRProxy.Wallets.Metamask:
+            {
+                const provider = getMetaMaskProvider();
+                return provider?.request ? connectWithEthereumProvider(provider?.request) : '';
+            }
+        case StytchSSRProxy.Wallets.Phantom:
+            {
+                const connectResp = await window.solana.connect();
+                return connectResp.publicKey.toString();
+            }
+        case StytchSSRProxy.Wallets.Binance:
+            {
+                const provider = window.BinanceChain;
+                return provider?.request ? connectWithEthereumProvider(provider?.request) : '';
+            }
+        case StytchSSRProxy.Wallets.Coinbase:
+            {
+                const provider = getCoinbaseProvider();
+                return provider?.request ? connectWithEthereumProvider(provider?.request) : '';
+            }
+        case StytchSSRProxy.Wallets.GenericEthereumWallet:
+            {
+                const provider = getOtherInjectedProvider();
+                return provider?.request ? connectWithEthereumProvider(provider?.request) : '';
+            }
+        case StytchSSRProxy.Wallets.GenericSolanaWallet:
+            {
+                const connectResp = await window.solana.connect();
+                return connectResp.publicKey.toString();
+            }
+        default:
+            return '';
+    }
+};
+const signMessageWithSolanaProvider = async (message)=>{
+    const encodedMessage = new TextEncoder().encode(message);
+    const signResp = await window.solana.request({
+        method: 'signMessage',
+        params: {
+            message: encodedMessage,
+            display: 'utf8'
+        }
+    });
+    return bs58Exports.encode(signResp.signature);
+};
+const signMessageWithEthereumProvider = async (request, message, address)=>{
+    const signature = await request({
+        method: 'personal_sign',
+        params: [
+            message,
+            address
+        ]
+    });
+    return signature;
+};
+const signMessageWithWallet = async ({ wallet, message, address })=>{
+    switch(wallet){
+        case StytchSSRProxy.Wallets.Phantom:
+        case StytchSSRProxy.Wallets.GenericSolanaWallet:
+            return signMessageWithSolanaProvider(message);
+        case StytchSSRProxy.Wallets.Metamask:
+            {
+                const provider = getMetaMaskProvider();
+                return provider?.request ? signMessageWithEthereumProvider(provider?.request, message, address) : '';
+            }
+        case StytchSSRProxy.Wallets.Binance:
+            {
+                const provider = window.BinanceChain;
+                return provider?.request ? signMessageWithEthereumProvider(provider?.request, message, address) : '';
+            }
+        case StytchSSRProxy.Wallets.Coinbase:
+            {
+                const provider = getCoinbaseProvider();
+                return provider?.request ? signMessageWithEthereumProvider(provider?.request, message, address) : '';
+            }
+        case StytchSSRProxy.Wallets.GenericEthereumWallet:
+            {
+                const provider = getOtherInjectedProvider();
+                return provider?.request ? signMessageWithEthereumProvider(provider?.request, message, address) : '';
+            }
+        default:
+            return '';
+    }
+};
+const isSolanaWallet = (wallet)=>{
+    const solanaWallets = [
+        StytchSSRProxy.Wallets.Phantom,
+        StytchSSRProxy.Wallets.GenericSolanaWallet
+    ];
+    return solanaWallets.includes(wallet);
+};
 const MAX_BUTTONS = 6;
-const WalletIconComponent = ({ wallet })=>{
-    const Icon = WalletToIcon[wallet];
-    return /*#__PURE__*/ React__namespace.createElement(Icon, null);
-};
 const walletMessages = {
     [StytchSSRProxy.Wallets.Phantom]: {
         id: "crypto.wallet.continueWithPhantom",
@@ -2369,6 +2097,7 @@ const CryptoWalletButtons = ({ type })=>{
     const { i18n: $__i18n, _: $__ } = passwordManagerDisableAutofillProps.useLingui();
     const [state, dispatch] = useGlobalReducer();
     const config = useConfig();
+    const getCryptoIcon = useCryptoIcon();
     const oAuthOptions = config.oauthOptions?.providers.length ?? 0;
     // Crypto Buttons on screen = Maximum Buttons - OAuth Buttons - 1 (Other crypto or set up new wallet)
     const cryptoButtonsOnMainScreen = MAX_BUTTONS - oAuthOptions - 1;
@@ -2390,18 +2119,18 @@ const CryptoWalletButtons = ({ type })=>{
     const mainWallets = allDetectedWallets.slice(0, cryptoButtonsOnMainScreen);
     const otherWallet = allDetectedWallets.slice(cryptoButtonsOnMainScreen);
     const walletsToRender = type === 'main' ? mainWallets : otherWallet;
-    return /*#__PURE__*/ React__namespace.createElement(shadcn.ButtonColumn, null, walletsToRender.map((wallet)=>/*#__PURE__*/ React__namespace.createElement(shadcn.Button, {
+    return /*#__PURE__*/ React__namespace.createElement(shadcn.ButtonColumn, null, walletsToRender.map((wallet)=>{
+        const walletEnum = StytchSSRProxy.Wallets[wallet];
+        const Icon = getCryptoIcon(walletEnum);
+        return /*#__PURE__*/ React__namespace.createElement(shadcn.Button, {
             key: wallet,
             variant: "outline",
-            icon: /*#__PURE__*/ React__namespace.createElement(WalletIconComponent, {
-                wallet: StytchSSRProxy.Wallets[wallet]
-            }),
-            onClick: ()=>onWalletStart(StytchSSRProxy.Wallets[wallet])
-        }, type === 'main' ? $__i18n._(walletMessages[StytchSSRProxy.Wallets[wallet]]) : $__i18n._(WalletToText[StytchSSRProxy.Wallets[wallet]]))), renderOtherScreenButton && type === 'main' ? /*#__PURE__*/ React__namespace.createElement(shadcn.Button, {
+            icon: /*#__PURE__*/ React__namespace.createElement(Icon, null),
+            onClick: ()=>onWalletStart(walletEnum)
+        }, type === 'main' ? $__i18n._(walletMessages[walletEnum]) : $__i18n._(WalletToText[walletEnum]));
+    }), renderOtherScreenButton && type === 'main' ? /*#__PURE__*/ React__namespace.createElement(shadcn.Button, {
         variant: "outline",
-        icon: /*#__PURE__*/ React__namespace.createElement(WalletIconComponent, {
-            wallet: StytchSSRProxy.Wallets.GenericEthereumWallet
-        }),
+        icon: /*#__PURE__*/ React__namespace.createElement(GenericWalletIcon, null),
         onClick: ()=>dispatch({
                 type: 'transition',
                 screen: AppScreens.CryptoOtherScreen
@@ -3515,7 +3244,7 @@ const LoginForm = ()=>{
     if (hasEmailMagicLink && hasOTPEmail) return /*#__PURE__*/ React__namespace.default.createElement(shadcn.Typography, {
         variant: "helper",
         color: "destructive"
-    }, idpHelpers.DEV('Error: Cannot use both EML and Email OTP'));
+    }, dev.DEV('Error: Cannot use both EML and Email OTP'));
     return /*#__PURE__*/ React__namespace.default.createElement(Root2, {
         defaultValue: tabMethods[0]
     }, tabMethods.length > 1 && /*#__PURE__*/ React__namespace.default.createElement(List, {
@@ -3964,7 +3693,7 @@ const GoogleOneTap = ({ position, customScopes, providerParams, cancelOnTapOutsi
         });
     }
     if (oneTapError) {
-        return /*#__PURE__*/ React__namespace.default.createElement(React__namespace.default.Fragment, null, idpHelpers.DEV(/*#__PURE__*/ React__namespace.default.createElement(shadcn.ErrorMessages, {
+        return /*#__PURE__*/ React__namespace.default.createElement(React__namespace.default.Fragment, null, dev.DEV(/*#__PURE__*/ React__namespace.default.createElement(shadcn.ErrorMessages, {
             error: oneTapError
         })), fallbackWithLastUsed);
     }
@@ -5179,7 +4908,7 @@ const PasskeyRegistrationSuccess = ()=>{
         update.catch((error)=>{
             logger.logger.error(error);
             shadcn.errorToast({
-                message: StytchSSRProxy.errorToStytchError(error).message
+                message: dev.errorToStytchError(error).message
             });
             setEditableRowState(prevEditableRowState);
         }).then(()=>{
@@ -5336,27 +5065,216 @@ const ConnectWallet = ()=>{
             });
             dispatch({
                 type: 'transition',
-                screen: AppScreens.CryptoSignMessage
-            });
-        }).catch(handleError);
-    };
-    shadcn.useMountEffect(()=>{
-        onConnectWallet();
-    });
+                screen: AppScreens.CryptoSignMessage
+            });
+        }).catch(handleError);
+    };
+    shadcn.useMountEffect(()=>{
+        onConnectWallet();
+    });
+    return /*#__PURE__*/ React__namespace.default.createElement(shadcn.Column, {
+        gap: 6
+    }, /*#__PURE__*/ React__namespace.default.createElement(shadcn.TextColumn, {
+        header: $__i18n._({
+            id: "crypto.connectWallet.title",
+            message: "Connecting to your wallet..."
+        }),
+        body: $__i18n._({
+            id: "crypto.connectWallet.instructionPopup",
+            message: "Complete sign in by connecting through the wallet pop up in the right corner of your screen."
+        }),
+        helper: $__i18n._({
+            id: "crypto.troubleHelp",
+            message: "If you are having trouble, go back to the main screen and try logging in again."
+        })
+    }), /*#__PURE__*/ React__namespace.default.createElement(shadcn.Button, {
+        variant: "outline",
+        onClick: ()=>dispatch({
+                type: 'transition',
+                screen: AppScreens.Main
+            })
+    }, $__i18n._({
+        id: "button.goBack",
+        message: "Go back"
+    })));
+};
+const SignMessage = ()=>{
+    const { i18n: $__i18n, _: $__ } = passwordManagerDisableAutofillProps.useLingui();
+    const onEvent = useEventCallback();
+    const onError = useErrorCallback();
+    const handleError = ()=>{
+        // eslint-disable-next-line lingui/no-unlocalized-strings -- This is not shown in the UI, just sent to the error callback
+        onError({
+            message: '[Error] Could not sign message'
+        });
+        dispatch({
+            type: 'transition',
+            screen: AppScreens.CryptoError
+        });
+    };
+    const stytchClient = useStytch();
+    const config = useConfig();
+    const [state, dispatch] = useGlobalReducer();
+    const { walletChallenge, walletAddress, walletOption } = state.formState.cryptoState;
+    const walletType = isSolanaWallet(walletOption) ? 'solana' : 'ethereum';
+    const onSignWallet = async ()=>{
+        const signature = await signMessageWithWallet({
+            wallet: walletOption,
+            message: walletChallenge,
+            address: walletAddress
+        });
+        stytchClient.cryptoWallets.authenticate({
+            crypto_wallet_address: walletAddress,
+            crypto_wallet_type: walletType,
+            signature,
+            session_duration_minutes: config.sessionOptions?.sessionDurationMinutes ?? idpHelpers.DEFAULT_SESSION_DURATION_MINUTES
+        }).then((data)=>{
+            onEvent({
+                type: StytchSSRProxy.StytchEventType.CryptoWalletAuthenticate,
+                data
+            });
+            dispatch({
+                type: 'transition',
+                screen: AppScreens.CryptoConfirmation
+            });
+        }).catch(handleError);
+    };
+    shadcn.useMountEffect(()=>{
+        onSignWallet();
+    });
+    return /*#__PURE__*/ React__namespace.default.createElement(shadcn.Column, {
+        gap: 6
+    }, /*#__PURE__*/ React__namespace.default.createElement(shadcn.TextColumn, {
+        header: $__i18n._({
+            id: "crypto.signMessage.title",
+            message: "Completing signature request..."
+        }),
+        body: $__i18n._({
+            id: "crypto.signMessage.instruction",
+            message: "Complete the signature request through the wallet pop up in the right corner of your screen."
+        }),
+        helper: $__i18n._({
+            id: "crypto.troubleHelp",
+            message: "If you are having trouble, go back to the main screen and try logging in again."
+        })
+    }), /*#__PURE__*/ React__namespace.default.createElement(shadcn.Button, {
+        variant: "outline",
+        onClick: ()=>dispatch({
+                type: 'transition',
+                screen: AppScreens.Main
+            })
+    }, $__i18n._({
+        id: "button.goBack",
+        message: "Go back"
+    })));
+};
+const OtherCryptoWallets = ()=>{
+    const { i18n: $__i18n, _: $__ } = passwordManagerDisableAutofillProps.useLingui();
+    const [, dispatch] = useGlobalReducer();
+    return /*#__PURE__*/ React__namespace.default.createElement(shadcn.Column, {
+        gap: 6
+    }, /*#__PURE__*/ React__namespace.default.createElement(shadcn.Typography, {
+        variant: "header"
+    }, $__i18n._({
+        id: "crypto.continueWithOtherWallet.title",
+        message: "Continue with other wallet"
+    })), /*#__PURE__*/ React__namespace.default.createElement(shadcn.ButtonColumn, null, /*#__PURE__*/ React__namespace.default.createElement(CryptoWalletButtons, {
+        type: "other"
+    }), /*#__PURE__*/ React__namespace.default.createElement(shadcn.Button, {
+        variant: "ghost",
+        onClick: ()=>dispatch({
+                type: 'transition',
+                screen: AppScreens.Main
+            })
+    }, $__i18n._({
+        id: "button.goBack",
+        message: "Go back"
+    }))));
+};
+const commonButtonProps = {
+    variant: 'outline',
+    target: '_blank',
+    rel: 'noreferrer'
+};
+const SetupNewWallet = ()=>{
+    const { i18n: $__i18n, _: $__ } = passwordManagerDisableAutofillProps.useLingui();
+    const [, dispatch] = useGlobalReducer();
+    const getCryptoIcon = useCryptoIcon();
+    const MetamaskIcon = getCryptoIcon(StytchSSRProxy.Wallets.Metamask);
+    const PhantomIcon = getCryptoIcon(StytchSSRProxy.Wallets.Phantom);
+    const CoinbaseIcon = getCryptoIcon(StytchSSRProxy.Wallets.Coinbase);
+    const BinanceIcon = getCryptoIcon(StytchSSRProxy.Wallets.Binance);
+    return /*#__PURE__*/ React__namespace.default.createElement(shadcn.Column, {
+        gap: 6
+    }, /*#__PURE__*/ React__namespace.default.createElement(shadcn.TextColumn, {
+        header: $__i18n._({
+            id: "crypto.setupNewWallet.title",
+            message: "Set up a new crypto wallet"
+        }),
+        body: $__i18n._({
+            id: "crypto.setupNewWallet.content",
+            message: "Get started by downloading any Ethereum or Solana wallet."
+        }),
+        helper: $__i18n._({
+            id: "crypto.setupNewWallet.instruction",
+            message: "We’ve included a few examples of wallet extensions you can find below. Once you’ve set up your wallet, click “Go back” to use it and sign in."
+        })
+    }), /*#__PURE__*/ React__namespace.default.createElement(shadcn.ButtonColumn, null, /*#__PURE__*/ React__namespace.default.createElement(shadcn.ButtonAnchor, {
+        ...commonButtonProps,
+        icon: /*#__PURE__*/ React__namespace.default.createElement(MetamaskIcon, null),
+        href: "https://metamask.io/"
+    }, $__i18n._({
+        id: "crypto.wallet.metamask",
+        message: "Metamask"
+    })), /*#__PURE__*/ React__namespace.default.createElement(shadcn.ButtonAnchor, {
+        ...commonButtonProps,
+        icon: /*#__PURE__*/ React__namespace.default.createElement(PhantomIcon, null),
+        href: "https://phantom.com/"
+    }, $__i18n._({
+        id: "crypto.wallet.phantom",
+        message: "Phantom"
+    })), /*#__PURE__*/ React__namespace.default.createElement(shadcn.ButtonAnchor, {
+        ...commonButtonProps,
+        icon: /*#__PURE__*/ React__namespace.default.createElement(CoinbaseIcon, null),
+        href: "https://www.coinbase.com/wallet"
+    }, $__i18n._({
+        id: "crypto.wallet.coinbase",
+        message: "Coinbase"
+    })), /*#__PURE__*/ React__namespace.default.createElement(shadcn.ButtonAnchor, {
+        ...commonButtonProps,
+        icon: /*#__PURE__*/ React__namespace.default.createElement(BinanceIcon, null),
+        href: "https://web3.binance.com/en/about"
+    }, $__i18n._({
+        id: "crypto.wallet.binance",
+        message: "Binance"
+    })), /*#__PURE__*/ React__namespace.default.createElement(shadcn.Button, {
+        variant: "primary",
+        onClick: ()=>dispatch({
+                type: 'transition',
+                screen: AppScreens.Main
+            })
+    }, $__i18n._({
+        id: "button.goBack",
+        message: "Go back"
+    }))));
+};
+const Error$1 = ()=>{
+    const { i18n: $__i18n, _: $__ } = passwordManagerDisableAutofillProps.useLingui();
+    const [, dispatch] = useGlobalReducer();
     return /*#__PURE__*/ React__namespace.default.createElement(shadcn.Column, {
         gap: 6
     }, /*#__PURE__*/ React__namespace.default.createElement(shadcn.TextColumn, {
         header: $__i18n._({
-            id: "crypto.connectWallet.title",
-            message: "Connecting to your wallet..."
+            id: "crypto.error.title",
+            message: "Looks like there was an error"
         }),
         body: $__i18n._({
-            id: "crypto.connectWallet.instructionPopup",
-            message: "Complete sign in by connecting through the wallet pop up in the right corner of your screen."
-        }),
-        helper: $__i18n._({
-            id: "crypto.troubleHelp",
-            message: "If you are having trouble, go back to the main screen and try logging in again."
+            id: "crypto.error.content",
+            message: "Your sign in request could not be completed. Go back to the main screen and try logging in again."
         })
     }), /*#__PURE__*/ React__namespace.default.createElement(shadcn.Button, {
         variant: "outline",
@@ -5370,64 +5288,19 @@ const ConnectWallet = ()=>{
     })));
 };
-const SignMessage = ()=>{
+const Success = ()=>{
     const { i18n: $__i18n, _: $__ } = passwordManagerDisableAutofillProps.useLingui();
-    const onEvent = useEventCallback();
-    const onError = useErrorCallback();
-    const handleError = ()=>{
-        // eslint-disable-next-line lingui/no-unlocalized-strings -- This is not shown in the UI, just sent to the error callback
-        onError({
-            message: '[Error] Could not sign message'
-        });
-        dispatch({
-            type: 'transition',
-            screen: AppScreens.CryptoError
-        });
-    };
-    const stytchClient = useStytch();
-    const config = useConfig();
-    const [state, dispatch] = useGlobalReducer();
-    const { walletChallenge, walletAddress, walletOption } = state.formState.cryptoState;
-    const walletType = isSolanaWallet(walletOption) ? 'solana' : 'ethereum';
-    const onSignWallet = async ()=>{
-        const signature = await signMessageWithWallet({
-            wallet: walletOption,
-            message: walletChallenge,
-            address: walletAddress
-        });
-        stytchClient.cryptoWallets.authenticate({
-            crypto_wallet_address: walletAddress,
-            crypto_wallet_type: walletType,
-            signature,
-            session_duration_minutes: config.sessionOptions?.sessionDurationMinutes ?? idpHelpers.DEFAULT_SESSION_DURATION_MINUTES
-        }).then((data)=>{
-            onEvent({
-                type: StytchSSRProxy.StytchEventType.CryptoWalletAuthenticate,
-                data
-            });
-            dispatch({
-                type: 'transition',
-                screen: AppScreens.CryptoConfirmation
-            });
-        }).catch(handleError);
-    };
-    shadcn.useMountEffect(()=>{
-        onSignWallet();
-    });
+    const [, dispatch] = useGlobalReducer();
     return /*#__PURE__*/ React__namespace.default.createElement(shadcn.Column, {
         gap: 6
-    }, /*#__PURE__*/ React__namespace.default.createElement(shadcn.TextColumn, {
+    }, /*#__PURE__*/ React__namespace.default.createElement(shadcn.Confirmation, {
         header: $__i18n._({
-            id: "crypto.signMessage.title",
-            message: "Completing signature request..."
-        }),
-        body: $__i18n._({
-            id: "crypto.signMessage.instruction",
-            message: "Complete the signature request through the wallet pop up in the right corner of your screen."
+            id: "crypto.success.title",
+            message: "Success!"
         }),
-        helper: $__i18n._({
-            id: "crypto.troubleHelp",
-            message: "If you are having trouble, go back to the main screen and try logging in again."
+        text: $__i18n._({
+            id: "crypto.success.content",
+            message: "You have successfully connected your wallet."
         })
     }), /*#__PURE__*/ React__namespace.default.createElement(shadcn.Button, {
         variant: "outline",
@@ -5441,148 +5314,271 @@ const SignMessage = ()=>{
     })));
 };
-const OtherCryptoWallets = ()=>{
-    const { i18n: $__i18n, _: $__ } = passwordManagerDisableAutofillProps.useLingui();
-    const [, dispatch] = useGlobalReducer();
-    return /*#__PURE__*/ React__namespace.default.createElement(shadcn.Column, {
-        gap: 6
-    }, /*#__PURE__*/ React__namespace.default.createElement(shadcn.Typography, {
-        variant: "header"
-    }, $__i18n._({
-        id: "crypto.continueWithOtherWallet.title",
-        message: "Continue with other wallet"
-    })), /*#__PURE__*/ React__namespace.default.createElement(shadcn.ButtonColumn, null, /*#__PURE__*/ React__namespace.default.createElement(CryptoWalletButtons, {
-        type: "other"
-    }), /*#__PURE__*/ React__namespace.default.createElement(shadcn.Button, {
-        variant: "ghost",
-        onClick: ()=>dispatch({
-                type: 'transition',
-                screen: AppScreens.Main
-            })
-    }, $__i18n._({
-        id: "button.goBack",
-        message: "Go back"
-    }))));
-};
+const AmazonIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 20,
+        height: 20,
+        fill: "none",
+        ...props
+    }, /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#F90",
+        d: "M16.5 15.53C9.2 19 4.69 16.1 1.8 14.33c-.19-.1-.5.03-.23.34.97 1.17 4.13 3.98 8.25 3.98s6.59-2.25 6.9-2.64c.3-.4.08-.6-.22-.48m2.04-1.13c-.2-.25-1.19-.3-1.81-.22s-1.57.45-1.49.68c.04.09.13.05.56.01s1.64-.2 1.9.14c.25.33-.4 1.9-.51 2.16s.04.32.25.15.6-.6.85-1.23c.25-.62.4-1.5.25-1.69"
+    }), /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#000",
+        fillRule: "evenodd",
+        d: "M11.6 8.46c0 .9.02 1.67-.44 2.47-.37.66-.96 1.06-1.62 1.06-.9 0-1.42-.68-1.42-1.69 0-1.99 1.79-2.35 3.48-2.35zm2.35 5.69a.5.5 0 0 1-.55.05c-.78-.64-.91-.94-1.34-1.55-1.28 1.3-2.19 1.7-3.85 1.7-1.96 0-3.5-1.22-3.5-3.64 0-1.9 1.03-3.19 2.5-3.82 1.26-.56 3.03-.66 4.39-.81v-.3c0-.56.04-1.22-.29-1.7-.28-.43-.83-.6-1.3-.6-.9 0-1.7.45-1.89 1.4-.04.21-.19.42-.4.43l-2.27-.25c-.19-.04-.4-.2-.34-.49C5.63 1.83 8.1 1 10.33 1c1.13 0 2.62.3 3.52 1.16 1.13 1.06 1.02 2.48 1.02 4.02v3.64c0 1.1.46 1.57.88 2.16.16.21.19.47 0 .63-.48.4-1.33 1.13-1.8 1.55z",
+        clipRule: "evenodd",
+        className: shadcn.modules_73af8a26.darkInvert
+    }));
+const AppleIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 20,
+        height: 20,
+        fill: "none",
+        ...props
+    }, /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#000",
+        d: "M16.55 7.14c-.1.08-1.86 1.12-1.86 3.43A4 4 0 0 0 17 14.2c0 .06-.35 1.3-1.18 2.56-.74 1.1-1.5 2.21-2.67 2.21s-1.47-.7-2.82-.7c-1.32 0-1.79.73-2.86.73S5.66 17.97 4.8 16.7c-1-1.48-1.8-3.78-1.8-5.96C3 7.25 5.17 5.4 7.31 5.4c1.14 0 2.09.78 2.8.78.68 0 1.74-.83 3.03-.83.5 0 2.26.05 3.41 1.79m-4.02-3.27c.53-.66.91-1.59.91-2.5q0-.22-.03-.37c-.87.03-1.9.6-2.53 1.36-.49.59-.95 1.5-.95 2.44 0 .14.03.28.04.33l.23.02c.78 0 1.76-.54 2.33-1.28",
+        className: shadcn.modules_73af8a26.darkInvert
+    }));
+const BinanceIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 20,
+        height: 20,
+        fill: "none",
+        ...props
+    }, /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#F3BA2F",
+        d: "m6.43 8.56 3.5-3.5 3.49 3.5 2.03-2.03L9.92 1 4.4 6.53zM4.99 10 2.96 7.97.92 10l2.04 2.03zM6.43 11.44l3.5 3.5 3.49-3.5 2.03 2.03L9.92 19 4.4 13.47zM16.89 12.03 18.92 10 16.9 7.97 14.85 10z"
+    }), /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#F3BA2F",
+        d: "M11.99 10 9.92 7.93 8.4 9.46l-.18.18-.36.36 2.06 2.07z"
+    }));
+const BitbucketIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 20,
+        height: 20,
+        fill: "none",
+        ...props
+    }, /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#1868DB",
+        d: "m17.96 9.14-1.34 8.08a.9.9 0 0 1-.93.78H4.3a.9.9 0 0 1-.93-.78L1.02 2.81c-.1-.5.17-.81.64-.81h16.68c.47 0 .73.32.64.8l-.64 3.8c-.09.55-.4.78-.93.78H7.37q-.23 0-.2.26l.79 4.78q.05.18.23.2h3.62q.17-.02.23-.2l.56-3.46c.05-.43.35-.6.75-.6h3.94c.58 0 .76.29.67.78"
+    }));
+const CoinbaseIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 20,
+        height: 20,
+        fill: "none",
+        ...props
+    }, /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#0052FF",
+        d: "M10.02 14.5a4.5 4.5 0 1 1 4.44-5.25H19a9 9 0 1 0 0 1.5h-4.54a4.5 4.5 0 0 1-4.44 3.75"
+    }));
+const DiscordIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 20,
+        height: 20,
+        fill: "none",
+        ...props
+    }, /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#5865F2",
+        d: "M12.53 3q-.26.44-.47.92a15 15 0 0 0-4.12 0q-.21-.47-.48-.92-1.93.3-3.72 1.1a13.8 13.8 0 0 0-2.66 9.72Q3.15 15.28 5.63 16q.56-.72.98-1.5a10 10 0 0 1-1.54-.7l.38-.27c2.88 1.3 6.22 1.3 9.1 0q.19.15.38.27a10 10 0 0 1-1.54.7q.41.8.98 1.5 2.48-.7 4.55-2.18c.38-3.69-.64-6.89-2.67-9.73a15 15 0 0 0-3.71-1.08zm-5.52 8.86c-.89 0-1.62-.77-1.62-1.72 0-.94.7-1.71 1.62-1.71.9 0 1.63.77 1.62 1.71-.02.95-.72 1.72-1.62 1.72m5.98 0c-.89 0-1.62-.77-1.62-1.72 0-.94.7-1.71 1.62-1.71.91 0 1.63.77 1.62 1.71-.02.95-.72 1.72-1.62 1.72"
+    }));
+const FacebookIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 20,
+        height: 20,
+        fill: "none",
+        ...props
+    }, /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#0866FF",
+        d: "M19 10a9 9 0 1 0-11.17 8.73v-5.98H5.97V10h1.86V8.81c0-3.06 1.38-4.48 4.39-4.48.57 0 1.55.11 1.96.23v2.49q-.35-.03-1.04-.03c-1.48 0-2.05.55-2.05 2V10h2.94l-.5 2.75h-2.44v6.18A9 9 0 0 0 19 10"
+    }), /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#fff",
+        d: "m13.53 12.75.5-2.75h-2.94v-.97c0-1.46.57-2.01 2.05-2.01q.7 0 1.04.03v-2.5a10 10 0 0 0-1.96-.22c-3 0-4.4 1.42-4.4 4.48V10H5.98v2.75h1.86v5.98a9 9 0 0 0 3.26.2v-6.18z"
+    }));
+const FigmaIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 20,
+        height: 20,
+        fill: "none",
+        ...props
+    }, /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#24CB71",
+        d: "M4 16a3 3 0 0 1 3-3h3v3a3 3 0 0 1-6 0"
+    }), /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#FF7237",
+        d: "M10 1v6h3a3 3 0 0 0 0-6z"
+    }), /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#00B6FF",
+        d: "M12.98 13a3 3 0 1 0 0-6 3 3 0 0 0 0 6"
+    }), /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#FF3737",
+        d: "M4 4a3 3 0 0 0 3 3h3V1H7a3 3 0 0 0-3 3"
+    }), /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#874FFF",
+        d: "M4 10a3 3 0 0 0 3 3h3V7H7a3 3 0 0 0-3 3"
+    }));
+const GitlabIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 20,
+        height: 20,
+        fill: "none",
+        ...props
+    }, /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#E24329",
+        d: "m18.7 8.2-.03-.07-2.45-6.4A.65.65 0 0 0 15 1.8l-1.65 5.07h-6.7L5 1.8a.64.64 0 0 0-.97-.37.6.6 0 0 0-.25.3l-2.45 6.4-.03.06a4.55 4.55 0 0 0 1.51 5.26l.03.02 3.73 2.8 1.85 1.4 1.12.84c.27.21.65.21.92 0l1.12-.84 1.85-1.4 3.75-2.81.01-.01a4.55 4.55 0 0 0 1.5-5.26"
+    }), /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#FC6D26",
+        d: "m18.7 8.2-.03-.07a8 8 0 0 0-3.29 1.48L10 13.68l3.43 2.59 3.75-2.81.01-.01a4.55 4.55 0 0 0 1.5-5.26"
+    }), /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#FCA326",
+        d: "m6.57 16.27 1.85 1.4 1.12.84c.27.21.65.21.92 0l1.12-.84 1.85-1.4s-1.6-1.2-3.43-2.6c-1.83 1.4-3.43 2.6-3.43 2.6"
+    }), /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#FC6D26",
+        d: "M4.62 9.61a8 8 0 0 0-3.3-1.48l-.02.06a4.55 4.55 0 0 0 1.51 5.26l.03.02 3.73 2.8s1.6-1.2 3.43-2.6z"
+    }));
+const LinkedinIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 20,
+        height: 20,
+        fill: "none",
+        ...props
+    }, /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#007EBB",
+        fillRule: "evenodd",
+        d: "M3 19h14a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2H3a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2",
+        clipRule: "evenodd"
+    }), /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#fff",
+        fillRule: "evenodd",
+        d: "M16.5 16.5h-2.67v-4.55c0-1.25-.48-1.94-1.46-1.94-1.08 0-1.64.72-1.64 1.94v4.55H8.16V7.83h2.57V9s.78-1.43 2.62-1.43c1.83 0 3.15 1.12 3.15 3.44zM5.09 6.7A1.6 1.6 0 0 1 3.5 5.1c0-.88.71-1.6 1.59-1.6.87 0 1.58.72 1.58 1.6s-.7 1.6-1.58 1.6m-1.33 9.8h2.68V7.83H3.76z",
+        clipRule: "evenodd"
+    }));
+const MetamaskIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 20,
+        height: 20,
+        fill: "none",
+        ...props
+    }, /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#FF5C16",
+        d: "m17.82 18.08-3.88-1.15-2.92 1.75H8.98l-2.93-1.75-3.87 1.15L1 14.1 2.18 9.7 1 5.95l1.18-4.63 6.05 3.62h3.54l6.05-3.62L19 5.95 17.82 9.7 19 14.1z"
+    }), /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#FF5C16",
+        d: "m2.18 1.32 6.06 3.62-.25 2.49zM6.06 14.1l2.66 2.03-2.66.8zM8.5 10.75 8 7.43 4.71 9.69V12l1.33-1.26zM17.82 1.32l-6.05 3.62.24 2.49zM13.95 14.1l-2.67 2.03 2.67.8zM15.29 9.69 12 7.43l-.52 3.32h2.46L15.28 12z"
+    }), /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#E34807",
+        d: "m6.05 16.93-3.87 1.15L1 14.1h5.05zM8.5 10.75l.75 4.8-1.03-2.67-3.5-.87 1.33-1.26zM13.95 16.93l3.87 1.15L19 14.1h-5.05zM11.5 10.75l-.75 4.8 1.03-2.67 3.5-.87-1.33-1.26z"
+    }), /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#FF8D5D",
+        d: "M1 14.1 2.18 9.7H4.7L4.72 12l3.5.87 1.03 2.66-.53.6-2.67-2.04zM19 14.1 17.82 9.7H15.3L15.28 12l-3.5.87-1.03 2.66.53.6 2.67-2.04z"
+    }), /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#FF8D5D",
+        d: "M11.77 4.94H8.23L8 7.43l1.26 8.11h1.5l1.26-8.11z"
+    }), /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#661800",
+        d: "M2.18 1.32 1 5.95 2.18 9.7H4.7L8 7.43zM7.77 11.71H6.62l-.62.61 2.22.56zM17.82 1.32 19 5.95 17.82 9.7H15.3L12 7.43zM12.23 11.71h1.15l.62.62-2.22.55zM11.02 17.1l.26-.97-.53-.58h-1.5l-.53.58.26.96"
+    }), /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#C0C4CD",
+        d: "M11.02 17.1v1.58H8.98v-1.59z"
+    }), /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#E7EBF6",
+        d: "m6.06 16.93 2.92 1.75v-1.59l-.26-.96zM13.95 16.93l-2.93 1.75v-1.59l.26-.96z"
+    }));
-const commonButtonProps = {
-    variant: 'outline',
-    target: '_blank',
-    rel: 'noreferrer'
-};
-const walletIcon = (wallet)=>{
-    const Icon = WalletToIcon[wallet];
-    return /*#__PURE__*/ React__namespace.default.createElement(Icon, null);
-};
-const SetupNewWallet = ()=>{
-    const { i18n: $__i18n, _: $__ } = passwordManagerDisableAutofillProps.useLingui();
-    const [, dispatch] = useGlobalReducer();
-    return /*#__PURE__*/ React__namespace.default.createElement(shadcn.Column, {
-        gap: 6
-    }, /*#__PURE__*/ React__namespace.default.createElement(shadcn.TextColumn, {
-        header: $__i18n._({
-            id: "crypto.setupNewWallet.title",
-            message: "Set up a new crypto wallet"
-        }),
-        body: $__i18n._({
-            id: "crypto.setupNewWallet.content",
-            message: "Get started by downloading any Ethereum or Solana wallet."
-        }),
-        helper: $__i18n._({
-            id: "crypto.setupNewWallet.instruction",
-            message: "We’ve included a few examples of wallet extensions you can find below. Once you’ve set up your wallet, click “Go back” to use it and sign in."
-        })
-    }), /*#__PURE__*/ React__namespace.default.createElement(shadcn.ButtonColumn, null, /*#__PURE__*/ React__namespace.default.createElement(shadcn.ButtonAnchor, {
-        ...commonButtonProps,
-        icon: walletIcon(StytchSSRProxy.Wallets.Metamask),
-        href: "https://metamask.io/"
-    }, $__i18n._({
-        id: "crypto.wallet.metamask",
-        message: "Metamask"
-    })), /*#__PURE__*/ React__namespace.default.createElement(shadcn.ButtonAnchor, {
-        ...commonButtonProps,
-        icon: walletIcon(StytchSSRProxy.Wallets.Phantom),
-        href: "https://phantom.app/"
-    }, $__i18n._({
-        id: "crypto.wallet.phantom",
-        message: "Phantom"
-    })), /*#__PURE__*/ React__namespace.default.createElement(shadcn.ButtonAnchor, {
-        ...commonButtonProps,
-        icon: walletIcon(StytchSSRProxy.Wallets.Coinbase),
-        href: "https://www.coinbase.com/wallet"
-    }, $__i18n._({
-        id: "crypto.wallet.coinbase",
-        message: "Coinbase"
-    })), /*#__PURE__*/ React__namespace.default.createElement(shadcn.ButtonAnchor, {
-        ...commonButtonProps,
-        icon: walletIcon(StytchSSRProxy.Wallets.Binance),
-        href: "https://www.bnbchain.world/en/binance-wallet"
-    }, $__i18n._({
-        id: "crypto.wallet.binance",
-        message: "Binance"
-    })), /*#__PURE__*/ React__namespace.default.createElement(shadcn.Button, {
-        variant: "primary",
-        onClick: ()=>dispatch({
-                type: 'transition',
-                screen: AppScreens.Main
-            })
-    }, $__i18n._({
-        id: "button.goBack",
-        message: "Go back"
-    }))));
-};
+const PhantomIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 20,
+        height: 20,
+        fill: "none",
+        ...props
+    }, /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#AB9FF2",
+        d: "M3.13 17.5c2.3 0 4.02-2 5.05-3.58q-.19.53-.2 1.04c0 .92.54 1.58 1.58 1.58 1.44 0 2.97-1.26 3.76-2.62a2 2 0 0 0-.08.55c0 .64.36 1.04 1.1 1.04 2.32 0 4.66-4.12 4.66-7.73 0-2.8-1.42-5.28-4.98-5.28C7.75 2.5 1 10.16 1 15.11c0 1.94 1.04 2.39 2.13 2.39m8.73-10.02c0-.7.39-1.2.96-1.2s.95.5.95 1.2-.4 1.2-.95 1.2c-.57 0-.96-.5-.96-1.2m2.98 0c0-.7.39-1.2.96-1.2.55 0 .94.5.94 1.2s-.38 1.2-.94 1.2c-.57 0-.96-.5-.96-1.2"
+    }));
-const Error$1 = ()=>{
-    const { i18n: $__i18n, _: $__ } = passwordManagerDisableAutofillProps.useLingui();
-    const [, dispatch] = useGlobalReducer();
-    return /*#__PURE__*/ React__namespace.default.createElement(shadcn.Column, {
-        gap: 6
-    }, /*#__PURE__*/ React__namespace.default.createElement(shadcn.TextColumn, {
-        header: $__i18n._({
-            id: "crypto.error.title",
-            message: "Looks like there was an error"
-        }),
-        body: $__i18n._({
-            id: "crypto.error.content",
-            message: "Your sign in request could not be completed. Go back to the main screen and try logging in again."
-        })
-    }), /*#__PURE__*/ React__namespace.default.createElement(shadcn.Button, {
-        variant: "outline",
-        onClick: ()=>dispatch({
-                type: 'transition',
-                screen: AppScreens.Main
-            })
-    }, $__i18n._({
-        id: "button.goBack",
-        message: "Go back"
-    })));
-};
+const SalesforceIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 20,
+        height: 20,
+        fill: "none",
+        ...props
+    }, /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#00A1E0",
+        fillRule: "evenodd",
+        d: "M8.49 4.92a3.1 3.1 0 0 1 2.28-1.01c1.2 0 2.22.68 2.78 1.7q.75-.35 1.57-.35c2.14 0 3.88 1.8 3.88 4.04a3.96 3.96 0 0 1-4.65 3.96c-.49.9-1.42 1.5-2.47 1.5q-.65 0-1.25-.3a3.2 3.2 0 0 1-2.97 2.04c-1.4 0-2.58-.9-3.04-2.18q-.3.06-.62.06c-1.66 0-3-1.4-3-3.13 0-1.16.6-2.17 1.5-2.71a4 4 0 0 1-.29-1.44c0-1.99 1.57-3.6 3.5-3.6 1.13 0 2.15.56 2.78 1.42",
+        clipRule: "evenodd"
+    }));
-const Success = ()=>{
-    const { i18n: $__i18n, _: $__ } = passwordManagerDisableAutofillProps.useLingui();
-    const [, dispatch] = useGlobalReducer();
-    return /*#__PURE__*/ React__namespace.default.createElement(shadcn.Column, {
-        gap: 6
-    }, /*#__PURE__*/ React__namespace.default.createElement(shadcn.Confirmation, {
-        header: $__i18n._({
-            id: "crypto.success.title",
-            message: "Success!"
-        }),
-        text: $__i18n._({
-            id: "crypto.success.content",
-            message: "You have successfully connected your wallet."
-        })
-    }), /*#__PURE__*/ React__namespace.default.createElement(shadcn.Button, {
-        variant: "outline",
-        onClick: ()=>dispatch({
-                type: 'transition',
-                screen: AppScreens.Main
-            })
-    }, $__i18n._({
-        id: "button.goBack",
-        message: "Go back"
-    })));
-};
+const SnapchatIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 20,
+        height: 20,
+        fill: "none",
+        ...props
+    }, /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#fff",
+        d: "M17.72 14.26c-2.78-1.35-3.23-3.43-3.25-3.59-.02-.18-.05-.33.16-.52.2-.19 1.08-.73 1.32-.9q.63-.41.46-.92c-.1-.24-.32-.33-.56-.33l-.22.03c-.44.1-.87.32-1.12.38h-.1q-.19.02-.17-.21c.03-.49.1-1.44.02-2.32a3.7 3.7 0 0 0-.96-2.36A4.3 4.3 0 0 0 10 2.14a4.3 4.3 0 0 0-3.3 1.37 3.7 3.7 0 0 0-.96 2.36c-.08.89 0 1.84.02 2.33q.01.22-.17.22l-.1-.02c-.24-.06-.68-.28-1.12-.38L4.15 8c-.24 0-.46.1-.55.33-.14.35.04.63.45.91.24.17 1.13.72 1.33.9.2.2.18.34.15.53-.02.16-.46 2.24-3.25 3.59-.16.08-.44.24.05.51.77.43 1.28.38 1.68.64.34.22.14.69.38.86.3.2 1.2-.02 2.35.36.96.32 1.55 1.22 3.26 1.22s2.32-.9 3.27-1.22c1.15-.38 2.04-.16 2.34-.36.25-.17.05-.64.39-.86.4-.26.9-.21 1.68-.64.48-.26.2-.43.04-.5",
+        className: shadcn.modules_73af8a26.darkInvert
+    }), /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#000",
+        d: "M18.94 14.1a1.3 1.3 0 0 0-.64-.67l-.14-.07-.24-.13a5.4 5.4 0 0 1-1.97-1.68 4 4 0 0 1-.33-.6q-.06-.16-.01-.23l.1-.12.82-.53q.52-.36.74-.8a1.6 1.6 0 0 0 .08-1.3c-.23-.6-.8-.98-1.5-.98a2 2 0 0 0-.54.08q.01-.64-.04-1.29a4.83 4.83 0 0 0-2.44-3.93A5.6 5.6 0 0 0 10 1.15a5.6 5.6 0 0 0-2.82.72 4.8 4.8 0 0 0-2.44 3.93q-.06.66-.04 1.28a3 3 0 0 0-.55-.08 1.54 1.54 0 0 0-1.6 1.65q.01.33.18.64.23.43.74.8l.42.27.38.25q.08.04.12.12.05.07-.01.24-.14.3-.33.59a5.4 5.4 0 0 1-1.91 1.65c-.43.23-.89.39-1.08.9-.14.4-.05.84.32 1.21q.2.21.46.35.53.3 1.12.45.13.03.23.1c.13.12.12.3.3.55q.13.2.33.34c.37.26.78.27 1.23.3.4 0 .85.02 1.37.2q.3.11.7.36c.61.38 1.46.9 2.88.9s2.27-.52 2.9-.9q.37-.25.68-.36c.52-.17.97-.2 1.37-.2.44-.02.86-.04 1.23-.3q.24-.16.38-.41c.13-.22.13-.37.25-.47l.21-.1a5 5 0 0 0 1.14-.46q.28-.15.48-.37v-.01c.35-.37.44-.8.3-1.18m-1.27.68c-.77.42-1.28.38-1.67.64-.34.21-.14.68-.39.85-.3.21-1.2-.01-2.34.37-.95.31-1.56 1.21-3.27 1.21-1.7 0-2.3-.9-3.27-1.22-1.15-.38-2.04-.15-2.34-.36-.25-.17-.05-.64-.38-.86-.4-.25-.91-.2-1.68-.63-.5-.27-.21-.44-.05-.52 2.79-1.35 3.23-3.43 3.25-3.58.02-.2.05-.34-.16-.53-.2-.18-1.08-.73-1.32-.9-.4-.28-.59-.57-.46-.91.1-.25.32-.34.56-.34l.22.03c.44.1.87.32 1.12.38l.1.01q.19 0 .17-.22c-.03-.49-.1-1.43-.02-2.32.1-1.22.5-1.83.96-2.36A4.3 4.3 0 0 1 10 2.15a4.3 4.3 0 0 1 3.3 1.36c.46.54.86 1.14.96 2.36.08.89.01 1.84-.02 2.33q-.01.23.17.22l.1-.02c.24-.06.68-.28 1.12-.38l.22-.02c.24 0 .46.1.56.33q.17.5-.46.91c-.24.17-1.13.72-1.32.9-.21.2-.18.34-.16.53.02.16.46 2.24 3.25 3.59.17.08.44.25-.05.52",
+        className: shadcn.modules_73af8a26.darkInvert
+    }));
+const TiktokIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 20,
+        height: 20,
+        fill: "none",
+        ...props
+    }, /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#161823",
+        fillRule: "evenodd",
+        d: "M11.38 1.79h2.3A4.42 4.42 0 0 0 18 5.3v.68l.01 2.41a7.6 7.6 0 0 1-4.39-1.38v6.28c0 3.14-2.6 5.7-5.8 5.7a6 6 0 0 1-3.33-1.03A5.7 5.7 0 0 1 2 13.3a5.76 5.76 0 0 1 6.59-5.64v3.16q-.37-.11-.78-.12a2.63 2.63 0 0 0-2.66 2.6c0 1 .58 1.87 1.43 2.3q.55.3 1.23.3c1.42 0 2.59-1.1 2.64-2.5V1h3.16q0 .4.08.79z",
+        clipRule: "evenodd",
+        className: shadcn.modules_73af8a26.darkInvert
+    }));
+const TwitchIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 20,
+        height: 20,
+        fill: "none",
+        ...props
+    }, /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#fff",
+        d: "m16.25 9.36-2.5 2.57h-2.5l-2.19 2.25v-2.25H6.25V2.29h10z"
+    }), /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#9146FF",
+        d: "M5.63 1 2.5 4.21V15.8h3.75V19l3.13-3.21h2.5L17.5 10V1zm10.62 8.36-2.5 2.57h-2.5l-2.19 2.25v-2.25H6.25V2.29h10z"
+    }), /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#9146FF",
+        d: "M14.38 4.54h-1.26v3.85h1.26zM10.94 4.54H9.69v3.85h1.25z"
+    }));
+const XTwitterIcon = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 20,
+        height: 20,
+        fill: "none",
+        ...props
+    }, /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#000",
+        d: "M11.67 8.62 18.23 1h-1.55l-5.7 6.61L6.44 1H1.2l6.87 10-6.87 8h1.55l6.01-7 4.8 7h5.24zm-2.12 2.47-.7-1-5.54-7.92H5.7l4.47 6.4.7 1 5.8 8.3H14.3z",
+        className: shadcn.modules_73af8a26.darkInvert
+    }));
 const oauthIcons = {
     amazon: AmazonIcon,
@@ -5603,7 +5599,7 @@ const oauthIcons = {
     tiktok: TiktokIcon,
     twitch: TwitchIcon,
     xTwitter: XTwitterIcon,
-    yahoo: YahooIcon
+    yahoo: shadcn.YahooIcon
 };
 const cryptoIcons = {
     phantom: PhantomIcon,
@@ -5614,7 +5610,7 @@ const cryptoIcons = {
 const emailIcons = {
     gmail: shadcn.GmailIcon,
     outlook: shadcn.OutlookIcon,
-    yahoo: YahooIcon
+    yahoo: shadcn.YahooIcon
 };
 const PhoneFormSMS = ()=>/*#__PURE__*/ React__namespace.default.createElement(PhoneForm, {
@@ -5730,7 +5726,7 @@ var Products = /*#__PURE__*/Object.freeze({
   passwords: passwords
 });
-const ResetPasswordContainer = ({ client, config: rawConfig, presentation, callbacks, strings, passwordResetToken: rawToken })=>{
+const ResetPasswordContainer = ({ client, config: rawConfig, presentation, callbacks, strings, styles, passwordResetToken: rawToken })=>{
     const config = addProduct(rawConfig, passwords);
     // Default to reading token from URL if not provided
     let token = rawToken;
@@ -5752,6 +5748,11 @@ const ResetPasswordContainer = ({ client, config: rawConfig, presentation, callb
     }, [
         client
     ]);
+    dev.RUN_IN_DEV(()=>{
+        if (styles) {
+            logger.logger.error('styles is deprecated and has no effect. Use the presentation prop instead.\n' + 'See https://stytch.com/docs/api-reference/consumer/frontend-sdks/react/upgrade-guide#step-by-step-guide');
+        }
+    });
     const initialState = {
         ...DEFAULT_STATE,
         screen: AppScreens.PasswordResetForm,
@@ -5801,9 +5802,9 @@ const ResetPasswordContainer = ({ client, config: rawConfig, presentation, callb
  *     onEvent: (event) => console.log(event)
  *   }}
  * />
- */ const StytchPasswordReset = createB2CComponent('StytchPasswordReset', ResetPasswordContainer);
+ */ const StytchPasswordReset = /* @__PURE__ */ createB2CComponent('StytchPasswordReset', ResetPasswordContainer);
-const PasskeyRegistrationContainer = ({ client, config: rawConfig, presentation, callbacks, strings })=>{
+const PasskeyRegistrationContainer = ({ client, config: rawConfig, presentation, callbacks, strings, styles })=>{
     const config = addProduct(rawConfig, passkeyRegistration);
     /**
    * Read the watermark out of sync storage, then read it out of async storage
@@ -5818,6 +5819,11 @@ const PasskeyRegistrationContainer = ({ client, config: rawConfig, presentation,
     }, [
         client
     ]);
+    dev.RUN_IN_DEV(()=>{
+        if (styles) {
+            logger.logger.error('styles is deprecated and has no effect. Use the presentation prop instead.\n' + 'See https://stytch.com/docs/api-reference/consumer/frontend-sdks/react/upgrade-guide#step-by-step-guide');
+        }
+    });
     const initialState = {
         ...DEFAULT_STATE,
         screen: AppScreens.PasskeyRegistrationStart,
@@ -5856,7 +5862,7 @@ const PasskeyRegistrationContainer = ({ client, config: rawConfig, presentation,
  *     onEvent: (event) => console.log(event)
  *   }}
  * />
- */ const StytchPasskeyRegistration = createB2CComponent('StytchPasskeyRegistration', PasskeyRegistrationContainer);
+ */ const StytchPasskeyRegistration = /* @__PURE__ */ createB2CComponent('StytchPasskeyRegistration', PasskeyRegistrationContainer);
 const IDPConsentScreenImpl = ({ initialError, initialParams })=>{
     const stytchClient = useStytch();
@@ -5975,7 +5981,7 @@ const EnsureUserIsLoggedIn = ({ children })=>{
     ]);
     React.useEffect(()=>{
         if (user) return;
-        onErrorRef.current(new StytchSSRProxy.NoCurrentSessionError());
+        onErrorRef.current(new dev.NoCurrentSessionError());
     }, [
         user
     ]);
@@ -5993,7 +5999,7 @@ const EnsureUserIsLoggedIn = ({ children })=>{
     }
 };
-const IDPContainer = ({ client, presentation, callbacks, strings, getIDPConsentManifest, authTokenParams })=>{
+const IDPContainer = ({ client, presentation, callbacks, strings, styles, getIDPConsentManifest, authTokenParams })=>{
     const presentationValue = shadcn.usePresentationWithDefault(presentation, false, []);
     React.useEffect(()=>{
         StytchSSRProxy.readB2CInternals(client).bootstrap.getAsync().then((data)=>{
@@ -6007,6 +6013,11 @@ const IDPContainer = ({ client, presentation, callbacks, strings, getIDPConsentM
     }, [
         client
     ]);
+    dev.RUN_IN_DEV(()=>{
+        if (styles) {
+            logger.logger.error('styles is deprecated and has no effect. Use the presentation prop instead.\n' + 'See https://stytch.com/docs/api-reference/consumer/frontend-sdks/react/upgrade-guide#step-by-step-guide');
+        }
+    });
     return /*#__PURE__*/ React__namespace.default.createElement(GlobalContextProvider, {
         client: client,
         config: {},
@@ -6042,7 +6053,7 @@ const IDPContainer = ({ client, presentation, callbacks, strings, getIDPConsentM
  *     onEvent: (event) => console.log(event)
  *   }}
  * />
- */ const IdentityProvider = createB2CComponent('IdentityProvider', IDPContainer);
+ */ const IdentityProvider = /* @__PURE__ */ createB2CComponent('IdentityProvider', IDPContainer);
 /**
  * Returns the active User.
@@ -6104,62 +6115,13 @@ exports.createStytchHeadlessClient = index_headless.createStytchHeadlessClient;
 exports.AuthFlowType = StytchSSRProxy.AuthFlowType;
 exports.B2BMFAProducts = StytchSSRProxy.B2BMFAProducts;
 exports.B2BOAuthProviders = StytchSSRProxy.B2BOAuthProviders;
-exports.BiometricRegistrationIdIsNullOrBlank = StytchSSRProxy.BiometricRegistrationIdIsNullOrBlank;
-exports.BiometricsAlreadyEnrolledError = StytchSSRProxy.BiometricsAlreadyEnrolledError;
-exports.BiometricsFailedError = StytchSSRProxy.BiometricsFailedError;
-exports.BiometricsUnavailableError = StytchSSRProxy.BiometricsUnavailableError;
-exports.ChallengeSigningFailedError = StytchSSRProxy.ChallengeSigningFailedError;
-exports.DFPNotConfigured = StytchSSRProxy.DFPNotConfigured;
-exports.DeviceCredentialsNotAllowedError = StytchSSRProxy.DeviceCredentialsNotAllowedError;
-exports.FailedCodeChallengeError = StytchSSRProxy.FailedCodeChallengeError;
-exports.FailedToDecryptDataError = StytchSSRProxy.FailedToDecryptDataError;
-exports.IDPOAuthFlowMissingParamError = StytchSSRProxy.IDPOAuthFlowMissingParamError;
-exports.InternalError = StytchSSRProxy.InternalError;
-exports.InvalidAuthorizationCredentialError = StytchSSRProxy.InvalidAuthorizationCredentialError;
-exports.InvalidCredentialTypeError = StytchSSRProxy.InvalidCredentialTypeError;
-exports.InvalidPrivateKeyLength = StytchSSRProxy.InvalidPrivateKeyLength;
-exports.InvalidRedirectSchemeError = StytchSSRProxy.InvalidRedirectSchemeError;
-exports.InvalidStartUrlError = StytchSSRProxy.InvalidStartUrlError;
-exports.JSONDataNotConvertibleToStringError = StytchSSRProxy.JSONDataNotConvertibleToStringError;
-exports.KeyInvalidatedError = StytchSSRProxy.KeyInvalidatedError;
-exports.KeystoreUnavailableError = StytchSSRProxy.KeystoreUnavailableError;
-exports.MissingAttestationObjectError = StytchSSRProxy.MissingAttestationObjectError;
-exports.MissingAuthorizationCredentialIDTokenError = StytchSSRProxy.MissingAuthorizationCredentialIDTokenError;
-exports.MissingCipherIv = StytchSSRProxy.MissingCipherIv;
-exports.MissingGoogleClientIDError = StytchSSRProxy.MissingGoogleClientIDError;
-exports.MissingPKCEError = StytchSSRProxy.MissingPKCEError;
-exports.MissingPublicKeyError = StytchSSRProxy.MissingPublicKeyError;
-exports.MissingUrlError = StytchSSRProxy.MissingUrlError;
-exports.NoBiometricsEnrolledError = StytchSSRProxy.NoBiometricsEnrolledError;
-exports.NoBiometricsRegistrationError = StytchSSRProxy.NoBiometricsRegistrationError;
-exports.NoCredentialsPresentError = StytchSSRProxy.NoCredentialsPresentError;
-exports.NoCurrentSessionError = StytchSSRProxy.NoCurrentSessionError;
 exports.OAuthProviders = StytchSSRProxy.OAuthProviders;
 exports.OTPMethods = StytchSSRProxy.OTPMethods;
 exports.OneTapPositions = StytchSSRProxy.OneTapPositions;
-exports.PasskeysInvalidEncoding = StytchSSRProxy.PasskeysInvalidEncoding;
-exports.PasskeysMisconfigured = StytchSSRProxy.PasskeysMisconfigured;
-exports.PasskeysUnsupportedError = StytchSSRProxy.PasskeysUnsupportedError;
 exports.RNUIProducts = StytchSSRProxy.RNUIProducts;
-exports.RandomNumberGenerationFailed = StytchSSRProxy.RandomNumberGenerationFailed;
 exports.RedirectURLType = StytchSSRProxy.RedirectURLType;
-exports.SDKAPIUnreachableError = StytchSSRProxy.SDKAPIUnreachableError;
-exports.SDKNotConfiguredError = StytchSSRProxy.SDKNotConfiguredError;
-exports.SignInWithAppleMisconfigured = StytchSSRProxy.SignInWithAppleMisconfigured;
-exports.StytchAPIError = StytchSSRProxy.StytchAPIError;
-exports.StytchAPISchemaError = StytchSSRProxy.StytchAPISchemaError;
-exports.StytchAPIUnreachableError = StytchSSRProxy.StytchAPIUnreachableError;
-exports.StytchError = StytchSSRProxy.StytchError;
 exports.StytchEventType = StytchSSRProxy.StytchEventType;
-exports.StytchSDKAPIError = StytchSSRProxy.StytchSDKAPIError;
-exports.StytchSDKError = StytchSSRProxy.StytchSDKError;
-exports.StytchSDKSchemaError = StytchSSRProxy.StytchSDKSchemaError;
-exports.StytchSDKUsageError = StytchSSRProxy.StytchSDKUsageError;
-exports.UNRECOVERABLE_ERROR_TYPES = StytchSSRProxy.UNRECOVERABLE_ERROR_TYPES;
-exports.UserCancellationError = StytchSSRProxy.UserCancellationError;
-exports.UserLockedOutError = StytchSSRProxy.UserLockedOutError;
 exports.Wallets = StytchSSRProxy.Wallets;
-exports.errorToStytchError = StytchSSRProxy.errorToStytchError;
 exports.defaultDarkTheme = shadcn.defaultDarkTheme;
 exports.defaultTheme = shadcn.defaultTheme;
 exports.iconsBlack = shadcn.iconsBlack;
@@ -6167,6 +6129,55 @@ exports.iconsWhite = shadcn.iconsWhite;
 exports.shadcnTheme = shadcn.shadcnTheme;
 exports.parseOAuthAuthorizeParams = idpHelpers.parseOAuthAuthorizeParams;
 exports.parseOAuthLogoutParams = idpHelpers.parseOAuthLogoutParams;
+exports.BiometricRegistrationIdIsNullOrBlank = dev.BiometricRegistrationIdIsNullOrBlank;
+exports.BiometricsAlreadyEnrolledError = dev.BiometricsAlreadyEnrolledError;
+exports.BiometricsFailedError = dev.BiometricsFailedError;
+exports.BiometricsUnavailableError = dev.BiometricsUnavailableError;
+exports.ChallengeSigningFailedError = dev.ChallengeSigningFailedError;
+exports.DFPNotConfigured = dev.DFPNotConfigured;
+exports.DeviceCredentialsNotAllowedError = dev.DeviceCredentialsNotAllowedError;
+exports.FailedCodeChallengeError = dev.FailedCodeChallengeError;
+exports.FailedToDecryptDataError = dev.FailedToDecryptDataError;
+exports.IDPOAuthFlowMissingParamError = dev.IDPOAuthFlowMissingParamError;
+exports.InternalError = dev.InternalError;
+exports.InvalidAuthorizationCredentialError = dev.InvalidAuthorizationCredentialError;
+exports.InvalidCredentialTypeError = dev.InvalidCredentialTypeError;
+exports.InvalidPrivateKeyLength = dev.InvalidPrivateKeyLength;
+exports.InvalidRedirectSchemeError = dev.InvalidRedirectSchemeError;
+exports.InvalidStartUrlError = dev.InvalidStartUrlError;
+exports.JSONDataNotConvertibleToStringError = dev.JSONDataNotConvertibleToStringError;
+exports.KeyInvalidatedError = dev.KeyInvalidatedError;
+exports.KeystoreUnavailableError = dev.KeystoreUnavailableError;
+exports.MissingAttestationObjectError = dev.MissingAttestationObjectError;
+exports.MissingAuthorizationCredentialIDTokenError = dev.MissingAuthorizationCredentialIDTokenError;
+exports.MissingCipherIv = dev.MissingCipherIv;
+exports.MissingGoogleClientIDError = dev.MissingGoogleClientIDError;
+exports.MissingPKCEError = dev.MissingPKCEError;
+exports.MissingPublicKeyError = dev.MissingPublicKeyError;
+exports.MissingUrlError = dev.MissingUrlError;
+exports.NoBiometricsEnrolledError = dev.NoBiometricsEnrolledError;
+exports.NoBiometricsRegistrationError = dev.NoBiometricsRegistrationError;
+exports.NoCredentialsPresentError = dev.NoCredentialsPresentError;
+exports.NoCurrentSessionError = dev.NoCurrentSessionError;
+exports.PasskeysInvalidEncoding = dev.PasskeysInvalidEncoding;
+exports.PasskeysMisconfigured = dev.PasskeysMisconfigured;
+exports.PasskeysUnsupportedError = dev.PasskeysUnsupportedError;
+exports.RandomNumberGenerationFailed = dev.RandomNumberGenerationFailed;
+exports.SDKAPIUnreachableError = dev.SDKAPIUnreachableError;
+exports.SDKNotConfiguredError = dev.SDKNotConfiguredError;
+exports.SignInWithAppleMisconfigured = dev.SignInWithAppleMisconfigured;
+exports.StytchAPIError = dev.StytchAPIError;
+exports.StytchAPISchemaError = dev.StytchAPISchemaError;
+exports.StytchAPIUnreachableError = dev.StytchAPIUnreachableError;
+exports.StytchError = dev.StytchError;
+exports.StytchSDKAPIError = dev.StytchSDKAPIError;
+exports.StytchSDKError = dev.StytchSDKError;
+exports.StytchSDKSchemaError = dev.StytchSDKSchemaError;
+exports.StytchSDKUsageError = dev.StytchSDKUsageError;
+exports.UNRECOVERABLE_ERROR_TYPES = dev.UNRECOVERABLE_ERROR_TYPES;
+exports.UserCancellationError = dev.UserCancellationError;
+exports.UserLockedOutError = dev.UserLockedOutError;
+exports.errorToStytchError = dev.errorToStytchError;
 exports.IdentityProvider = IdentityProvider;
 exports.Products = Products;
 exports.StytchLogin = StytchLogin;