@clerk/elements 0.18.0 → 0.18.1-canary.v8506fdd

package/dist/{chunk-CVLZDETC.mjs → chunk-ORV6AAIP.mjs}

@@ -68,43 +68,15 @@ var useVirtualRouter = () => {
 // src/react/router/index.ts
 import { Route, Router, useClerkRouter } from "@clerk/shared/router";
 
-// src/react/utils/path-inference/next.tsx
-import { useRouter } from "next/compat/router";
-import { useParams, usePathname } from "next/navigation";
-import React from "react";
-
 // src/react/utils/path-inference/utils.ts
 function removeOptionalCatchAllSegment(pathname) {
   return pathname.replace(/\/\[\[\.\.\..*/, "");
 }
 
-// src/react/utils/path-inference/next.tsx
-var usePathnameWithoutCatchAll = () => {
-  const pathRef = React.useRef();
-  const pagesRouter = useRouter();
-  if (pagesRouter) {
-    if (pathRef.current) {
-      return pathRef.current;
-    } else {
-      pathRef.current = removeOptionalCatchAllSegment(pagesRouter.pathname);
-      return pathRef.current;
-    }
-  }
-  const pathname = usePathname() || "";
-  const pathParts = pathname.split("/").filter(Boolean);
-  const catchAllParams = Object.values(useParams() || {}).filter((v) => Array.isArray(v)).flat(Infinity);
-  if (pathRef.current) {
-    return pathRef.current;
-  } else {
-    pathRef.current = `/${pathParts.slice(0, pathParts.length - catchAllParams.length).join("/")}`;
-    return pathRef.current;
-  }
-};
-
 export {
   useVirtualRouter,
   Router,
   useClerkRouter,
-  usePathnameWithoutCatchAll
+  removeOptionalCatchAllSegment
 };
-//# sourceMappingURL=chunk-CVLZDETC.mjs.map
+//# sourceMappingURL=chunk-ORV6AAIP.mjs.map

package/dist/chunk-ORV6AAIP.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/react/router/virtual.ts","../src/react/router/index.ts","../src/react/utils/path-inference/utils.ts"],"sourcesContent":["'use client';\n\nimport type { ClerkHostRouter } from '@clerk/shared/router';\nimport { useSyncExternalStore } from 'react';\n\nconst DUMMY_ORIGIN = 'https://clerk.dummy';\n\n// TODO: introduce history stack?\nclass VirtualRouter implements ClerkHostRouter {\n  readonly name = 'VirtualRouter';\n  readonly mode = 'virtual';\n\n  #url: URL;\n  #listeners: Set<(url: URL) => void> = new Set();\n\n  constructor(path?: string) {\n    const origin = typeof window === 'undefined' ? DUMMY_ORIGIN : window.location.origin;\n\n    this.#url = new URL(path ?? '/', origin);\n  }\n\n  push(path: string) {\n    const newUrl = new URL(this.#url.toString());\n    newUrl.pathname = path;\n\n    this.#url = newUrl;\n    this.emit();\n  }\n\n  replace(path: string) {\n    this.push(path);\n  }\n\n  shallowPush(path: string) {\n    this.push(path);\n  }\n\n  pathname() {\n    return this.#url.pathname;\n  }\n\n  searchParams() {\n    return this.#url.searchParams;\n  }\n\n  subscribe(listener: () => void) {\n    this.#listeners.add(listener);\n\n    return () => this.#listeners.delete(listener);\n  }\n\n  emit() {\n    this.#listeners.forEach(listener => listener(this.#url));\n  }\n\n  getSnapshot() {\n    return this.#url;\n  }\n}\n\nconst virtualRouter = new VirtualRouter('/');\n\nexport const useVirtualRouter = (): ClerkHostRouter => {\n  const url = useSyncExternalStore(\n    virtualRouter.subscribe.bind(virtualRouter),\n    virtualRouter.getSnapshot.bind(virtualRouter),\n  );\n\n  return {\n    mode: virtualRouter.mode,\n    name: virtualRouter.name,\n    pathname: () => url.pathname,\n    push: virtualRouter.push.bind(virtualRouter),\n    replace: virtualRouter.replace.bind(virtualRouter),\n    searchParams: () => url.searchParams,\n    shallowPush: virtualRouter.shallowPush.bind(virtualRouter),\n  };\n};\n","export { Route, Router, useClerkRouter } from '@clerk/shared/router';\nexport { useVirtualRouter } from './virtual';\n","export function removeOptionalCatchAllSegment(pathname: string) {\n  return pathname.replace(/\\/\\[\\[\\.\\.\\..*/, '');\n}\n"],"mappings":";;;;;;;AAGA,SAAS,4BAA4B;AAErC,IAAM,eAAe;AALrB;AAQA,IAAM,gBAAN,MAA+C;AAAA,EAO7C,YAAY,MAAe;AAN3B,SAAS,OAAO;AAChB,SAAS,OAAO;AAEhB;AACA,mCAAsC,oBAAI,IAAI;AAG5C,UAAM,SAAS,OAAO,WAAW,cAAc,eAAe,OAAO,SAAS;AAE9E,uBAAK,MAAO,IAAI,IAAI,sBAAQ,KAAK,MAAM;AAAA,EACzC;AAAA,EAEA,KAAK,MAAc;AACjB,UAAM,SAAS,IAAI,IAAI,mBAAK,MAAK,SAAS,CAAC;AAC3C,WAAO,WAAW;AAElB,uBAAK,MAAO;AACZ,SAAK,KAAK;AAAA,EACZ;AAAA,EAEA,QAAQ,MAAc;AACpB,SAAK,KAAK,IAAI;AAAA,EAChB;AAAA,EAEA,YAAY,MAAc;AACxB,SAAK,KAAK,IAAI;AAAA,EAChB;AAAA,EAEA,WAAW;AACT,WAAO,mBAAK,MAAK;AAAA,EACnB;AAAA,EAEA,eAAe;AACb,WAAO,mBAAK,MAAK;AAAA,EACnB;AAAA,EAEA,UAAU,UAAsB;AAC9B,uBAAK,YAAW,IAAI,QAAQ;AAE5B,WAAO,MAAM,mBAAK,YAAW,OAAO,QAAQ;AAAA,EAC9C;AAAA,EAEA,OAAO;AACL,uBAAK,YAAW,QAAQ,cAAY,SAAS,mBAAK,KAAI,CAAC;AAAA,EACzD;AAAA,EAEA,cAAc;AACZ,WAAO,mBAAK;AAAA,EACd;AACF;AA9CE;AACA;AA+CF,IAAM,gBAAgB,IAAI,cAAc,GAAG;AAEpC,IAAM,mBAAmB,MAAuB;AACrD,QAAM,MAAM;AAAA,IACV,cAAc,UAAU,KAAK,aAAa;AAAA,IAC1C,cAAc,YAAY,KAAK,aAAa;AAAA,EAC9C;AAEA,SAAO;AAAA,IACL,MAAM,cAAc;AAAA,IACpB,MAAM,cAAc;AAAA,IACpB,UAAU,MAAM,IAAI;AAAA,IACpB,MAAM,cAAc,KAAK,KAAK,aAAa;AAAA,IAC3C,SAAS,cAAc,QAAQ,KAAK,aAAa;AAAA,IACjD,cAAc,MAAM,IAAI;AAAA,IACxB,aAAa,cAAc,YAAY,KAAK,aAAa;AAAA,EAC3D;AACF;;;AC7EA,SAAS,OAAO,QAAQ,sBAAsB;;;ACAvC,SAAS,8BAA8B,UAAkB;AAC9D,SAAO,SAAS,QAAQ,kBAAkB,EAAE;AAC9C;","names":[]}

package/dist/react/sign-in/index.js

@@ -55,11 +55,11 @@ module.exports = __toCommonJS(sign_in_exports);
 var import_client_only2 = require("client-only");
 
 // src/react/sign-in/root.tsx
-var import_react8 = require("@clerk/shared/react");
-var import_router6 = require("@clerk/shared/router");
+var import_react7 = require("@clerk/shared/react");
+var import_router5 = require("@clerk/shared/router");
 var import_telemetry = require("@clerk/shared/telemetry");
-var import_react9 = require("@xstate/react");
-var import_react10 = require("react");
+var import_react8 = require("@xstate/react");
+var import_react9 = require("react");
 var import_xstate8 = require("xstate");
 
 // src/utils/safe-access.ts
@@ -2326,49 +2326,21 @@ var DISPLAY_NAME2 = "ClerkElementsSubmit";
 var Submit = import_react_form2.Submit;
 Submit.displayName = DISPLAY_NAME2;
 
-// src/react/utils/path-inference/next.tsx
-var import_router5 = require("next/compat/router");
-var import_navigation = require("next/navigation");
-var import_react7 = __toESM(require("react"));
-
 // src/react/utils/path-inference/utils.ts
 function removeOptionalCatchAllSegment(pathname) {
   return pathname.replace(/\/\[\[\.\.\..*/, "");
 }
 
-// src/react/utils/path-inference/next.tsx
-var usePathnameWithoutCatchAll = () => {
-  const pathRef = import_react7.default.useRef();
-  const pagesRouter = (0, import_router5.useRouter)();
-  if (pagesRouter) {
-    if (pathRef.current) {
-      return pathRef.current;
-    } else {
-      pathRef.current = removeOptionalCatchAllSegment(pagesRouter.pathname);
-      return pathRef.current;
-    }
-  }
-  const pathname = (0, import_navigation.usePathname)() || "";
-  const pathParts = pathname.split("/").filter(Boolean);
-  const catchAllParams = Object.values((0, import_navigation.useParams)() || {}).filter((v) => Array.isArray(v)).flat(Infinity);
-  if (pathRef.current) {
-    return pathRef.current;
-  } else {
-    pathRef.current = `/${pathParts.slice(0, pathParts.length - catchAllParams.length).join("/")}`;
-    return pathRef.current;
-  }
-};
-
 // src/react/sign-in/root.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var actor = (0, import_xstate8.createActor)(SignInRouterMachine, { inspect });
 actor.start();
 function SignInFlowProvider({ children, exampleMode, fallback, isRootPath }) {
-  const clerk = (0, import_react8.useClerk)();
+  const clerk = (0, import_react7.useClerk)();
   const router = (0, import_router3.useClerkRouter)();
   const formRef = useFormStore();
-  const isReady = (0, import_react9.useSelector)(actor, (state) => state.value !== "Idle");
-  (0, import_react10.useEffect)(() => {
+  const isReady = (0, import_react8.useSelector)(actor, (state) => state.value !== "Idle");
+  (0, import_react9.useEffect)(() => {
     if (!clerk || !router) {
       return;
     }
@@ -2410,9 +2382,12 @@ function SignInRoot({
   routing = ROUTING.path
 }) {
   var _a;
-  const clerk = (0, import_react8.useClerk)();
-  const inferredPath = usePathnameWithoutCatchAll();
+  const clerk = (0, import_react7.useClerk)();
+  const router = (routing === ROUTING.virtual ? useVirtualRouter : import_router5.useClerkHostRouter)();
+  const pathname = router.pathname();
+  const inferredPath = removeOptionalCatchAllSegment(pathname);
   const path = pathProp || inferredPath || SIGN_IN_DEFAULT_BASE_PATH;
+  const isRootPath = path === pathname;
   (_a = clerk.telemetry) == null ? void 0 : _a.record(
     (0, import_telemetry.eventComponentMounted)("Elements_SignInRoot", {
       exampleMode,
@@ -2421,8 +2396,6 @@ function SignInRoot({
       routing
     })
   );
-  const router = (routing === ROUTING.virtual ? useVirtualRouter : import_router6.useClerkHostRouter)();
-  const isRootPath = path === router.pathname();
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     import_router3.Router,
     {
@@ -2442,20 +2415,20 @@ function SignInRoot({
 }
 
 // src/react/sign-in/step.tsx
-var import_react15 = require("@clerk/shared/react");
+var import_react14 = require("@clerk/shared/react");
 var import_telemetry2 = require("@clerk/shared/telemetry");
 
 // src/react/sign-in/choose-session/choose-session.tsx
 var import_react_slot = require("@radix-ui/react-slot");
-var React8 = __toESM(require("react"));
+var React7 = __toESM(require("react"));
 
 // src/react/utils/create-context-for-dom-validation.ts
-var React5 = __toESM(require("react"));
+var React4 = __toESM(require("react"));
 function createContextForDomValidation(displayName) {
-  const ReactContext = React5.createContext(false);
+  const ReactContext = React4.createContext(false);
   const OriginalProvider = ReactContext.Provider;
   function Provider({ children }) {
-    return React5.createElement(
+    return React4.createElement(
       OriginalProvider,
       {
         value: true
@@ -2465,7 +2438,7 @@ function createContextForDomValidation(displayName) {
   }
   Provider.displayName = displayName;
   function useContext6(allowMissingContext = false) {
-    const context = React5.useContext(ReactContext);
+    const context = React4.useContext(ReactContext);
     if (!allowMissingContext && !context) {
       throw new Error(
         `You used a hook from "${Provider.displayName}" but it's not inside a <${Provider.displayName}.Provider> component.`
@@ -2480,22 +2453,22 @@ function createContextForDomValidation(displayName) {
 }
 
 // src/react/utils/is-valid-component-type.ts
-var React6 = __toESM(require("react"));
+var React5 = __toESM(require("react"));
 function isValidComponentType(child, type) {
-  return React6.isValidElement(child) && child.type === type;
+  return React5.isValidElement(child) && child.type === type;
 }
 
 // src/react/sign-in/choose-session/choose-session.hooks.ts
-var React7 = __toESM(require("react"));
+var React6 = __toESM(require("react"));
 
 // src/react/hooks/use-active-tags.hook.ts
-var import_react11 = require("@xstate/react");
+var import_react10 = require("@xstate/react");
 var ActiveTagsMode = {
   any: "any",
   all: "all"
 };
 function useActiveTags(actor2, tags, mode = ActiveTagsMode.any) {
-  const state = (0, import_react11.useSelector)(
+  const state = (0, import_react10.useSelector)(
     actor2,
     (s) => s,
     (prev, next) => prev.tags === next.tags
@@ -2522,9 +2495,9 @@ function useActiveTags(actor2, tags, mode = ActiveTagsMode.any) {
 }
 
 // src/react/sign-in/choose-session/choose-session.hooks.ts
-var SignInActiveSessionContext = React7.createContext(null);
+var SignInActiveSessionContext = React6.createContext(null);
 function useSignInActiveSessionContext() {
-  const ctx = React7.useContext(SignInActiveSessionContext);
+  const ctx = React6.useContext(SignInActiveSessionContext);
   if (!ctx) {
     throw new Error("SignInActiveSessionContext must be used within a SessionList/SignInSessionListItem");
   }
@@ -2561,13 +2534,13 @@ function SignInSessionList({ asChild, children, includeCurrentSession, ...props
   if (!children || !(sessions == null ? void 0 : sessions.length)) {
     return null;
   }
-  if (React8.Children.count(children) > 1) {
-    return React8.Children.only(null);
+  if (React7.Children.count(children) > 1) {
+    return React7.Children.only(null);
   }
   if (asChild && isValidComponentType(children, SignInSessionListItem)) {
     throw new Error("asChild cannot be used with SessionListItem as the direct child");
   }
-  if (!React8.isValidElement(children)) {
+  if (!React7.isValidElement(children)) {
     throw new Error("children must be a valid React element");
   }
   const newChildren = asChild ? children.props.children : children;
@@ -2582,7 +2555,7 @@ function SignInSessionList({ asChild, children, includeCurrentSession, ...props
     );
   });
   if (asChild) {
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_slot.Slot, { ...props, children: React8.cloneElement(children, void 0, childrenWithCtx) });
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_slot.Slot, { ...props, children: React7.cloneElement(children, void 0, childrenWithCtx) });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("ul", { ...props, children: childrenWithCtx });
 }
@@ -2595,8 +2568,8 @@ function SignInSessionListItem(props) {
 
 // src/react/sign-in/choose-strategy.tsx
 var import_react_slot2 = require("@radix-ui/react-slot");
-var import_react12 = require("@xstate/react");
-var React9 = __toESM(require("react"));
+var import_react11 = require("@xstate/react");
+var React8 = __toESM(require("react"));
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var SignInChooseStrategyCtx = createContextForDomValidation("SignInChooseStrategyCtx");
 function SignInChooseStrategy({ asChild, children, ...props }) {
@@ -2626,7 +2599,7 @@ function SignInForgotPassword({ asChild, children, ...props }) {
   return activeState ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(SignInChooseStrategyCtx.Provider, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Comp, { ...props, children }) }) : null;
 }
 var SUPPORTED_STRATEGY_NAME = "SignInSupportedStrategy";
-var SignInSupportedStrategy = React9.forwardRef(
+var SignInSupportedStrategy = React8.forwardRef(
   ({ asChild, children, name, ...rest }, forwardedRef) => {
     const routerRef = SignInRouterCtx.useActorRef();
     const snapshot = routerRef.getSnapshot();
@@ -2634,14 +2607,14 @@ var SignInSupportedStrategy = React9.forwardRef(
     const supportedFirstFactors = status === "needs_first_factor" ? snapshot.context.clerk.client.signIn.supportedFirstFactors || [] : [];
     const supportedSecondFactors = status === "needs_second_factor" ? snapshot.context.clerk.client.signIn.supportedSecondFactors || [] : [];
     const factor = [...supportedFirstFactors, ...supportedSecondFactors].find((factor2) => name === factor2.strategy);
-    const currentFactor = (0, import_react12.useSelector)(
+    const currentFactor = (0, import_react11.useSelector)(
       snapshot.children[SignInRouterSystemId.firstFactor] || snapshot.children[SignInRouterSystemId.secondFactor],
       (state) => {
         var _a;
         return (_a = state == null ? void 0 : state.context.currentFactor) == null ? void 0 : _a.strategy;
       }
     );
-    const sendUpdateStrategyEvent = React9.useCallback(
+    const sendUpdateStrategyEvent = React8.useCallback(
       () => routerRef.send({ type: "STRATEGY.UPDATE", factor }),
       [routerRef, factor]
     );
@@ -2709,8 +2682,8 @@ function SignInStartInner(props) {
 }
 
 // src/react/sign-in/verifications.tsx
-var import_react13 = require("@xstate/react");
-var import_react14 = require("react");
+var import_react12 = require("@xstate/react");
+var import_react13 = require("react");
 
 // src/internals/machines/utils/strategies.ts
 var matchStrategy = (current, desired) => {
@@ -2738,9 +2711,9 @@ function SignInStrategiesProvider({
   ...props
 }) {
   const routerRef = SignInRouterCtx.useActorRef();
-  const current = (0, import_react13.useSelector)(actorRef, strategiesSelector);
+  const current = (0, import_react12.useSelector)(actorRef, strategiesSelector);
   const isChoosingAltStrategy = useActiveTags(routerRef, ["step:choose-strategy", "step:forgot-password"]);
-  const isActive = (0, import_react14.useCallback)((name) => current ? matchStrategy(current, name) : false, [current]);
+  const isActive = (0, import_react13.useCallback)((name) => current ? matchStrategy(current, name) : false, [current]);
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(StrategiesContext.Provider, { value: { current, preferred, isActive }, children: isChoosingAltStrategy.active ? null : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     Form,
     {
@@ -2758,7 +2731,7 @@ function useFactorCtx() {
 function SignInStrategy({ children, name }) {
   const { active } = useStrategy(name);
   const factorCtx = useFactorCtx();
-  (0, import_react14.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     if (factorCtx) {
       factorCtx.send({ type: "STRATEGY.REGISTER", factor: name });
     }
@@ -2830,7 +2803,7 @@ var SIGN_IN_STEPS = {
 };
 function SignInStep(props) {
   var _a;
-  const clerk = (0, import_react15.useClerk)();
+  const clerk = (0, import_react14.useClerk)();
   (_a = clerk.telemetry) == null ? void 0 : _a.record((0, import_telemetry2.eventComponentMounted)("Elements_SignInStep", { name: props.name }));
   switch (props.name) {
     case SIGN_IN_STEPS.start:
@@ -2851,14 +2824,14 @@ function SignInStep(props) {
 }
 
 // src/react/sign-in/action/action.tsx
-var React13 = __toESM(require("react"));
+var React12 = __toESM(require("react"));
 
 // src/react/common/index.ts
 var import_client_only = require("client-only");
 
 // src/react/sign-in/action/navigate.tsx
 var import_react_slot3 = require("@radix-ui/react-slot");
-var React10 = __toESM(require("react"));
+var React9 = __toESM(require("react"));
 var import_jsx_runtime9 = require("react/jsx-runtime");
 var SIGN_IN_NAVIGATE_NAME = "SignInNavigate";
 var SignInNavigationEventMap = {
@@ -2867,12 +2840,12 @@ var SignInNavigationEventMap = {
   "choose-strategy": "NAVIGATE.CHOOSE_STRATEGY",
   "forgot-password": "NAVIGATE.FORGOT_PASSWORD"
 };
-var SignInNavigate = React10.forwardRef(
+var SignInNavigate = React9.forwardRef(
   ({ asChild, to, ...rest }, forwardedRef) => {
     const actorRef = SignInRouterCtx.useActorRef();
     const Comp = asChild ? import_react_slot3.Slot : "button";
     const defaultProps = asChild ? {} : { type: "button" };
-    const sendEvent = React10.useCallback(() => {
+    const sendEvent = React9.useCallback(() => {
       const type = SignInNavigationEventMap[to];
       if (actorRef.getSnapshot().can({ type })) {
         actorRef.send({ type });
@@ -2897,11 +2870,11 @@ SignInNavigate.displayName = SIGN_IN_NAVIGATE_NAME;
 
 // src/react/sign-in/action/resend.tsx
 var import_react_slot4 = require("@radix-ui/react-slot");
-var import_react16 = require("@xstate/react");
-var React11 = __toESM(require("react"));
+var import_react15 = require("@xstate/react");
+var React10 = __toESM(require("react"));
 var import_jsx_runtime10 = require("react/jsx-runtime");
 var SIGN_IN_RESEND_NAME = "SignInResend";
-var SignInResend = React11.forwardRef(
+var SignInResend = React10.forwardRef(
   ({ asChild, fallback, ...rest }, forwardedRef) => {
     const firstFactorRef = SignInFirstFactorCtx.useActorRef(true);
     const secondFactorRef = SignInSecondFactorCtx.useActorRef(true);
@@ -2909,7 +2882,7 @@ var SignInResend = React11.forwardRef(
     if (!actorRef) {
       throw new Error('The resend action must be used within <SignIn.Step name="verifications">.');
     }
-    const fallbackProps = (0, import_react16.useSelector)(
+    const fallbackProps = (0, import_react15.useSelector)(
       actorRef,
       (state) => ({
         resendable: state.context.resendable,
@@ -2938,16 +2911,16 @@ SignInResend.displayName = SIGN_IN_RESEND_NAME;
 
 // src/react/sign-in/action/set-active-session.tsx
 var import_react_slot5 = require("@radix-ui/react-slot");
-var React12 = __toESM(require("react"));
+var React11 = __toESM(require("react"));
 var import_jsx_runtime11 = require("react/jsx-runtime");
 var DISPLAY_NAME3 = "SignInSetActiveSession";
-var SignInSetActiveSession = React12.forwardRef(
+var SignInSetActiveSession = React11.forwardRef(
   ({ asChild, ...rest }, forwardedRef) => {
     const actorRef = SignInRouterCtx.useActorRef();
     const session = useSignInActiveSessionContext();
     const Comp = asChild ? import_react_slot5.Slot : "button";
     const defaultProps = asChild ? {} : { type: "button" };
-    const sendEvent = React12.useCallback(() => {
+    const sendEvent = React11.useCallback(() => {
       const event = { type: "SESSION.SET_ACTIVE", id: session.id };
       if (actorRef.getSnapshot().can(event)) {
         actorRef.send(event);
@@ -2973,7 +2946,7 @@ SignInSetActiveSession.displayName = DISPLAY_NAME3;
 // src/react/sign-in/action/action.tsx
 var import_jsx_runtime12 = require("react/jsx-runtime");
 var DISPLAY_NAME4 = "SignInAction";
-var SignInAction = React13.forwardRef((props, forwardedRef) => {
+var SignInAction = React12.forwardRef((props, forwardedRef) => {
   const { submit, navigate, resend, setActiveSession, ...rest } = props;
   let Comp;
   if (submit) {
@@ -2998,15 +2971,15 @@ SignInAction.displayName = DISPLAY_NAME4;
 
 // src/react/sign-in/passkey.tsx
 var import_react_slot6 = require("@radix-ui/react-slot");
-var React14 = __toESM(require("react"));
+var React13 = __toESM(require("react"));
 var import_jsx_runtime13 = require("react/jsx-runtime");
 var SIGN_IN_PASSKEY_NAME = "SignInPasskey";
-var SignInPasskey = React14.forwardRef(
+var SignInPasskey = React13.forwardRef(
   ({ asChild, ...rest }, forwardedRef) => {
     const actorRef = SignInRouterCtx.useActorRef(true);
     const Comp = asChild ? import_react_slot6.Slot : "button";
     const defaultProps = asChild ? {} : { type: "button" };
-    const sendEvent = React14.useCallback(() => {
+    const sendEvent = React13.useCallback(() => {
       actorRef == null ? void 0 : actorRef.send({ type: "AUTHENTICATE.PASSKEY" });
     }, [actorRef]);
     return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
@@ -3023,10 +2996,10 @@ var SignInPasskey = React14.forwardRef(
 SignInPasskey.displayName = SIGN_IN_PASSKEY_NAME;
 
 // src/react/sign-in/identifiers.tsx
-var import_react17 = require("react");
+var import_react16 = require("react");
 function SignInSafeIdentifier({ transform }) {
   const strategy = useSignInStrategy();
-  const selector = (0, import_react17.useMemo)(() => SignInSafeIdentifierSelectorForStrategy(strategy), [strategy]);
+  const selector = (0, import_react16.useMemo)(() => SignInSafeIdentifierSelectorForStrategy(strategy), [strategy]);
   const safeIdentifier = SignInRouterCtx.useSelector(selector);
   if (transform) {
     return transform(safeIdentifier);