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

package/dist/cjs-dev/{shadcn-C9ClUju1.js → shadcn-DMk6ZSoD.js}

@@ -1,10 +1,11 @@
 'use strict';
 
 var React = require('react');
-var passwordManagerDisableAutofillProps = require('./passwordManagerDisableAutofillProps-D70WyvIu.js');
+var passwordManagerDisableAutofillProps = require('./passwordManagerDisableAutofillProps-CgiK2M_U.js');
+var dev = require('./dev-DaCGDI6V.js');
 var logger = require('./logger-CvOATP4R.js');
-var idpHelpers = require('./idpHelpers-BVMUYvt1.js');
-var StytchSSRProxy = require('./StytchSSRProxy-CxXsyme4.js');
+var idpHelpers = require('./idpHelpers-DOYYSxsX.js');
+var StytchSSRProxy = require('./StytchSSRProxy-d553KgcY.js');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -305,13 +306,13 @@ const defaultOptions = {
 };
 function usePresentationWithDefault(maybeConfig, displayWatermark, products, productsName) {
     const { theme, options } = maybeConfig ?? {};
-    {
+    dev.RUN_IN_DEV(()=>{
         const stringProducts = products.filter((p)=>typeof p === 'string');
         if (stringProducts.length > 0) {
             logger.logger.error(`Please add an import for ${productsName} and update config.products to\n` + 'products: [' + products.map((p)=>`${productsName}.${typeof p === 'string' ? p : p.id}`).join(', ') + ']');
             throw new Error("'config.products' should not include strings anymore");
         }
-    }
+    });
     // Switch theme automatically depending on color scheme
     const isDynamic = isDynamicTheme(theme);
     const darkMode = useMediaQuery(isDynamic ? '(prefers-color-scheme: dark)' : undefined);
@@ -351,6 +352,11 @@ function isDynamicTheme(theme) {
 }
 const PresentationContext = React.createContext(undefined);
 const usePresentation = ()=>React.useContext(PresentationContext);
+function getButtonId(base, options) {
+    if (options.buttonId == null || options.buttonId === false) return undefined;
+    if (typeof options.buttonId === 'string') return base + options.buttonId;
+    return base;
+}
 
 var classnames = {exports: {}};
 
@@ -733,9 +739,9 @@ const Logo = ({ orgLogo, appLogo })=>{
     }));
 };
 
-var css$i = ".Typography_module_typography__d307cb57{font-family:var(--st-font-family)}.Typography_module_header__d307cb57{color:var(--st-foreground);font-size:var(--st-text-2xl);font-weight:var(--st-font-weight-semibold);line-height:var(--st-line-height-2xl)}.Typography_module_body__d307cb57{color:var(--st-foreground);font-size:var(--st-text-base)}.Typography_module_body__d307cb57,.Typography_module_helper__d307cb57{font-weight:var(--st-font-weight-normal);line-height:var(--st-line-height-base)}.Typography_module_helper__d307cb57{color:var(--st-muted-foreground);font-size:var(--st-text-xs)}.Typography_module_start__d307cb57{text-align:start}.Typography_module_center__d307cb57{text-align:center}.Typography_module_end__d307cb57{text-align:end}.Typography_module_foreground__d307cb57{color:var(--st-foreground)}.Typography_module_muted__d307cb57{color:var(--st-muted-foreground)}.Typography_module_destructive__d307cb57{color:var(--st-destructive)}.Typography_module_warning__d307cb57{color:var(--st-warning)}.Typography_module_success__d307cb57{color:var(--st-success)}.Typography_module_regular__d307cb57{font-weight:var(--st-font-weight-normal)}.Typography_module_medium__d307cb57{font-weight:var(--st-font-weight-medium)}.Typography_module_semibold__d307cb57{font-weight:var(--st-font-weight-semibold)}.Typography_module_bold__d307cb57{font-weight:var(--st-font-weight-bold)}.Typography_module_defaultFont__d307cb57{font-family:var(--st-font-family)}.Typography_module_monoFont__d307cb57{font-family:var(--st-font-family-mono)}";
+var css$i = ".Typography_module_typography__74817c74{font-family:var(--st-font-family)}.Typography_module_header__74817c74{color:var(--st-foreground);font-family:var(--st-header-font);font-size:var(--st-text-2xl);font-weight:var(--st-font-weight-semibold);line-height:var(--st-line-height-2xl)}.Typography_module_body__74817c74{color:var(--st-foreground);font-size:var(--st-text-base)}.Typography_module_body__74817c74,.Typography_module_helper__74817c74{font-weight:var(--st-font-weight-normal);line-height:var(--st-line-height-base)}.Typography_module_helper__74817c74{color:var(--st-muted-foreground);font-size:var(--st-text-xs)}.Typography_module_start__74817c74{text-align:start}.Typography_module_center__74817c74{text-align:center}.Typography_module_end__74817c74{text-align:end}.Typography_module_foreground__74817c74{color:var(--st-foreground)}.Typography_module_muted__74817c74{color:var(--st-muted-foreground)}.Typography_module_destructive__74817c74{color:var(--st-destructive)}.Typography_module_warning__74817c74{color:var(--st-warning)}.Typography_module_success__74817c74{color:var(--st-success)}.Typography_module_regular__74817c74{font-weight:var(--st-font-weight-normal)}.Typography_module_medium__74817c74{font-weight:var(--st-font-weight-medium)}.Typography_module_semibold__74817c74{font-weight:var(--st-font-weight-semibold)}.Typography_module_bold__74817c74{font-weight:var(--st-font-weight-bold)}.Typography_module_defaultFont__74817c74{font-family:var(--st-font-family)}.Typography_module_monoFont__74817c74{font-family:var(--st-font-family-mono)}";
 collectCss(css$i);
-var modules_1d7499fc = {"typography":"Typography_module_typography__d307cb57","header":"Typography_module_header__d307cb57","body":"Typography_module_body__d307cb57","helper":"Typography_module_helper__d307cb57","start":"Typography_module_start__d307cb57","center":"Typography_module_center__d307cb57","end":"Typography_module_end__d307cb57","foreground":"Typography_module_foreground__d307cb57","muted":"Typography_module_muted__d307cb57","destructive":"Typography_module_destructive__d307cb57","warning":"Typography_module_warning__d307cb57","success":"Typography_module_success__d307cb57","regular":"Typography_module_regular__d307cb57","medium":"Typography_module_medium__d307cb57","semibold":"Typography_module_semibold__d307cb57","bold":"Typography_module_bold__d307cb57","defaultFont":"Typography_module_defaultFont__d307cb57","monoFont":"Typography_module_monoFont__d307cb57"};
+var modules_1d7499fc = {"typography":"Typography_module_typography__74817c74","header":"Typography_module_header__74817c74","body":"Typography_module_body__74817c74","helper":"Typography_module_helper__74817c74","start":"Typography_module_start__74817c74","center":"Typography_module_center__74817c74","end":"Typography_module_end__74817c74","foreground":"Typography_module_foreground__74817c74","muted":"Typography_module_muted__74817c74","destructive":"Typography_module_destructive__74817c74","warning":"Typography_module_warning__74817c74","success":"Typography_module_success__74817c74","regular":"Typography_module_regular__74817c74","medium":"Typography_module_medium__74817c74","semibold":"Typography_module_semibold__74817c74","bold":"Typography_module_bold__74817c74","defaultFont":"Typography_module_defaultFont__74817c74","monoFont":"Typography_module_monoFont__74817c74"};
 
 const Typography = /*#__PURE__*/ React.forwardRef(({ variant = 'body', as = 'div', weight, font, color, align, className, ...props }, ref)=>{
     // Without this cast, TS thinks Element might not even be an HTML element and so does not have className
@@ -841,7 +847,7 @@ var modules_d963aab3 = {"container":"Input_module_container__a0aad2f4","label":"
  * You may want to use a more specific component in /molecules instead like {@link EmailInput}, {@link PasswordInput}
  */ const Input = /*#__PURE__*/ React.forwardRef(({ className, label: labelText, hideLabel, action, id: idProp, containerClassName, error, ...props }, ref)=>{
     const presentation = usePresentation();
-    const id = idProp + (presentation.options?.inputIdSuffix || '');
+    const id = idProp + (presentation.options?.inputIdSuffix ?? '');
     const errorId = passwordManagerDisableAutofillProps.useUniqueId();
     // Calculate the width of the action element and add it to the input padding so the input content
     // cannot go behind the action
@@ -1078,7 +1084,7 @@ error, ...additionalProps })=>{
 const EmailInput = ({ email, setEmail, hasPasskeys = false, ...additionalProps })=>{
     const { i18n: $__i18n, _: $__ } = passwordManagerDisableAutofillProps.useLingui();
     return /*#__PURE__*/ React__namespace.default.createElement(Input, {
-        id: "email",
+        id: "email-input",
         label: $__i18n._({
             id: "formField.email.label",
             message: "Email"
@@ -1277,216 +1283,6 @@ const errorMessages = {
     return error.error_message;
 };
 
-var css$b = ".logo_module_darkInvert__4ffe6ba9{filter:invert(var(--st-dark-mode,0))}";
-collectCss(css$b);
-var modules_73af8a26 = {"darkInvert":"logo_module_darkInvert__4ffe6ba9"};
-
-const GithubIcon$2 = (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: "#24292F",
-        fillRule: "evenodd",
-        d: "M9.97 1A9.1 9.1 0 0 0 1 10.23a9.2 9.2 0 0 0 6.14 8.75c.44.1.6-.2.6-.44l-.01-1.71c-2.5.55-3.02-1.1-3.02-1.1-.4-1.07-1-1.35-1-1.35-.8-.56.07-.56.07-.56.9.06 1.38.95 1.38.95.8 1.4 2.1 1 2.61.76.08-.6.32-1 .57-1.24-2-.21-4.09-1-4.09-4.55 0-1 .36-1.83.92-2.48-.08-.22-.4-1.17.1-2.44 0 0 .75-.24 2.46.95a8.5 8.5 0 0 1 4.49 0c1.7-1.2 2.46-.95 2.46-.95.5 1.27.18 2.22.1 2.44.57.65.91 1.47.91 2.48 0 3.54-2.1 4.32-4.1 4.55.33.3.61.84.61 1.71l-.01 2.54c0 .24.16.53.6.44a9.2 9.2 0 0 0 6.14-8.75A9.1 9.1 0 0 0 9.97 1",
-        clipRule: "evenodd",
-        className: modules_73af8a26.darkInvert
-    }));
-
-const GmailIcon$2 = (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: "#C5221F",
-        d: "M1 5.1v1.63l1.88 1.82L5.09 9.8l.41-2.76-.4-2.56-1.15-.86A1.84 1.84 0 0 0 1 5.09"
-    }), /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#FBBC04",
-        d: "m14.9 4.48-.4 2.6.4 2.72 2.02-1L19 6.73V5.09a1.84 1.84 0 0 0-2.95-1.47z"
-    }), /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#4285F4",
-        d: "M2.23 16.75h2.86V9.8L1 6.73v8.8c0 .67.55 1.22 1.23 1.22"
-    }), /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#34A853",
-        d: "M14.9 16.75h2.87c.68 0 1.23-.55 1.23-1.23v-8.8L14.9 9.8z"
-    }), /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#EA4335",
-        d: "M10 8.16 5.1 4.48V9.8l4.9 3.68 4.9-3.68V4.48z"
-    }));
-
-const GoogleIcon$2 = (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: "#4285F4",
-        d: "M18.82 10.2q0-.95-.16-1.84h-8.48v3.49h4.84a4.2 4.2 0 0 1-1.8 2.7v2.27h2.92a8.8 8.8 0 0 0 2.68-6.62"
-    }), /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#34A853",
-        d: "M10.18 19c2.43 0 4.47-.8 5.96-2.18l-2.92-2.26c-.8.54-1.83.86-3.04.86a5.4 5.4 0 0 1-5.04-3.7h-3v2.32A9 9 0 0 0 10.19 19"
-    }), /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#FBBC05",
-        d: "M5.14 11.71a5.4 5.4 0 0 1 0-3.42V5.97h-3a8.9 8.9 0 0 0 0 8.06l2.34-1.81z"
-    }), /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#EA4335",
-        d: "M10.18 4.58q2.01 0 3.44 1.35l2.58-2.58A8.98 8.98 0 0 0 2.14 5.97l3 2.32a5.4 5.4 0 0 1 5.04-3.7"
-    }));
-
-const MicrosoftIcon$2 = (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: "#F35325",
-        d: "M1 1h8.57v8.57H1z"
-    }), /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#81BC06",
-        d: "M10.43 1H19v8.57h-8.57z"
-    }), /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#05A6F0",
-        d: "M1 10.43h8.57V19H1z"
-    }), /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#FFBA08",
-        d: "M10.43 10.43H19V19h-8.57z"
-    }));
-
-const OutlookIcon$2 = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: 20,
-        height: 20,
-        fill: "none",
-        ...props
-    }, /*#__PURE__*/ React__namespace.createElement("g", {
-        clipPath: "url(#a)"
-    }, /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#158FDA",
-        d: "M6.58 17.2h10.25c1.2 0 2.17-.97 2.17-2.17V7.7c0-.64-.32-1.22-.87-1.54L12.77 3.1c-.72-.4-1.6-.4-2.3 0L4.39 6.6V15c0 1.21.98 2.2 2.2 2.2"
-    }), /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "url(#b)",
-        d: "M8.61 15.82c.06-.66.48-1.24 1.09-1.5 0 0 5.55-3.11 8.3-4.73.85-.5 1-1.5 1-1.5V15a2.2 2.2 0 0 1-2.2 2.2h-6.65c-.8 0-1.46-.6-1.54-1.4"
-    }), /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#01459B",
-        d: "m17.83 5.96-9.55 5.27 1.9 1.16c.71.42 1.74.66 2.46.25l5.08-2.85A2.3 2.3 0 0 0 19 7.69c0-1.1-.76-1.47-1.17-1.73"
-    }), /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#26AEE9",
-        d: "M11.67 2.81q-.63 0-1.21.32L2.4 7.68l3.06 1.85 9.37-5.28-1.95-1.11q-.57-.33-1.2-.33"
-    }), /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#0078D3",
-        d: "M14.83 4.25 5.46 9.53l3.06 1.86 9.56-5.27-.25-.16z"
-    }), /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "url(#c)",
-        d: "M1.88 5.42h7.5a.74.74 0 0 1 .75.74l-.03 7.32a.76.76 0 0 1-.76.76H1.9a.8.8 0 0 1-.78-.78l.03-7.33a.7.7 0 0 1 .72-.71"
-    }), /*#__PURE__*/ React__namespace.createElement("g", {
-        filter: "url(#d)"
-    }, /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "url(#e)",
-        d: "M1.88 5.42h7.5a.74.74 0 0 1 .75.74l-.03 7.32a.76.76 0 0 1-.76.76H1.9a.8.8 0 0 1-.78-.78l.03-7.33a.7.7 0 0 1 .72-.71"
-    })), /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#fff",
-        d: "M3.46 8.58q.28-.6.84-.94.64-.36 1.36-.36.69-.02 1.27.3.56.3.85.87.32.6.32 1.3.02.7-.28 1.36a2.2 2.2 0 0 1-1.1 1.06q-.52.21-1.05.21-.7.03-1.3-.3-.57-.3-.86-.87-.32-.6-.32-1.28-.02-.7.27-1.35m.95 2.15q.16.37.5.6t.75.21q.45 0 .8-.24.33-.24.47-.62.15-.41.13-.85 0-.44-.15-.85a1.4 1.4 0 0 0-.47-.63 1.3 1.3 0 0 0-.8-.23 1.3 1.3 0 0 0-1.25.86c-.22.57-.2 1.2.02 1.75"
-    })), /*#__PURE__*/ React__namespace.createElement("defs", null, /*#__PURE__*/ React__namespace.createElement("linearGradient", {
-        id: "b",
-        x1: 12.02,
-        x2: 19,
-        y1: 15.58,
-        y2: 12.64,
-        gradientUnits: "userSpaceOnUse"
-    }, /*#__PURE__*/ React__namespace.createElement("stop", {
-        stopColor: "#4DE2FB"
-    }), /*#__PURE__*/ React__namespace.createElement("stop", {
-        offset: 1,
-        stopColor: "#28AEE8"
-    })), /*#__PURE__*/ React__namespace.createElement("linearGradient", {
-        id: "c",
-        x1: 5.63,
-        x2: 5.62,
-        y1: 5.42,
-        y2: 14.24,
-        gradientUnits: "userSpaceOnUse"
-    }, /*#__PURE__*/ React__namespace.createElement("stop", {
-        stopColor: "#1582D8"
-    }), /*#__PURE__*/ React__namespace.createElement("stop", {
-        offset: 1,
-        stopColor: "#0A64CC"
-    })), /*#__PURE__*/ React__namespace.createElement("linearGradient", {
-        id: "e",
-        x1: 5.63,
-        x2: 5.62,
-        y1: 5.42,
-        y2: 14.24,
-        gradientUnits: "userSpaceOnUse"
-    }, /*#__PURE__*/ React__namespace.createElement("stop", {
-        stopColor: "#1582D8"
-    }), /*#__PURE__*/ React__namespace.createElement("stop", {
-        offset: 1,
-        stopColor: "#0A64CC"
-    })), /*#__PURE__*/ React__namespace.createElement("clipPath", {
-        id: "a"
-    }, /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#fff",
-        d: "M0 0h20v20H0z"
-    })), /*#__PURE__*/ React__namespace.createElement("filter", {
-        id: "d",
-        width: 53.58,
-        height: 53.4,
-        x: -15.16,
-        y: -10.87,
-        colorInterpolationFilters: "sRGB",
-        filterUnits: "userSpaceOnUse"
-    }, /*#__PURE__*/ React__namespace.createElement("feFlood", {
-        floodOpacity: 0,
-        result: "BackgroundImageFix"
-    }), /*#__PURE__*/ React__namespace.createElement("feColorMatrix", {
-        in: "SourceAlpha",
-        result: "hardAlpha",
-        values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-    }), /*#__PURE__*/ React__namespace.createElement("feOffset", {
-        dx: 6,
-        dy: 6
-    }), /*#__PURE__*/ React__namespace.createElement("feGaussianBlur", {
-        stdDeviation: 11.14
-    }), /*#__PURE__*/ React__namespace.createElement("feComposite", {
-        in2: "hardAlpha",
-        operator: "out"
-    }), /*#__PURE__*/ React__namespace.createElement("feColorMatrix", {
-        values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.38 0"
-    }), /*#__PURE__*/ React__namespace.createElement("feBlend", {
-        in2: "BackgroundImageFix",
-        result: "effect1_dropShadow_893_1954"
-    }), /*#__PURE__*/ React__namespace.createElement("feBlend", {
-        in: "SourceGraphic",
-        in2: "effect1_dropShadow_893_1954",
-        result: "shape"
-    }))));
-
-const SlackIcon$2 = (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: "#E01E5A",
-        d: "M4.8 12.38a1.89 1.89 0 1 1-1.9-1.9h1.9zm.94 0a1.89 1.89 0 1 1 3.78 0v4.73a1.89 1.89 0 1 1-3.78 0z"
-    }), /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#36C5F0",
-        d: "M7.63 4.78A1.89 1.89 0 1 1 9.52 2.9v1.9zm0 .96a1.89 1.89 0 1 1 0 3.79H2.89a1.89 1.89 0 1 1 0-3.79z"
-    }), /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#2EB67D",
-        d: "M15.2 7.64a1.89 1.89 0 1 1 1.9 1.89h-1.9zm-.94 0a1.89 1.89 0 1 1-3.78 0V2.89a1.89 1.89 0 1 1 3.78 0z"
-    }), /*#__PURE__*/ React__namespace.createElement("path", {
-        fill: "#ECB22E",
-        d: "M12.37 15.22a1.89 1.89 0 1 1-1.89 1.89v-1.9zm0-.95a1.89 1.89 0 1 1 0-3.78h4.74a1.89 1.89 0 1 1 0 3.78z"
-    }));
-
 /**
  * Codifies simple button layout patterns
  * - For a single set of buttons, use children
@@ -1503,8 +1299,8 @@ const SlackIcon$2 = (props)=>/*#__PURE__*/ React__namespace.createElement("svg",
     /*#__PURE__*/ React__namespace.default.createElement(ButtonColumn, null, props.top), /*#__PURE__*/ React__namespace.default.createElement(Divider, null), /*#__PURE__*/ React__namespace.default.createElement(ButtonColumn, null, props.bottom));
 };
 
-var css$a = ".VerticalTransition_module_container__9366f503{display:grid;overflow:clip;width:fit-content}.VerticalTransition_module_primary__9366f503,.VerticalTransition_module_secondary__9366f503{grid-area:1/1/2/2;transition:translate var(--st-transition-duration) ease-in-out}.VerticalTransition_module_secondary__9366f503{translate:0 100%}.VerticalTransition_module_container__9366f503.VerticalTransition_module_triggered__9366f503 .VerticalTransition_module_primary__9366f503,.VerticalTransition_module_hoverTrigger__9366f503:is(:hover,:focus) .VerticalTransition_module_canTriggerByHover__9366f503 .VerticalTransition_module_primary__9366f503{translate:0 -100%}.VerticalTransition_module_container__9366f503.VerticalTransition_module_triggered__9366f503 .VerticalTransition_module_secondary__9366f503,.VerticalTransition_module_hoverTrigger__9366f503:is(:hover,:focus) .VerticalTransition_module_canTriggerByHover__9366f503 .VerticalTransition_module_secondary__9366f503{translate:0 0}";
-collectCss(css$a);
+var css$b = ".VerticalTransition_module_container__9366f503{display:grid;overflow:clip;width:fit-content}.VerticalTransition_module_primary__9366f503,.VerticalTransition_module_secondary__9366f503{grid-area:1/1/2/2;transition:translate var(--st-transition-duration) ease-in-out}.VerticalTransition_module_secondary__9366f503{translate:0 100%}.VerticalTransition_module_container__9366f503.VerticalTransition_module_triggered__9366f503 .VerticalTransition_module_primary__9366f503,.VerticalTransition_module_hoverTrigger__9366f503:is(:hover,:focus) .VerticalTransition_module_canTriggerByHover__9366f503 .VerticalTransition_module_primary__9366f503{translate:0 -100%}.VerticalTransition_module_container__9366f503.VerticalTransition_module_triggered__9366f503 .VerticalTransition_module_secondary__9366f503,.VerticalTransition_module_hoverTrigger__9366f503:is(:hover,:focus) .VerticalTransition_module_canTriggerByHover__9366f503 .VerticalTransition_module_secondary__9366f503{translate:0 0}";
+collectCss(css$b);
 var modules_654ad754 = {"container":"VerticalTransition_module_container__9366f503","primary":"VerticalTransition_module_primary__9366f503","secondary":"VerticalTransition_module_secondary__9366f503","hoverTrigger":"VerticalTransition_module_hoverTrigger__9366f503","canTriggerByHover":"VerticalTransition_module_canTriggerByHover__9366f503","triggered":"VerticalTransition_module_triggered__9366f503"};
 
 /**
@@ -1834,8 +1630,8 @@ const ErrorMessages = ({ error })=>{
     }
 };
 
-var css$9 = ".Badge_module_badge__c44e2b28{background-color:var(--st-background);border:1px solid var(--st-border);border-radius:var(--st-rounded-base);cursor:default;padding:var(--st-spacing-0_5) var(--st-spacing);width:fit-content}";
-collectCss(css$9);
+var css$a = ".Badge_module_badge__c44e2b28{background-color:var(--st-background);border:1px solid var(--st-border);border-radius:var(--st-rounded-base);cursor:default;padding:var(--st-spacing-0_5) var(--st-spacing);width:fit-content}";
+collectCss(css$a);
 var modules_35eb8564 = {"badge":"Badge_module_badge__c44e2b28"};
 
 const Badge = ({ className, children })=>/*#__PURE__*/ React__namespace.default.createElement("div", {
@@ -1844,8 +1640,8 @@ const Badge = ({ className, children })=>/*#__PURE__*/ React__namespace.default.
         variant: "helper"
     }, children));
 
-var css$8 = ".LastUsed_module_container__4e54ed99{position:relative}.LastUsed_module_badge__4e54ed99{position:absolute;right:var(--st-spacing-3);top:0;translate:0 -60%}[dir=rtl] .LastUsed_module_badge__4e54ed99{left:var(--st-spacing-3);right:auto}.LastUsed_module_badge__4e54ed99:dir(rtl){left:var(--st-spacing-3);right:auto}";
-collectCss(css$8);
+var css$9 = ".LastUsed_module_container__4e54ed99{position:relative}.LastUsed_module_badge__4e54ed99{position:absolute;right:var(--st-spacing-3);top:0;translate:0 -60%}[dir=rtl] .LastUsed_module_badge__4e54ed99{left:var(--st-spacing-3);right:auto}.LastUsed_module_badge__4e54ed99:dir(rtl){left:var(--st-spacing-3);right:auto}";
+collectCss(css$9);
 var modules_9331f432 = {"container":"LastUsed_module_container__4e54ed99","badge":"LastUsed_module_badge__4e54ed99"};
 
 const LastUsed = ({ children })=>{
@@ -1895,8 +1691,8 @@ var Bt=Object.defineProperty,At=Object.defineProperties;var kt=Object.getOwnProp
   }
 }`;
 
-var css$7 = ".OtpInput_module_inputContainer__1e43b599{width:calc(var(--st-spacing)*64)}.-st-mobile .OtpInput_module_inputContainer__1e43b599{width:calc(var(--st-spacing)*70)}.OtpInput_module_slotsContainer__1e43b599{display:flex;gap:var(--st-spacing-2);justify-content:start;width:fit-content}.OtpInput_module_otpSlot__1e43b599{align-items:center;display:flex;height:calc(var(--st-spacing)*9);justify-content:center;width:calc(var(--st-spacing)*9)}.-st-mobile .OtpInput_module_otpSlot__1e43b599{height:calc(var(--st-spacing)*10);width:calc(var(--st-spacing)*10)}.OtpInput_module_disabled__1e43b599 .OtpInput_module_otpSlot__1e43b599{color:var(--st-muted-foreground)}.OtpInput_module_caret__1e43b599{animation:OtpInput_module_caretBlink__1e43b599 1.5s step-start infinite;border-right:1px solid var(--st-foreground);display:inline-block;height:calc(var(--st-text-sm)*1.25);width:0}.OtpInput_module_safari__1e43b599 .OtpInput_module_caret__1e43b599{animation:OtpInput_module_caretBlink__1e43b599 1s ease-in-out infinite;border-right-width:2px}@keyframes OtpInput_module_caretBlink__1e43b599{0%,to{opacity:0}50%{opacity:1}}";
-collectCss(css$7);
+var css$8 = ".OtpInput_module_inputContainer__1e43b599{width:calc(var(--st-spacing)*64)}.-st-mobile .OtpInput_module_inputContainer__1e43b599{width:calc(var(--st-spacing)*70)}.OtpInput_module_slotsContainer__1e43b599{display:flex;gap:var(--st-spacing-2);justify-content:start;width:fit-content}.OtpInput_module_otpSlot__1e43b599{align-items:center;display:flex;height:calc(var(--st-spacing)*9);justify-content:center;width:calc(var(--st-spacing)*9)}.-st-mobile .OtpInput_module_otpSlot__1e43b599{height:calc(var(--st-spacing)*10);width:calc(var(--st-spacing)*10)}.OtpInput_module_disabled__1e43b599 .OtpInput_module_otpSlot__1e43b599{color:var(--st-muted-foreground)}.OtpInput_module_caret__1e43b599{animation:OtpInput_module_caretBlink__1e43b599 1.5s step-start infinite;border-right:1px solid var(--st-foreground);display:inline-block;height:calc(var(--st-text-sm)*1.25);width:0}.OtpInput_module_safari__1e43b599 .OtpInput_module_caret__1e43b599{animation:OtpInput_module_caretBlink__1e43b599 1s ease-in-out infinite;border-right-width:2px}@keyframes OtpInput_module_caretBlink__1e43b599{0%,to{opacity:0}50%{opacity:1}}";
+collectCss(css$8);
 var modules_6ff17004 = {"inputContainer":"OtpInput_module_inputContainer__1e43b599","slotsContainer":"OtpInput_module_slotsContainer__1e43b599","otpSlot":"OtpInput_module_otpSlot__1e43b599 inputBase_module_inputBase__06c14ae4","disabled":"OtpInput_module_disabled__1e43b599","active":"OtpInput_module_active__1e43b599 inputBase_module_forceFocusRing__06c14ae4","caret":"OtpInput_module_caret__1e43b599","safari":"OtpInput_module_safari__1e43b599"};
 
 const OTP_LENGTH = 6;
@@ -1940,8 +1736,8 @@ const OtpInput = ({ defaultOtp, onSubmit, disabled, ...additionalProps })=>{
     });
 };
 
-var css$6 = ".LoadingBar_module_container__3a991498{background-color:var(--st-muted);border-radius:var(--st-rounded-full);height:var(--st-spacing);overflow:clip}.LoadingBar_module_progress__3a991498{animation:LoadingBar_module_loading__3a991498 10s cubic-bezier(.22,1,.36,1);background-color:var(--st-primary);height:100%;width:100%}@keyframes LoadingBar_module_loading__3a991498{0%{transform:translateX(-100%)}to{transform:translateX(-1%)}}";
-collectCss(css$6);
+var css$7 = ".LoadingBar_module_container__3a991498{background-color:var(--st-muted);border-radius:var(--st-rounded-full);height:var(--st-spacing);overflow:clip}.LoadingBar_module_progress__3a991498{animation:LoadingBar_module_loading__3a991498 10s cubic-bezier(.22,1,.36,1);background-color:var(--st-primary);height:100%;width:100%}@keyframes LoadingBar_module_loading__3a991498{0%{transform:translateX(-100%)}to{transform:translateX(-1%)}}";
+collectCss(css$7);
 var modules_2f9e3bf6 = {"container":"LoadingBar_module_container__3a991498","progress":"LoadingBar_module_progress__3a991498"};
 
 /**
@@ -1953,8 +1749,8 @@ var modules_2f9e3bf6 = {"container":"LoadingBar_module_container__3a991498","pro
         className: modules_2f9e3bf6.progress
     }));
 
-var css$5 = ".AnimatedContainer_module_container__fb438508{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--st-transition-duration) ease-out}.AnimatedContainer_module_open__fb438508{grid-template-rows:1fr}.AnimatedContainer_module_inner__fb438508{min-height:0;overflow:clip}";
-collectCss(css$5);
+var css$6 = ".AnimatedContainer_module_container__fb438508{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--st-transition-duration) ease-out}.AnimatedContainer_module_open__fb438508{grid-template-rows:1fr}.AnimatedContainer_module_inner__fb438508{min-height:0;overflow:clip}";
+collectCss(css$6);
 var modules_d098bf60 = {"container":"AnimatedContainer_module_container__fb438508","open":"AnimatedContainer_module_open__fb438508","inner":"AnimatedContainer_module_inner__fb438508"};
 
 const AnimatedContainer = ({ isOpen, children })=>/*#__PURE__*/ React__namespace.default.createElement("div", {
@@ -1967,8 +1763,8 @@ const AnimatedContainer = ({ isOpen, children })=>/*#__PURE__*/ React__namespace
         "aria-hidden": !isOpen
     }, children));
 
-var css$4 = ".OTPEntry_module_progressInner__6b10f31d{padding-top:var(--st-spacing-2)}";
-collectCss(css$4);
+var css$5 = ".OTPEntry_module_progressInner__6b10f31d{padding-top:var(--st-spacing-2)}";
+collectCss(css$5);
 var modules_929e05ad = {"progressInner":"OTPEntry_module_progressInner__6b10f31d"};
 
 const OTPEntry = ({ header, helperContent, instruction, isSubmitting, onSubmit, errorMessage })=>{
@@ -2126,8 +1922,8 @@ const PasswordInput = ({ password, setPassword, type, ...additionalProps })=>{
     });
 };
 
-var css$3 = ".PasswordStrengthCheck_module_container__75d2aaf0{border-radius:var(--st-rounded-full);display:flex;gap:var(--st-spacing-0_5);height:0;overflow:clip;transition:height var(--st-transition-duration)}.PasswordStrengthCheck_module_container__75d2aaf0:is(.PasswordStrengthCheck_module_weak__75d2aaf0,.PasswordStrengthCheck_module_strong__75d2aaf0){height:var(--st-spacing)}.PasswordStrengthCheck_module_block__75d2aaf0{background:var(--st-muted);flex:1 1 auto;height:var(--st-spacing)}.PasswordStrengthCheck_module_weak__75d2aaf0 .PasswordStrengthCheck_module_block__75d2aaf0.PasswordStrengthCheck_module_filled__75d2aaf0{background:var(--st-destructive)}.PasswordStrengthCheck_module_strong__75d2aaf0 .PasswordStrengthCheck_module_block__75d2aaf0.PasswordStrengthCheck_module_filled__75d2aaf0{background:var(--st-success)}";
-collectCss(css$3);
+var css$4 = ".PasswordStrengthCheck_module_container__75d2aaf0{border-radius:var(--st-rounded-full);display:flex;gap:var(--st-spacing-0_5);height:0;overflow:clip;transition:height var(--st-transition-duration)}.PasswordStrengthCheck_module_container__75d2aaf0:is(.PasswordStrengthCheck_module_weak__75d2aaf0,.PasswordStrengthCheck_module_strong__75d2aaf0){height:var(--st-spacing)}.PasswordStrengthCheck_module_block__75d2aaf0{background:var(--st-muted);flex:1 1 auto;height:var(--st-spacing)}.PasswordStrengthCheck_module_weak__75d2aaf0 .PasswordStrengthCheck_module_block__75d2aaf0.PasswordStrengthCheck_module_filled__75d2aaf0{background:var(--st-destructive)}.PasswordStrengthCheck_module_strong__75d2aaf0 .PasswordStrengthCheck_module_block__75d2aaf0.PasswordStrengthCheck_module_filled__75d2aaf0{background:var(--st-success)}";
+collectCss(css$4);
 var modules_8479f250 = {"container":"PasswordStrengthCheck_module_container__75d2aaf0","weak":"PasswordStrengthCheck_module_weak__75d2aaf0","strong":"PasswordStrengthCheck_module_strong__75d2aaf0","block":"PasswordStrengthCheck_module_block__75d2aaf0","filled":"PasswordStrengthCheck_module_filled__75d2aaf0"};
 
 const PasswordStrengthCheck = ({ score })=>{
@@ -2154,8 +1950,8 @@ const PasswordStrengthCheck = ({ score })=>{
     }))));
 };
 
-var css$2 = ".PasswordError_module_item__c070e7fb{margin-left:var(--st-spacing-6);text-indent:calc(var(--st-spacing-6)*-1)}.PasswordError_module_item__c070e7fb svg{display:inline-block;height:var(--st-spacing-4);margin-right:var(--st-spacing-2);vertical-align:middle;width:var(--st-spacing-4)}.PasswordError_module_bullet__c070e7fb{display:inline-block;margin-right:var(--st-spacing-2);text-align:center;text-indent:0;width:var(--st-spacing-4)}.PasswordError_module_bullet__c070e7fb:before{content:\"•\"}";
-collectCss(css$2);
+var css$3 = ".PasswordError_module_item__c070e7fb{margin-left:var(--st-spacing-6);text-indent:calc(var(--st-spacing-6)*-1)}.PasswordError_module_item__c070e7fb svg{display:inline-block;height:var(--st-spacing-4);margin-right:var(--st-spacing-2);vertical-align:middle;width:var(--st-spacing-4)}.PasswordError_module_bullet__c070e7fb{display:inline-block;margin-right:var(--st-spacing-2);text-align:center;text-indent:0;width:var(--st-spacing-4)}.PasswordError_module_bullet__c070e7fb:before{content:\"•\"}";
+collectCss(css$3);
 var modules_c0befac8 = {"item":"PasswordError_module_item__c070e7fb","bullet":"PasswordError_module_bullet__c070e7fb"};
 
 // This list of warnings and suggestions should be exhaustive, and is pulled from https://github.com/stytchauth/zxcvbn/blob/main/feedback/feedback.go
@@ -2412,8 +2208,8 @@ function getNewPasswordProps(bootstrap, passwordPolicy) {
     };
 }
 
-var css$1 = ".Loading_module_loadingScreen__1c53715a{display:flex;justify-content:center}";
-collectCss(css$1);
+var css$2 = ".Loading_module_loadingScreen__1c53715a{display:flex;justify-content:center}";
+collectCss(css$2);
 var modules_47ae913e = {"loadingScreen":"Loading_module_loadingScreen__1c53715a"};
 
 const LoggingInScreen = ()=>{
@@ -2432,6 +2228,229 @@ const LoadingScreen = ()=>/*#__PURE__*/ React__namespace.createElement("div", {
         size: 32
     }));
 
+var css$1 = ".logo_module_darkInvert__4ffe6ba9{filter:invert(var(--st-dark-mode,0))}";
+collectCss(css$1);
+var modules_73af8a26 = {"darkInvert":"logo_module_darkInvert__4ffe6ba9"};
+
+const GithubIcon$2 = (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: "#24292F",
+        fillRule: "evenodd",
+        d: "M9.97 1A9.1 9.1 0 0 0 1 10.23a9.2 9.2 0 0 0 6.14 8.75c.44.1.6-.2.6-.44l-.01-1.71c-2.5.55-3.02-1.1-3.02-1.1-.4-1.07-1-1.35-1-1.35-.8-.56.07-.56.07-.56.9.06 1.38.95 1.38.95.8 1.4 2.1 1 2.61.76.08-.6.32-1 .57-1.24-2-.21-4.09-1-4.09-4.55 0-1 .36-1.83.92-2.48-.08-.22-.4-1.17.1-2.44 0 0 .75-.24 2.46.95a8.5 8.5 0 0 1 4.49 0c1.7-1.2 2.46-.95 2.46-.95.5 1.27.18 2.22.1 2.44.57.65.91 1.47.91 2.48 0 3.54-2.1 4.32-4.1 4.55.33.3.61.84.61 1.71l-.01 2.54c0 .24.16.53.6.44a9.2 9.2 0 0 0 6.14-8.75A9.1 9.1 0 0 0 9.97 1",
+        clipRule: "evenodd",
+        className: modules_73af8a26.darkInvert
+    }));
+
+const GmailIcon$2 = (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: "#C5221F",
+        d: "M1 5.1v1.63l1.88 1.82L5.09 9.8l.41-2.76-.4-2.56-1.15-.86A1.84 1.84 0 0 0 1 5.09"
+    }), /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#FBBC04",
+        d: "m14.9 4.48-.4 2.6.4 2.72 2.02-1L19 6.73V5.09a1.84 1.84 0 0 0-2.95-1.47z"
+    }), /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#4285F4",
+        d: "M2.23 16.75h2.86V9.8L1 6.73v8.8c0 .67.55 1.22 1.23 1.22"
+    }), /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#34A853",
+        d: "M14.9 16.75h2.87c.68 0 1.23-.55 1.23-1.23v-8.8L14.9 9.8z"
+    }), /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#EA4335",
+        d: "M10 8.16 5.1 4.48V9.8l4.9 3.68 4.9-3.68V4.48z"
+    }));
+
+const GoogleIcon$2 = (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: "#4285F4",
+        d: "M18.82 10.2q0-.95-.16-1.84h-8.48v3.49h4.84a4.2 4.2 0 0 1-1.8 2.7v2.27h2.92a8.8 8.8 0 0 0 2.68-6.62"
+    }), /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#34A853",
+        d: "M10.18 19c2.43 0 4.47-.8 5.96-2.18l-2.92-2.26c-.8.54-1.83.86-3.04.86a5.4 5.4 0 0 1-5.04-3.7h-3v2.32A9 9 0 0 0 10.19 19"
+    }), /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#FBBC05",
+        d: "M5.14 11.71a5.4 5.4 0 0 1 0-3.42V5.97h-3a8.9 8.9 0 0 0 0 8.06l2.34-1.81z"
+    }), /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#EA4335",
+        d: "M10.18 4.58q2.01 0 3.44 1.35l2.58-2.58A8.98 8.98 0 0 0 2.14 5.97l3 2.32a5.4 5.4 0 0 1 5.04-3.7"
+    }));
+
+const MicrosoftIcon$2 = (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: "#F35325",
+        d: "M1 1h8.57v8.57H1z"
+    }), /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#81BC06",
+        d: "M10.43 1H19v8.57h-8.57z"
+    }), /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#05A6F0",
+        d: "M1 10.43h8.57V19H1z"
+    }), /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#FFBA08",
+        d: "M10.43 10.43H19V19h-8.57z"
+    }));
+
+const OutlookIcon$2 = (props)=>/*#__PURE__*/ React__namespace.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 20,
+        height: 20,
+        fill: "none",
+        ...props
+    }, /*#__PURE__*/ React__namespace.createElement("g", {
+        clipPath: "url(#a)"
+    }, /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#158FDA",
+        d: "M6.58 17.2h10.25c1.2 0 2.17-.97 2.17-2.17V7.7c0-.64-.32-1.22-.87-1.54L12.77 3.1c-.72-.4-1.6-.4-2.3 0L4.39 6.6V15c0 1.21.98 2.2 2.2 2.2"
+    }), /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "url(#b)",
+        d: "M8.61 15.82c.06-.66.48-1.24 1.09-1.5 0 0 5.55-3.11 8.3-4.73.85-.5 1-1.5 1-1.5V15a2.2 2.2 0 0 1-2.2 2.2h-6.65c-.8 0-1.46-.6-1.54-1.4"
+    }), /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#01459B",
+        d: "m17.83 5.96-9.55 5.27 1.9 1.16c.71.42 1.74.66 2.46.25l5.08-2.85A2.3 2.3 0 0 0 19 7.69c0-1.1-.76-1.47-1.17-1.73"
+    }), /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#26AEE9",
+        d: "M11.67 2.81q-.63 0-1.21.32L2.4 7.68l3.06 1.85 9.37-5.28-1.95-1.11q-.57-.33-1.2-.33"
+    }), /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#0078D3",
+        d: "M14.83 4.25 5.46 9.53l3.06 1.86 9.56-5.27-.25-.16z"
+    }), /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "url(#c)",
+        d: "M1.88 5.42h7.5a.74.74 0 0 1 .75.74l-.03 7.32a.76.76 0 0 1-.76.76H1.9a.8.8 0 0 1-.78-.78l.03-7.33a.7.7 0 0 1 .72-.71"
+    }), /*#__PURE__*/ React__namespace.createElement("g", {
+        filter: "url(#d)"
+    }, /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "url(#e)",
+        d: "M1.88 5.42h7.5a.74.74 0 0 1 .75.74l-.03 7.32a.76.76 0 0 1-.76.76H1.9a.8.8 0 0 1-.78-.78l.03-7.33a.7.7 0 0 1 .72-.71"
+    })), /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#fff",
+        d: "M3.46 8.58q.28-.6.84-.94.64-.36 1.36-.36.69-.02 1.27.3.56.3.85.87.32.6.32 1.3.02.7-.28 1.36a2.2 2.2 0 0 1-1.1 1.06q-.52.21-1.05.21-.7.03-1.3-.3-.57-.3-.86-.87-.32-.6-.32-1.28-.02-.7.27-1.35m.95 2.15q.16.37.5.6t.75.21q.45 0 .8-.24.33-.24.47-.62.15-.41.13-.85 0-.44-.15-.85a1.4 1.4 0 0 0-.47-.63 1.3 1.3 0 0 0-.8-.23 1.3 1.3 0 0 0-1.25.86c-.22.57-.2 1.2.02 1.75"
+    })), /*#__PURE__*/ React__namespace.createElement("defs", null, /*#__PURE__*/ React__namespace.createElement("linearGradient", {
+        id: "b",
+        x1: 12.02,
+        x2: 19,
+        y1: 15.58,
+        y2: 12.64,
+        gradientUnits: "userSpaceOnUse"
+    }, /*#__PURE__*/ React__namespace.createElement("stop", {
+        stopColor: "#4DE2FB"
+    }), /*#__PURE__*/ React__namespace.createElement("stop", {
+        offset: 1,
+        stopColor: "#28AEE8"
+    })), /*#__PURE__*/ React__namespace.createElement("linearGradient", {
+        id: "c",
+        x1: 5.63,
+        x2: 5.62,
+        y1: 5.42,
+        y2: 14.24,
+        gradientUnits: "userSpaceOnUse"
+    }, /*#__PURE__*/ React__namespace.createElement("stop", {
+        stopColor: "#1582D8"
+    }), /*#__PURE__*/ React__namespace.createElement("stop", {
+        offset: 1,
+        stopColor: "#0A64CC"
+    })), /*#__PURE__*/ React__namespace.createElement("linearGradient", {
+        id: "e",
+        x1: 5.63,
+        x2: 5.62,
+        y1: 5.42,
+        y2: 14.24,
+        gradientUnits: "userSpaceOnUse"
+    }, /*#__PURE__*/ React__namespace.createElement("stop", {
+        stopColor: "#1582D8"
+    }), /*#__PURE__*/ React__namespace.createElement("stop", {
+        offset: 1,
+        stopColor: "#0A64CC"
+    })), /*#__PURE__*/ React__namespace.createElement("clipPath", {
+        id: "a"
+    }, /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#fff",
+        d: "M0 0h20v20H0z"
+    })), /*#__PURE__*/ React__namespace.createElement("filter", {
+        id: "d",
+        width: 53.58,
+        height: 53.4,
+        x: -15.16,
+        y: -10.87,
+        colorInterpolationFilters: "sRGB",
+        filterUnits: "userSpaceOnUse"
+    }, /*#__PURE__*/ React__namespace.createElement("feFlood", {
+        floodOpacity: 0,
+        result: "BackgroundImageFix"
+    }), /*#__PURE__*/ React__namespace.createElement("feColorMatrix", {
+        in: "SourceAlpha",
+        result: "hardAlpha",
+        values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+    }), /*#__PURE__*/ React__namespace.createElement("feOffset", {
+        dx: 6,
+        dy: 6
+    }), /*#__PURE__*/ React__namespace.createElement("feGaussianBlur", {
+        stdDeviation: 11.14
+    }), /*#__PURE__*/ React__namespace.createElement("feComposite", {
+        in2: "hardAlpha",
+        operator: "out"
+    }), /*#__PURE__*/ React__namespace.createElement("feColorMatrix", {
+        values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.38 0"
+    }), /*#__PURE__*/ React__namespace.createElement("feBlend", {
+        in2: "BackgroundImageFix",
+        result: "effect1_dropShadow_893_1954"
+    }), /*#__PURE__*/ React__namespace.createElement("feBlend", {
+        in: "SourceGraphic",
+        in2: "effect1_dropShadow_893_1954",
+        result: "shape"
+    }))));
+
+const SlackIcon$2 = (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: "#E01E5A",
+        d: "M4.8 12.38a1.89 1.89 0 1 1-1.9-1.9h1.9zm.94 0a1.89 1.89 0 1 1 3.78 0v4.73a1.89 1.89 0 1 1-3.78 0z"
+    }), /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#36C5F0",
+        d: "M7.63 4.78A1.89 1.89 0 1 1 9.52 2.9v1.9zm0 .96a1.89 1.89 0 1 1 0 3.79H2.89a1.89 1.89 0 1 1 0-3.79z"
+    }), /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#2EB67D",
+        d: "M15.2 7.64a1.89 1.89 0 1 1 1.9 1.89h-1.9zm-.94 0a1.89 1.89 0 1 1-3.78 0V2.89a1.89 1.89 0 1 1 3.78 0z"
+    }), /*#__PURE__*/ React__namespace.createElement("path", {
+        fill: "#ECB22E",
+        d: "M12.37 15.22a1.89 1.89 0 1 1-1.89 1.89v-1.9zm0-.95a1.89 1.89 0 1 1 0-3.78h4.74a1.89 1.89 0 1 1 0 3.78z"
+    }));
+
+const YahooIcon$2 = (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 ConsentManifestGeneratorContext = /*#__PURE__*/ React.createContext(undefined);
 const TrustedAuthTokenParamsContext = /*#__PURE__*/ React.createContext(undefined);
 const IDPContextProvider = ({ children, consentManifestGenerator, authTokenParams })=>{
@@ -3336,7 +3355,7 @@ const useIDPState = ({ initialError, initialParams, oauthAuthorizeStart, oauthAu
     const [state, dispatch] = React.useReducer(idpStateReducer, initialState$1(initialError, initialParams));
     React.useEffect(()=>{
         if (!initialError) return;
-        onError(new StytchSSRProxy.IDPOAuthFlowMissingParamError(initialError));
+        onError(new dev.IDPOAuthFlowMissingParamError(initialError));
     }, [
         initialError,
         onError
@@ -3396,7 +3415,7 @@ const useIDPState = ({ initialError, initialParams, oauthAuthorizeStart, oauthAu
         try {
             startResponse = await oauthAuthorizeStart(initialParams);
         } catch (e) {
-            const err = StytchSSRProxy.StytchAPIError.from(e);
+            const err = dev.StytchAPIError.from(e);
             const message = err.error_message;
             dispatch({
                 type: 'PREFLIGHT_ERROR',
@@ -3621,7 +3640,7 @@ const useLogoutState = ({ initialError, initialParams, oauthLogoutStart, revokeS
     const [state, dispatch] = React.useReducer(logoutStateReducer, initialState(initialError));
     React.useEffect(()=>{
         if (!initialError) return;
-        onError(new StytchSSRProxy.IDPOAuthFlowMissingParamError(initialError));
+        onError(new dev.IDPOAuthFlowMissingParamError(initialError));
     }, [
         initialError,
         onError
@@ -3646,7 +3665,7 @@ const useLogoutState = ({ initialError, initialParams, oauthLogoutStart, revokeS
         try {
             startResponse = await oauthLogoutStart(initialParams);
         } catch (e) {
-            const err = StytchSSRProxy.StytchAPIError.from(e);
+            const err = dev.StytchAPIError.from(e);
             const message = err.error_message;
             dispatch({
                 type: 'PREFLIGHT_ERROR',
@@ -4526,6 +4545,7 @@ exports.SlackIcon = SlackIcon$2;
 exports.TextColumn = TextColumn;
 exports.Typography = Typography;
 exports.VerticalTransition = VerticalTransition;
+exports.YahooIcon = YahooIcon$2;
 exports.arrayUtils = arrayUtils;
 exports.buttonClassNames = buttonClassNames;
 exports.canGoBack = canGoBack;
@@ -4538,6 +4558,7 @@ exports.errorToast = errorToast;
 exports.extractErrorType = extractErrorType;
 exports.formatNumber = formatNumber;
 exports.formatNumberToIncludeCountryCode = formatNumberToIncludeCountryCode;
+exports.getButtonId = getButtonId;
 exports.getEnabledMethods = getEnabledMethods;
 exports.getNewPasswordProps = getNewPasswordProps;
 exports.getPhoneNumberProps = getPhoneNumberProps;
@@ -4564,4 +4585,4 @@ exports.usePresentationWithDefault = usePresentationWithDefault;
 exports.useStytch = useStytch;
 exports.useTimedBoolean = useTimedBoolean;
 exports.useTrustedAuthTokenParams = useTrustedAuthTokenParams;
-//# sourceMappingURL=shadcn-C9ClUju1.js.map
+//# sourceMappingURL=shadcn-DMk6ZSoD.js.map