react-router 0.0.0-experimental-1ebb6d403 → 0.0.0-experimental-01a3132e6

package/dist/development/{chunk-5XVYBMAF.mjs → chunk-IMLGQ7TF.mjs}

@@ -1,5 +1,5 @@
 /**
- * react-router v0.0.0-experimental-1ebb6d403
+ * react-router v0.0.0-experimental-01a3132e6
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -4024,7 +4024,7 @@ function createDeferred() {
 }
 
 // lib/components.tsx
-import * as React4 from "react";
+import * as React3 from "react";
 
 // lib/context.ts
 import * as React from "react";
@@ -4642,23 +4642,8 @@ function warnOnce(condition, message) {
   }
 }
 
-// lib/dom/shared.tsx
-import * as React3 from "react";
+// lib/components.tsx
 var ENABLE_DEV_WARNINGS2 = true;
-function createHref(to) {
-  return typeof to === "string" ? to : createPath(to);
-}
-function encodeLocation(to) {
-  let href = typeof to === "string" ? to : createPath(to);
-  href = href.replace(/ $/, "%20");
-  let encoded = ABSOLUTE_URL_REGEX2.test(href) ? new URL(href) : new URL(href, "http://localhost");
-  return {
-    pathname: encoded.pathname,
-    search: encoded.search,
-    hash: encoded.hash
-  };
-}
-var ABSOLUTE_URL_REGEX2 = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i;
 function mapRouteProperties(route) {
   let updates = {
     // Note: this check also occurs in createRoutesFromChildren so update
@@ -4709,8 +4694,6 @@ function mapRouteProperties(route) {
   }
   return updates;
 }
-
-// lib/components.tsx
 function createMemoryRouter(routes, opts) {
   return createRouter({
     basename: opts?.basename,
@@ -4749,16 +4732,16 @@ function RouterProvider({
   router,
   flushSync: reactDomFlushSyncImpl
 }) {
-  let [state, setStateImpl] = React4.useState(router.state);
-  let [pendingState, setPendingState] = React4.useState();
-  let [vtContext, setVtContext] = React4.useState({
+  let [state, setStateImpl] = React3.useState(router.state);
+  let [pendingState, setPendingState] = React3.useState();
+  let [vtContext, setVtContext] = React3.useState({
     isTransitioning: false
   });
-  let [renderDfd, setRenderDfd] = React4.useState();
-  let [transition, setTransition] = React4.useState();
-  let [interruption, setInterruption] = React4.useState();
-  let fetcherData = React4.useRef(/* @__PURE__ */ new Map());
-  let setState = React4.useCallback(
+  let [renderDfd, setRenderDfd] = React3.useState();
+  let [transition, setTransition] = React3.useState();
+  let [interruption, setInterruption] = React3.useState();
+  let fetcherData = React3.useRef(/* @__PURE__ */ new Map());
+  let setState = React3.useCallback(
     (newState, { deletedFetchers, flushSync, viewTransitionOpts }) => {
       newState.fetchers.forEach((fetcher, key) => {
         if (fetcher.data !== void 0) {
@@ -4779,7 +4762,7 @@ function RouterProvider({
         if (reactDomFlushSyncImpl && flushSync) {
           reactDomFlushSyncImpl(() => setStateImpl(newState));
         } else {
-          React4.startTransition(() => setStateImpl(newState));
+          React3.startTransition(() => setStateImpl(newState));
         }
         return;
       }
@@ -4830,18 +4813,18 @@ function RouterProvider({
     },
     [router.window, reactDomFlushSyncImpl, transition, renderDfd]
   );
-  React4.useLayoutEffect(() => router.subscribe(setState), [router, setState]);
-  React4.useEffect(() => {
+  React3.useLayoutEffect(() => router.subscribe(setState), [router, setState]);
+  React3.useEffect(() => {
     if (vtContext.isTransitioning && !vtContext.flushSync) {
       setRenderDfd(new Deferred());
     }
   }, [vtContext]);
-  React4.useEffect(() => {
+  React3.useEffect(() => {
     if (renderDfd && pendingState && router.window) {
       let newState = pendingState;
       let renderPromise = renderDfd.promise;
       let transition2 = router.window.document.startViewTransition(async () => {
-        React4.startTransition(() => setStateImpl(newState));
+        React3.startTransition(() => setStateImpl(newState));
         await renderPromise;
       });
       transition2.finished.finally(() => {
@@ -4853,12 +4836,12 @@ function RouterProvider({
       setTransition(transition2);
     }
   }, [pendingState, renderDfd, router.window]);
-  React4.useEffect(() => {
+  React3.useEffect(() => {
     if (renderDfd && pendingState && state.location.key === pendingState.location.key) {
       renderDfd.resolve();
     }
   }, [renderDfd, transition, state.location, pendingState]);
-  React4.useEffect(() => {
+  React3.useEffect(() => {
     if (!vtContext.isTransitioning && interruption) {
       setPendingState(interruption.state);
       setVtContext({
@@ -4870,7 +4853,7 @@ function RouterProvider({
       setInterruption(void 0);
     }
   }, [vtContext.isTransitioning, interruption]);
-  let navigator2 = React4.useMemo(() => {
+  let navigator2 = React3.useMemo(() => {
     return {
       createHref: router.createHref,
       encodeLocation: router.encodeLocation,
@@ -4887,7 +4870,7 @@ function RouterProvider({
     };
   }, [router]);
   let basename = router.basename || "/";
-  let dataRouterContext = React4.useMemo(
+  let dataRouterContext = React3.useMemo(
     () => ({
       router,
       navigator: navigator2,
@@ -4896,7 +4879,7 @@ function RouterProvider({
     }),
     [router, navigator2, basename]
   );
-  return /* @__PURE__ */ React4.createElement(React4.Fragment, null, /* @__PURE__ */ React4.createElement(DataRouterContext.Provider, { value: dataRouterContext }, /* @__PURE__ */ React4.createElement(DataRouterStateContext.Provider, { value: state }, /* @__PURE__ */ React4.createElement(FetchersContext.Provider, { value: fetcherData.current }, /* @__PURE__ */ React4.createElement(ViewTransitionContext.Provider, { value: vtContext }, /* @__PURE__ */ React4.createElement(
+  return /* @__PURE__ */ React3.createElement(React3.Fragment, null, /* @__PURE__ */ React3.createElement(DataRouterContext.Provider, { value: dataRouterContext }, /* @__PURE__ */ React3.createElement(DataRouterStateContext.Provider, { value: state }, /* @__PURE__ */ React3.createElement(FetchersContext.Provider, { value: fetcherData.current }, /* @__PURE__ */ React3.createElement(ViewTransitionContext.Provider, { value: vtContext }, /* @__PURE__ */ React3.createElement(
     Router,
     {
       basename,
@@ -4904,7 +4887,7 @@ function RouterProvider({
       navigationType: state.historyAction,
       navigator: navigator2
     },
-    /* @__PURE__ */ React4.createElement(
+    /* @__PURE__ */ React3.createElement(
       MemoizedDataRoutes,
       {
         routes: router.routes,
@@ -4914,7 +4897,7 @@ function RouterProvider({
     )
   ))))), null);
 }
-var MemoizedDataRoutes = React4.memo(DataRoutes);
+var MemoizedDataRoutes = React3.memo(DataRoutes);
 function DataRoutes({
   routes,
   future,
@@ -4928,7 +4911,7 @@ function MemoryRouter({
   initialEntries,
   initialIndex
 }) {
-  let historyRef = React4.useRef();
+  let historyRef = React3.useRef();
   if (historyRef.current == null) {
     historyRef.current = createMemoryHistory({
       initialEntries,
@@ -4937,18 +4920,18 @@ function MemoryRouter({
     });
   }
   let history = historyRef.current;
-  let [state, setStateImpl] = React4.useState({
+  let [state, setStateImpl] = React3.useState({
     action: history.action,
     location: history.location
   });
-  let setState = React4.useCallback(
+  let setState = React3.useCallback(
     (newState) => {
-      React4.startTransition(() => setStateImpl(newState));
+      React3.startTransition(() => setStateImpl(newState));
     },
     [setStateImpl]
   );
-  React4.useLayoutEffect(() => history.listen(setState), [history, setState]);
-  return /* @__PURE__ */ React4.createElement(
+  React3.useLayoutEffect(() => history.listen(setState), [history, setState]);
+  return /* @__PURE__ */ React3.createElement(
     Router,
     {
       basename,
@@ -4971,12 +4954,12 @@ function Navigate({
     // the router loaded. We can help them understand how to avoid that.
     `<Navigate> may be used only in the context of a <Router> component.`
   );
-  let { static: isStatic } = React4.useContext(NavigationContext);
+  let { static: isStatic } = React3.useContext(NavigationContext);
   warning(
     !isStatic,
     `<Navigate> must not be used on the initial render in a <StaticRouter>. This is a no-op, but you should modify your code so the <Navigate> is only ever rendered in response to some user interaction or state change.`
   );
-  let { matches } = React4.useContext(RouteContext);
+  let { matches } = React3.useContext(RouteContext);
   let { pathname: locationPathname } = useLocation();
   let navigate = useNavigate();
   let path = resolveTo(
@@ -4986,7 +4969,7 @@ function Navigate({
     relative === "path"
   );
   let jsonPath = JSON.stringify(path);
-  React4.useEffect(() => {
+  React3.useEffect(() => {
     navigate(JSON.parse(jsonPath), { replace: replace2, state, relative });
   }, [navigate, jsonPath, relative, replace2, state]);
   return null;
@@ -5013,7 +4996,7 @@ function Router({
     `You cannot render a <Router> inside another <Router>. You should never have more than one in your app.`
   );
   let basename = basenameProp.replace(/^\/*/, "/");
-  let navigationContext = React4.useMemo(
+  let navigationContext = React3.useMemo(
     () => ({
       basename,
       navigator: navigator2,
@@ -5032,7 +5015,7 @@ function Router({
     state = null,
     key = "default"
   } = locationProp;
-  let locationContext = React4.useMemo(() => {
+  let locationContext = React3.useMemo(() => {
     let trailingPathname = stripBasename(pathname, basename);
     if (trailingPathname == null) {
       return null;
@@ -5055,7 +5038,7 @@ function Router({
   if (locationContext == null) {
     return null;
   }
-  return /* @__PURE__ */ React4.createElement(NavigationContext.Provider, { value: navigationContext }, /* @__PURE__ */ React4.createElement(LocationContext.Provider, { children, value: locationContext }));
+  return /* @__PURE__ */ React3.createElement(NavigationContext.Provider, { value: navigationContext }, /* @__PURE__ */ React3.createElement(LocationContext.Provider, { children, value: locationContext }));
 }
 function Routes({
   children,
@@ -5068,9 +5051,9 @@ function Await({
   errorElement,
   resolve
 }) {
-  return /* @__PURE__ */ React4.createElement(AwaitErrorBoundary, { resolve, errorElement }, /* @__PURE__ */ React4.createElement(ResolveAwait, null, children));
+  return /* @__PURE__ */ React3.createElement(AwaitErrorBoundary, { resolve, errorElement }, /* @__PURE__ */ React3.createElement(ResolveAwait, null, children));
 }
-var AwaitErrorBoundary = class extends React4.Component {
+var AwaitErrorBoundary = class extends React3.Component {
   constructor(props) {
     super(props);
     this.state = { error: null };
@@ -5116,10 +5099,10 @@ var AwaitErrorBoundary = class extends React4.Component {
       throw promise._error;
     }
     if (status === 2 /* error */) {
-      return /* @__PURE__ */ React4.createElement(AwaitContext.Provider, { value: promise, children: errorElement });
+      return /* @__PURE__ */ React3.createElement(AwaitContext.Provider, { value: promise, children: errorElement });
     }
     if (status === 1 /* success */) {
-      return /* @__PURE__ */ React4.createElement(AwaitContext.Provider, { value: promise, children });
+      return /* @__PURE__ */ React3.createElement(AwaitContext.Provider, { value: promise, children });
     }
     throw promise;
   }
@@ -5129,16 +5112,16 @@ function ResolveAwait({
 }) {
   let data2 = useAsyncValue();
   let toRender = typeof children === "function" ? children(data2) : children;
-  return /* @__PURE__ */ React4.createElement(React4.Fragment, null, toRender);
+  return /* @__PURE__ */ React3.createElement(React3.Fragment, null, toRender);
 }
 function createRoutesFromChildren(children, parentPath = []) {
   let routes = [];
-  React4.Children.forEach(children, (element, index) => {
-    if (!React4.isValidElement(element)) {
+  React3.Children.forEach(children, (element, index) => {
+    if (!React3.isValidElement(element)) {
       return;
     }
     let treePath = [...parentPath, index];
-    if (element.type === React4.Fragment) {
+    if (element.type === React3.Fragment) {
       routes.push.apply(
         routes,
         createRoutesFromChildren(element.props.children, treePath)
@@ -5187,7 +5170,7 @@ function renderMatches(matches) {
 }
 
 // lib/dom/lib.tsx
-import * as React11 from "react";
+import * as React10 from "react";
 
 // lib/dom/dom.ts
 var defaultMethod = "get";
@@ -5318,7 +5301,7 @@ function getFormSubmissionInfo(target, basename) {
 }
 
 // lib/dom/ssr/components.tsx
-import * as React10 from "react";
+import * as React9 from "react";
 
 // lib/dom/ssr/invariant.ts
 function invariant2(value, message) {
@@ -5570,7 +5553,7 @@ function createHtml(html) {
 }
 
 // lib/dom/ssr/single-fetch.tsx
-import * as React5 from "react";
+import * as React4 from "react";
 import { decode } from "turbo-stream";
 
 // lib/dom/ssr/data.ts
@@ -5628,7 +5611,7 @@ function StreamTransfer({
     throw promise;
   }
   let { done, value } = promise.result;
-  let scriptTag = value ? /* @__PURE__ */ React5.createElement(
+  let scriptTag = value ? /* @__PURE__ */ React4.createElement(
     "script",
     {
       nonce,
@@ -5640,7 +5623,7 @@ function StreamTransfer({
     }
   ) : null;
   if (done) {
-    return /* @__PURE__ */ React5.createElement(React5.Fragment, null, scriptTag, /* @__PURE__ */ React5.createElement(
+    return /* @__PURE__ */ React4.createElement(React4.Fragment, null, scriptTag, /* @__PURE__ */ React4.createElement(
       "script",
       {
         nonce,
@@ -5650,7 +5633,7 @@ function StreamTransfer({
       }
     ));
   } else {
-    return /* @__PURE__ */ React5.createElement(React5.Fragment, null, scriptTag, /* @__PURE__ */ React5.createElement(React5.Suspense, null, /* @__PURE__ */ React5.createElement(
+    return /* @__PURE__ */ React4.createElement(React4.Fragment, null, scriptTag, /* @__PURE__ */ React4.createElement(React4.Suspense, null, /* @__PURE__ */ React4.createElement(
       StreamTransfer,
       {
         context,
@@ -5936,14 +5919,14 @@ function createDeferred2() {
 }
 
 // lib/dom/ssr/fog-of-war.ts
-import * as React9 from "react";
+import * as React8 from "react";
 
 // lib/dom/ssr/routes.tsx
-import * as React8 from "react";
+import * as React7 from "react";
 
 // lib/dom/ssr/errorBoundaries.tsx
-import * as React6 from "react";
-var RemixErrorBoundary = class extends React6.Component {
+import * as React5 from "react";
+var RemixErrorBoundary = class extends React5.Component {
   constructor(props) {
     super(props);
     this.state = { error: props.error || null, location: props.location };
@@ -5959,7 +5942,7 @@ var RemixErrorBoundary = class extends React6.Component {
   }
   render() {
     if (this.state.error) {
-      return /* @__PURE__ */ React6.createElement(
+      return /* @__PURE__ */ React5.createElement(
         RemixRootDefaultErrorBoundary,
         {
           error: this.state.error,
@@ -5976,7 +5959,7 @@ function RemixRootDefaultErrorBoundary({
   isOutsideRemixApp
 }) {
   console.error(error);
-  let heyDeveloper = /* @__PURE__ */ React6.createElement(
+  let heyDeveloper = /* @__PURE__ */ React5.createElement(
     "script",
     {
       dangerouslySetInnerHTML: {
@@ -5989,7 +5972,7 @@ function RemixRootDefaultErrorBoundary({
     }
   );
   if (isRouteErrorResponse(error)) {
-    return /* @__PURE__ */ React6.createElement(BoundaryShell, { title: "Unhandled Thrown Response!" }, /* @__PURE__ */ React6.createElement("h1", { style: { fontSize: "24px" } }, error.status, " ", error.statusText), heyDeveloper);
+    return /* @__PURE__ */ React5.createElement(BoundaryShell, { title: "Unhandled Thrown Response!" }, /* @__PURE__ */ React5.createElement("h1", { style: { fontSize: "24px" } }, error.status, " ", error.statusText), heyDeveloper);
   }
   let errorInstance;
   if (error instanceof Error) {
@@ -5998,14 +5981,14 @@ function RemixRootDefaultErrorBoundary({
     let errorString = error == null ? "Unknown Error" : typeof error === "object" && "toString" in error ? error.toString() : JSON.stringify(error);
     errorInstance = new Error(errorString);
   }
-  return /* @__PURE__ */ React6.createElement(
+  return /* @__PURE__ */ React5.createElement(
     BoundaryShell,
     {
       title: "Application Error!",
       isOutsideRemixApp
     },
-    /* @__PURE__ */ React6.createElement("h1", { style: { fontSize: "24px" } }, "Application Error"),
-    /* @__PURE__ */ React6.createElement(
+    /* @__PURE__ */ React5.createElement("h1", { style: { fontSize: "24px" } }, "Application Error"),
+    /* @__PURE__ */ React5.createElement(
       "pre",
       {
         style: {
@@ -6030,19 +6013,19 @@ function BoundaryShell({
   if (routeModules.root?.Layout && !isOutsideRemixApp) {
     return children;
   }
-  return /* @__PURE__ */ React6.createElement("html", { lang: "en" }, /* @__PURE__ */ React6.createElement("head", null, /* @__PURE__ */ React6.createElement("meta", { charSet: "utf-8" }), /* @__PURE__ */ React6.createElement(
+  return /* @__PURE__ */ React5.createElement("html", { lang: "en" }, /* @__PURE__ */ React5.createElement("head", null, /* @__PURE__ */ React5.createElement("meta", { charSet: "utf-8" }), /* @__PURE__ */ React5.createElement(
     "meta",
     {
       name: "viewport",
       content: "width=device-width,initial-scale=1,viewport-fit=cover"
     }
-  ), /* @__PURE__ */ React6.createElement("title", null, title)), /* @__PURE__ */ React6.createElement("body", null, /* @__PURE__ */ React6.createElement("main", { style: { fontFamily: "system-ui, sans-serif", padding: "2rem" } }, children, renderScripts ? /* @__PURE__ */ React6.createElement(Scripts, null) : null)));
+  ), /* @__PURE__ */ React5.createElement("title", null, title)), /* @__PURE__ */ React5.createElement("body", null, /* @__PURE__ */ React5.createElement("main", { style: { fontFamily: "system-ui, sans-serif", padding: "2rem" } }, children, renderScripts ? /* @__PURE__ */ React5.createElement(Scripts, null) : null)));
 }
 
 // lib/dom/ssr/fallback.tsx
-import * as React7 from "react";
+import * as React6 from "react";
 function RemixRootDefaultHydrateFallback() {
-  return /* @__PURE__ */ React7.createElement(BoundaryShell, { title: "Loading...", renderScripts: true }, /* @__PURE__ */ React7.createElement(
+  return /* @__PURE__ */ React6.createElement(BoundaryShell, { title: "Loading...", renderScripts: true }, /* @__PURE__ */ React6.createElement(
     "script",
     {
       dangerouslySetInnerHTML: {
@@ -6076,17 +6059,17 @@ function groupRoutesByParentId(manifest) {
 function getRouteComponents(route, routeModule, isSpaMode) {
   let Component4 = getRouteModuleComponent(routeModule);
   let HydrateFallback = routeModule.HydrateFallback && (!isSpaMode || route.id === "root") ? routeModule.HydrateFallback : route.id === "root" ? RemixRootDefaultHydrateFallback : void 0;
-  let ErrorBoundary = routeModule.ErrorBoundary ? routeModule.ErrorBoundary : route.id === "root" ? () => /* @__PURE__ */ React8.createElement(RemixRootDefaultErrorBoundary, { error: useRouteError() }) : void 0;
+  let ErrorBoundary = routeModule.ErrorBoundary ? routeModule.ErrorBoundary : route.id === "root" ? () => /* @__PURE__ */ React7.createElement(RemixRootDefaultErrorBoundary, { error: useRouteError() }) : void 0;
   if (route.id === "root" && routeModule.Layout) {
     return {
       ...Component4 ? {
-        element: /* @__PURE__ */ React8.createElement(routeModule.Layout, null, /* @__PURE__ */ React8.createElement(Component4, null))
+        element: /* @__PURE__ */ React7.createElement(routeModule.Layout, null, /* @__PURE__ */ React7.createElement(Component4, null))
       } : { Component: Component4 },
       ...ErrorBoundary ? {
-        errorElement: /* @__PURE__ */ React8.createElement(routeModule.Layout, null, /* @__PURE__ */ React8.createElement(ErrorBoundary, null))
+        errorElement: /* @__PURE__ */ React7.createElement(routeModule.Layout, null, /* @__PURE__ */ React7.createElement(ErrorBoundary, null))
       } : { ErrorBoundary },
       ...HydrateFallback ? {
-        hydrateFallbackElement: /* @__PURE__ */ React8.createElement(routeModule.Layout, null, /* @__PURE__ */ React8.createElement(HydrateFallback, null))
+        hydrateFallbackElement: /* @__PURE__ */ React7.createElement(routeModule.Layout, null, /* @__PURE__ */ React7.createElement(HydrateFallback, null))
       } : { HydrateFallback }
     };
   }
@@ -6444,7 +6427,7 @@ function getPatchRoutesOnNavigationFunction(manifest, routeModules, isSpaMode, b
   };
 }
 function useFogOFWarDiscovery(router, manifest, routeModules, isSpaMode) {
-  React9.useEffect(() => {
+  React8.useEffect(() => {
     if (!isFogOfWarEnabled(isSpaMode) || navigator.connection?.saveData === true) {
       return;
     }
@@ -6573,7 +6556,7 @@ function debounce(callback, wait) {
 
 // lib/dom/ssr/components.tsx
 function useDataRouterContext2() {
-  let context = React10.useContext(DataRouterContext);
+  let context = React9.useContext(DataRouterContext);
   invariant2(
     context,
     "You must render this element inside a <DataRouterContext.Provider> element"
@@ -6581,17 +6564,17 @@ function useDataRouterContext2() {
   return context;
 }
 function useDataRouterStateContext() {
-  let context = React10.useContext(DataRouterStateContext);
+  let context = React9.useContext(DataRouterStateContext);
   invariant2(
     context,
     "You must render this element inside a <DataRouterStateContext.Provider> element"
   );
   return context;
 }
-var FrameworkContext = React10.createContext(void 0);
+var FrameworkContext = React9.createContext(void 0);
 FrameworkContext.displayName = "FrameworkContext";
 function useFrameworkContext() {
-  let context = React10.useContext(FrameworkContext);
+  let context = React9.useContext(FrameworkContext);
   invariant2(
     context,
     "You must render this element inside a <HydratedRouter> element"
@@ -6599,12 +6582,12 @@ function useFrameworkContext() {
   return context;
 }
 function usePrefetchBehavior(prefetch, theirElementProps) {
-  let frameworkContext = React10.useContext(FrameworkContext);
-  let [maybePrefetch, setMaybePrefetch] = React10.useState(false);
-  let [shouldPrefetch, setShouldPrefetch] = React10.useState(false);
+  let frameworkContext = React9.useContext(FrameworkContext);
+  let [maybePrefetch, setMaybePrefetch] = React9.useState(false);
+  let [shouldPrefetch, setShouldPrefetch] = React9.useState(false);
   let { onFocus, onBlur, onMouseEnter, onMouseLeave, onTouchStart } = theirElementProps;
-  let ref = React10.useRef(null);
-  React10.useEffect(() => {
+  let ref = React9.useRef(null);
+  React9.useEffect(() => {
     if (prefetch === "render") {
       setShouldPrefetch(true);
     }
@@ -6621,7 +6604,7 @@ function usePrefetchBehavior(prefetch, theirElementProps) {
       };
     }
   }, [prefetch]);
-  React10.useEffect(() => {
+  React9.useEffect(() => {
     if (maybePrefetch) {
       let id = setTimeout(() => {
         setShouldPrefetch(true);
@@ -6678,12 +6661,12 @@ function Links() {
   let { isSpaMode, manifest, routeModules, criticalCss } = useFrameworkContext();
   let { errors, matches: routerMatches } = useDataRouterStateContext();
   let matches = getActiveMatches(routerMatches, errors, isSpaMode);
-  let keyedLinks = React10.useMemo(
+  let keyedLinks = React9.useMemo(
     () => getKeyedLinksForMatches(matches, routeModules, manifest),
     [matches, routeModules, manifest]
   );
-  return /* @__PURE__ */ React10.createElement(React10.Fragment, null, criticalCss ? /* @__PURE__ */ React10.createElement("style", { dangerouslySetInnerHTML: { __html: criticalCss } }) : null, keyedLinks.map(
-    ({ key, link }) => isPageLinkDescriptor(link) ? /* @__PURE__ */ React10.createElement(PrefetchPageLinks, { key, ...link }) : /* @__PURE__ */ React10.createElement("link", { key, ...link })
+  return /* @__PURE__ */ React9.createElement(React9.Fragment, null, criticalCss ? /* @__PURE__ */ React9.createElement("style", { dangerouslySetInnerHTML: { __html: criticalCss } }) : null, keyedLinks.map(
+    ({ key, link }) => isPageLinkDescriptor(link) ? /* @__PURE__ */ React9.createElement(PrefetchPageLinks, { key, ...link }) : /* @__PURE__ */ React9.createElement("link", { key, ...link })
   ));
 }
 function PrefetchPageLinks({
@@ -6691,19 +6674,19 @@ function PrefetchPageLinks({
   ...dataLinkProps
 }) {
   let { router } = useDataRouterContext2();
-  let matches = React10.useMemo(
+  let matches = React9.useMemo(
     () => matchRoutes(router.routes, page, router.basename),
     [router.routes, page, router.basename]
   );
   if (!matches) {
     return null;
   }
-  return /* @__PURE__ */ React10.createElement(PrefetchPageLinksImpl, { page, matches, ...dataLinkProps });
+  return /* @__PURE__ */ React9.createElement(PrefetchPageLinksImpl, { page, matches, ...dataLinkProps });
 }
 function useKeyedPrefetchLinks(matches) {
   let { manifest, routeModules } = useFrameworkContext();
-  let [keyedPrefetchLinks, setKeyedPrefetchLinks] = React10.useState([]);
-  React10.useEffect(() => {
+  let [keyedPrefetchLinks, setKeyedPrefetchLinks] = React9.useState([]);
+  React9.useEffect(() => {
     let interrupted = false;
     void getKeyedPrefetchLinks(matches, manifest, routeModules).then(
       (links) => {
@@ -6726,7 +6709,7 @@ function PrefetchPageLinksImpl({
   let location = useLocation();
   let { manifest, routeModules } = useFrameworkContext();
   let { loaderData, matches } = useDataRouterStateContext();
-  let newMatchesForData = React10.useMemo(
+  let newMatchesForData = React9.useMemo(
     () => getNewMatchesForLinks(
       page,
       nextMatches,
@@ -6737,7 +6720,7 @@ function PrefetchPageLinksImpl({
     ),
     [page, nextMatches, matches, manifest, location]
   );
-  let newMatchesForAssets = React10.useMemo(
+  let newMatchesForAssets = React9.useMemo(
     () => getNewMatchesForLinks(
       page,
       nextMatches,
@@ -6748,7 +6731,7 @@ function PrefetchPageLinksImpl({
     ),
     [page, nextMatches, matches, manifest, location]
   );
-  let dataHrefs = React10.useMemo(() => {
+  let dataHrefs = React9.useMemo(() => {
     if (page === location.pathname + location.search + location.hash) {
       return [];
     }
@@ -6787,15 +6770,15 @@ function PrefetchPageLinksImpl({
     page,
     routeModules
   ]);
-  let moduleHrefs = React10.useMemo(
+  let moduleHrefs = React9.useMemo(
     () => getModuleLinkHrefs(newMatchesForAssets, manifest),
     [newMatchesForAssets, manifest]
   );
   let keyedPrefetchLinks = useKeyedPrefetchLinks(newMatchesForAssets);
-  return /* @__PURE__ */ React10.createElement(React10.Fragment, null, dataHrefs.map((href) => /* @__PURE__ */ React10.createElement("link", { key: href, rel: "prefetch", as: "fetch", href, ...linkProps })), moduleHrefs.map((href) => /* @__PURE__ */ React10.createElement("link", { key: href, rel: "modulepreload", href, ...linkProps })), keyedPrefetchLinks.map(({ key, link }) => (
+  return /* @__PURE__ */ React9.createElement(React9.Fragment, null, dataHrefs.map((href) => /* @__PURE__ */ React9.createElement("link", { key: href, rel: "prefetch", as: "fetch", href, ...linkProps })), moduleHrefs.map((href) => /* @__PURE__ */ React9.createElement("link", { key: href, rel: "modulepreload", href, ...linkProps })), keyedPrefetchLinks.map(({ key, link }) => (
     // these don't spread `linkProps` because they are full link descriptors
     // already with their own props
-    /* @__PURE__ */ React10.createElement("link", { key, ...link })
+    /* @__PURE__ */ React9.createElement("link", { key, ...link })
   )));
 }
 function Meta() {
@@ -6853,7 +6836,7 @@ function Meta() {
     meta = [...routeMeta];
     leafMeta = meta;
   }
-  return /* @__PURE__ */ React10.createElement(React10.Fragment, null, meta.flat().map((metaProps) => {
+  return /* @__PURE__ */ React9.createElement(React9.Fragment, null, meta.flat().map((metaProps) => {
     if (!metaProps) {
       return null;
     }
@@ -6866,22 +6849,22 @@ function Meta() {
         return null;
       }
       let Comp = tagName;
-      return /* @__PURE__ */ React10.createElement(Comp, { key: JSON.stringify(rest), ...rest });
+      return /* @__PURE__ */ React9.createElement(Comp, { key: JSON.stringify(rest), ...rest });
     }
     if ("title" in metaProps) {
-      return /* @__PURE__ */ React10.createElement("title", { key: "title" }, String(metaProps.title));
+      return /* @__PURE__ */ React9.createElement("title", { key: "title" }, String(metaProps.title));
     }
     if ("charset" in metaProps) {
       metaProps.charSet ?? (metaProps.charSet = metaProps.charset);
       delete metaProps.charset;
     }
     if ("charSet" in metaProps && metaProps.charSet != null) {
-      return typeof metaProps.charSet === "string" ? /* @__PURE__ */ React10.createElement("meta", { key: "charSet", charSet: metaProps.charSet }) : null;
+      return typeof metaProps.charSet === "string" ? /* @__PURE__ */ React9.createElement("meta", { key: "charSet", charSet: metaProps.charSet }) : null;
     }
     if ("script:ld+json" in metaProps) {
       try {
         let json = JSON.stringify(metaProps["script:ld+json"]);
-        return /* @__PURE__ */ React10.createElement(
+        return /* @__PURE__ */ React9.createElement(
           "script",
           {
             key: `script:ld+json:${json}`,
@@ -6893,7 +6876,7 @@ function Meta() {
         return null;
       }
     }
-    return /* @__PURE__ */ React10.createElement("meta", { key: JSON.stringify(metaProps), ...metaProps });
+    return /* @__PURE__ */ React9.createElement("meta", { key: JSON.stringify(metaProps), ...metaProps });
   }));
 }
 function isValidMetaTag(tagName) {
@@ -6909,10 +6892,10 @@ function Scripts(props) {
     renderMeta.didRenderScripts = true;
   }
   let matches = getActiveMatches(routerMatches, null, isSpaMode);
-  React10.useEffect(() => {
+  React9.useEffect(() => {
     isHydrated = true;
   }, []);
-  let initialScripts = React10.useMemo(() => {
+  let initialScripts = React9.useMemo(() => {
     let streamScript = "window.__reactRouterContext.stream = new ReadableStream({start(controller){window.__reactRouterContext.streamController = controller;}}).pipeThrough(new TextEncoderStream());";
     let contextScript = staticContext ? `window.__reactRouterContext = ${serverHandoffString};${streamScript}` : " ";
     let routeModulesScript = !isStatic ? " " : `${manifest.hmr?.runtime ? `import ${JSON.stringify(manifest.hmr.runtime)};` : ""}${!enableFogOfWar ? `import ${JSON.stringify(manifest.url)}` : ""};
@@ -6932,7 +6915,7 @@ ${matches.map(
   window.__reactRouterRouteModules = {${matches.map((match, index) => `${JSON.stringify(match.route.id)}:route${index}`).join(",")}};
 
 import(${JSON.stringify(manifest.entry.module)});`;
-    return /* @__PURE__ */ React10.createElement(React10.Fragment, null, /* @__PURE__ */ React10.createElement(
+    return /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement(
       "script",
       {
         ...props,
@@ -6940,7 +6923,7 @@ import(${JSON.stringify(manifest.entry.module)});`;
         dangerouslySetInnerHTML: createHtml(contextScript),
         type: void 0
       }
-    ), /* @__PURE__ */ React10.createElement(
+    ), /* @__PURE__ */ React9.createElement(
       "script",
       {
         ...props,
@@ -6956,21 +6939,21 @@ import(${JSON.stringify(manifest.entry.module)});`;
     return route ? (route.imports || []).concat([route.module]) : [];
   }).flat(1);
   let preloads = isHydrated ? [] : manifest.entry.imports.concat(routePreloads);
-  return isHydrated ? null : /* @__PURE__ */ React10.createElement(React10.Fragment, null, !enableFogOfWar ? /* @__PURE__ */ React10.createElement(
+  return isHydrated ? null : /* @__PURE__ */ React9.createElement(React9.Fragment, null, !enableFogOfWar ? /* @__PURE__ */ React9.createElement(
     "link",
     {
       rel: "modulepreload",
       href: manifest.url,
       crossOrigin: props.crossOrigin
     }
-  ) : null, /* @__PURE__ */ React10.createElement(
+  ) : null, /* @__PURE__ */ React9.createElement(
     "link",
     {
       rel: "modulepreload",
       href: manifest.entry.module,
       crossOrigin: props.crossOrigin
     }
-  ), dedupe(preloads).map((path) => /* @__PURE__ */ React10.createElement(
+  ), dedupe(preloads).map((path) => /* @__PURE__ */ React9.createElement(
     "link",
     {
       key: path,
@@ -6999,7 +6982,7 @@ function mergeRefs(...refs) {
 var isBrowser = typeof window !== "undefined" && typeof window.document !== "undefined" && typeof window.document.createElement !== "undefined";
 try {
   if (isBrowser) {
-    window.__reactRouterVersion = "0.0.0-experimental-1ebb6d403";
+    window.__reactRouterVersion = "0.0.0-experimental-01a3132e6";
   }
 } catch (e) {
 }
@@ -7079,23 +7062,23 @@ function BrowserRouter({
   children,
   window: window2
 }) {
-  let historyRef = React11.useRef();
+  let historyRef = React10.useRef();
   if (historyRef.current == null) {
     historyRef.current = createBrowserHistory({ window: window2, v5Compat: true });
   }
   let history = historyRef.current;
-  let [state, setStateImpl] = React11.useState({
+  let [state, setStateImpl] = React10.useState({
     action: history.action,
     location: history.location
   });
-  let setState = React11.useCallback(
+  let setState = React10.useCallback(
     (newState) => {
-      React11.startTransition(() => setStateImpl(newState));
+      React10.startTransition(() => setStateImpl(newState));
     },
     [setStateImpl]
   );
-  React11.useLayoutEffect(() => history.listen(setState), [history, setState]);
-  return /* @__PURE__ */ React11.createElement(
+  React10.useLayoutEffect(() => history.listen(setState), [history, setState]);
+  return /* @__PURE__ */ React10.createElement(
     Router,
     {
       basename,
@@ -7107,23 +7090,23 @@ function BrowserRouter({
   );
 }
 function HashRouter({ basename, children, window: window2 }) {
-  let historyRef = React11.useRef();
+  let historyRef = React10.useRef();
   if (historyRef.current == null) {
     historyRef.current = createHashHistory({ window: window2, v5Compat: true });
   }
   let history = historyRef.current;
-  let [state, setStateImpl] = React11.useState({
+  let [state, setStateImpl] = React10.useState({
     action: history.action,
     location: history.location
   });
-  let setState = React11.useCallback(
+  let setState = React10.useCallback(
     (newState) => {
-      React11.startTransition(() => setStateImpl(newState));
+      React10.startTransition(() => setStateImpl(newState));
     },
     [setStateImpl]
   );
-  React11.useLayoutEffect(() => history.listen(setState), [history, setState]);
-  return /* @__PURE__ */ React11.createElement(
+  React10.useLayoutEffect(() => history.listen(setState), [history, setState]);
+  return /* @__PURE__ */ React10.createElement(
     Router,
     {
       basename,
@@ -7139,18 +7122,18 @@ function HistoryRouter({
   children,
   history
 }) {
-  let [state, setStateImpl] = React11.useState({
+  let [state, setStateImpl] = React10.useState({
     action: history.action,
     location: history.location
   });
-  let setState = React11.useCallback(
+  let setState = React10.useCallback(
     (newState) => {
-      React11.startTransition(() => setStateImpl(newState));
+      React10.startTransition(() => setStateImpl(newState));
     },
     [setStateImpl]
   );
-  React11.useLayoutEffect(() => history.listen(setState), [history, setState]);
-  return /* @__PURE__ */ React11.createElement(
+  React10.useLayoutEffect(() => history.listen(setState), [history, setState]);
+  return /* @__PURE__ */ React10.createElement(
     Router,
     {
       basename,
@@ -7162,8 +7145,8 @@ function HistoryRouter({
   );
 }
 HistoryRouter.displayName = "unstable_HistoryRouter";
-var ABSOLUTE_URL_REGEX3 = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i;
-var Link = React11.forwardRef(
+var ABSOLUTE_URL_REGEX2 = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i;
+var Link = React10.forwardRef(
   function LinkWithRef({
     onClick,
     discover = "render",
@@ -7178,8 +7161,8 @@ var Link = React11.forwardRef(
     viewTransition,
     ...rest
   }, forwardedRef) {
-    let { basename } = React11.useContext(NavigationContext);
-    let isAbsolute = typeof to === "string" && ABSOLUTE_URL_REGEX3.test(to);
+    let { basename } = React10.useContext(NavigationContext);
+    let isAbsolute = typeof to === "string" && ABSOLUTE_URL_REGEX2.test(to);
     let absoluteHref;
     let isExternal = false;
     if (typeof to === "string" && isAbsolute) {
@@ -7223,7 +7206,7 @@ var Link = React11.forwardRef(
     }
     let link = (
       // eslint-disable-next-line jsx-a11y/anchor-has-content
-      /* @__PURE__ */ React11.createElement(
+      /* @__PURE__ */ React10.createElement(
         "a",
         {
           ...rest,
@@ -7236,11 +7219,11 @@ var Link = React11.forwardRef(
         }
       )
     );
-    return shouldPrefetch && !isAbsolute ? /* @__PURE__ */ React11.createElement(React11.Fragment, null, link, /* @__PURE__ */ React11.createElement(PrefetchPageLinks, { page: href })) : link;
+    return shouldPrefetch && !isAbsolute ? /* @__PURE__ */ React10.createElement(React10.Fragment, null, link, /* @__PURE__ */ React10.createElement(PrefetchPageLinks, { page: href })) : link;
   }
 );
 Link.displayName = "Link";
-var NavLink = React11.forwardRef(
+var NavLink = React10.forwardRef(
   function NavLinkWithRef({
     "aria-current": ariaCurrentProp = "page",
     caseSensitive = false,
@@ -7254,8 +7237,8 @@ var NavLink = React11.forwardRef(
   }, ref) {
     let path = useResolvedPath(to, { relative: rest.relative });
     let location = useLocation();
-    let routerState = React11.useContext(DataRouterStateContext);
-    let { navigator: navigator2, basename } = React11.useContext(NavigationContext);
+    let routerState = React10.useContext(DataRouterStateContext);
+    let { navigator: navigator2, basename } = React10.useContext(NavigationContext);
     let isTransitioning = routerState != null && // Conditional usage is OK here because the usage of a data router is static
     // eslint-disable-next-line react-hooks/rules-of-hooks
     useViewTransitionState(path) && viewTransition === true;
@@ -7291,7 +7274,7 @@ var NavLink = React11.forwardRef(
       ].filter(Boolean).join(" ");
     }
     let style = typeof styleProp === "function" ? styleProp(renderProps) : styleProp;
-    return /* @__PURE__ */ React11.createElement(
+    return /* @__PURE__ */ React10.createElement(
       Link,
       {
         ...rest,
@@ -7307,7 +7290,7 @@ var NavLink = React11.forwardRef(
   }
 );
 NavLink.displayName = "NavLink";
-var Form = React11.forwardRef(
+var Form = React10.forwardRef(
   ({
     discover = "render",
     fetcherKey,
@@ -7326,7 +7309,7 @@ var Form = React11.forwardRef(
     let submit = useSubmit();
     let formAction = useFormAction(action, { relative });
     let formMethod = method.toLowerCase() === "get" ? "get" : "post";
-    let isAbsolute = typeof action === "string" && ABSOLUTE_URL_REGEX3.test(action);
+    let isAbsolute = typeof action === "string" && ABSOLUTE_URL_REGEX2.test(action);
     let submitHandler = (event) => {
       onSubmit && onSubmit(event);
       if (event.defaultPrevented) return;
@@ -7344,7 +7327,7 @@ var Form = React11.forwardRef(
         viewTransition
       });
     };
-    return /* @__PURE__ */ React11.createElement(
+    return /* @__PURE__ */ React10.createElement(
       "form",
       {
         ref: forwardedRef,
@@ -7363,12 +7346,12 @@ function ScrollRestoration({
   storageKey,
   ...props
 }) {
-  let remixContext = React11.useContext(FrameworkContext);
-  let { basename } = React11.useContext(NavigationContext);
+  let remixContext = React10.useContext(FrameworkContext);
+  let { basename } = React10.useContext(NavigationContext);
   let location = useLocation();
   let matches = useMatches();
   useScrollRestoration({ getKey, storageKey });
-  let ssrKey = React11.useMemo(
+  let ssrKey = React10.useMemo(
     () => {
       if (!remixContext || !getKey) return null;
       let userKey = getScrollRestorationKey(
@@ -7402,7 +7385,7 @@ function ScrollRestoration({
       sessionStorage.removeItem(storageKey2);
     }
   }).toString();
-  return /* @__PURE__ */ React11.createElement(
+  return /* @__PURE__ */ React10.createElement(
     "script",
     {
       ...props,
@@ -7420,12 +7403,12 @@ function getDataRouterConsoleError2(hookName) {
   return `${hookName} must be used within a data router.  See https://reactrouter.com/en/main/routers/picking-a-router.`;
 }
 function useDataRouterContext3(hookName) {
-  let ctx = React11.useContext(DataRouterContext);
+  let ctx = React10.useContext(DataRouterContext);
   invariant(ctx, getDataRouterConsoleError2(hookName));
   return ctx;
 }
 function useDataRouterState2(hookName) {
-  let state = React11.useContext(DataRouterStateContext);
+  let state = React10.useContext(DataRouterStateContext);
   invariant(state, getDataRouterConsoleError2(hookName));
   return state;
 }
@@ -7440,7 +7423,7 @@ function useLinkClickHandler(to, {
   let navigate = useNavigate();
   let location = useLocation();
   let path = useResolvedPath(to, { relative });
-  return React11.useCallback(
+  return React10.useCallback(
     (event) => {
       if (shouldProcessLinkClick(event, target)) {
         event.preventDefault();
@@ -7473,10 +7456,10 @@ function useSearchParams(defaultInit) {
     typeof URLSearchParams !== "undefined",
     `You cannot use the \`useSearchParams\` hook in a browser that does not support the URLSearchParams API. If you need to support Internet Explorer 11, we recommend you load a polyfill such as https://github.com/ungap/url-search-params.`
   );
-  let defaultSearchParamsRef = React11.useRef(createSearchParams(defaultInit));
-  let hasSetSearchParamsRef = React11.useRef(false);
+  let defaultSearchParamsRef = React10.useRef(createSearchParams(defaultInit));
+  let hasSetSearchParamsRef = React10.useRef(false);
   let location = useLocation();
-  let searchParams = React11.useMemo(
+  let searchParams = React10.useMemo(
     () => (
       // Only merge in the defaults if we haven't yet called setSearchParams.
       // Once we call that we want those to take precedence, otherwise you can't
@@ -7489,7 +7472,7 @@ function useSearchParams(defaultInit) {
     [location.search]
   );
   let navigate = useNavigate();
-  let setSearchParams = React11.useCallback(
+  let setSearchParams = React10.useCallback(
     (nextInit, navigateOptions) => {
       const newSearchParams = createSearchParams(
         typeof nextInit === "function" ? nextInit(searchParams) : nextInit
@@ -7505,9 +7488,9 @@ var fetcherId = 0;
 var getUniqueFetcherId = () => `__${String(++fetcherId)}__`;
 function useSubmit() {
   let { router } = useDataRouterContext3("useSubmit" /* UseSubmit */);
-  let { basename } = React11.useContext(NavigationContext);
+  let { basename } = React10.useContext(NavigationContext);
   let currentRouteId = useRouteId();
-  return React11.useCallback(
+  return React10.useCallback(
     async (target, options = {}) => {
       let { action, method, encType, formData, body } = getFormSubmissionInfo(
         target,
@@ -7542,8 +7525,8 @@ function useSubmit() {
   );
 }
 function useFormAction(action, { relative } = {}) {
-  let { basename } = React11.useContext(NavigationContext);
-  let routeContext = React11.useContext(RouteContext);
+  let { basename } = React10.useContext(NavigationContext);
+  let routeContext = React10.useContext(RouteContext);
   invariant(routeContext, "useFormAction must be used inside a RouteContext");
   let [match] = routeContext.matches.slice(-1);
   let path = { ...useResolvedPath(action ? action : ".", { relative }) };
@@ -7573,8 +7556,8 @@ function useFetcher({
 } = {}) {
   let { router } = useDataRouterContext3("useFetcher" /* UseFetcher */);
   let state = useDataRouterState2("useFetcher" /* UseFetcher */);
-  let fetcherData = React11.useContext(FetchersContext);
-  let route = React11.useContext(RouteContext);
+  let fetcherData = React10.useContext(FetchersContext);
+  let route = React10.useContext(RouteContext);
   let routeId = route.matches[route.matches.length - 1]?.route.id;
   invariant(fetcherData, `useFetcher must be used inside a FetchersContext`);
   invariant(route, `useFetcher must be used inside a RouteContext`);
@@ -7582,16 +7565,16 @@ function useFetcher({
     routeId != null,
     `useFetcher can only be used on routes that contain a unique "id"`
   );
-  let defaultKey = React11.useId();
-  let [fetcherKey, setFetcherKey] = React11.useState(key || defaultKey);
+  let defaultKey = React10.useId();
+  let [fetcherKey, setFetcherKey] = React10.useState(key || defaultKey);
   if (key && key !== fetcherKey) {
     setFetcherKey(key);
   }
-  React11.useEffect(() => {
+  React10.useEffect(() => {
     router.getFetcher(fetcherKey);
     return () => router.deleteFetcher(fetcherKey);
   }, [router, fetcherKey]);
-  let load = React11.useCallback(
+  let load = React10.useCallback(
     async (href, opts) => {
       invariant(routeId, "No routeId available for fetcher.load()");
       await router.fetch(fetcherKey, routeId, href, opts);
@@ -7599,7 +7582,7 @@ function useFetcher({
     [fetcherKey, routeId, router]
   );
   let submitImpl = useSubmit();
-  let submit = React11.useCallback(
+  let submit = React10.useCallback(
     async (target, opts) => {
       await submitImpl(target, {
         ...opts,
@@ -7609,10 +7592,10 @@ function useFetcher({
     },
     [fetcherKey, submitImpl]
   );
-  let FetcherForm = React11.useMemo(() => {
-    let FetcherForm2 = React11.forwardRef(
+  let FetcherForm = React10.useMemo(() => {
+    let FetcherForm2 = React10.forwardRef(
       (props, ref) => {
-        return /* @__PURE__ */ React11.createElement(Form, { ...props, navigate: false, fetcherKey, ref });
+        return /* @__PURE__ */ React10.createElement(Form, { ...props, navigate: false, fetcherKey, ref });
       }
     );
     FetcherForm2.displayName = "fetcher.Form";
@@ -7620,7 +7603,7 @@ function useFetcher({
   }, [fetcherKey]);
   let fetcher = state.fetchers.get(fetcherKey) || IDLE_FETCHER;
   let data2 = fetcherData.get(fetcherKey);
-  let fetcherWithComponents = React11.useMemo(
+  let fetcherWithComponents = React10.useMemo(
     () => ({
       Form: FetcherForm,
       submit,
@@ -7669,18 +7652,18 @@ function useScrollRestoration({
   let { restoreScrollPosition, preventScrollReset } = useDataRouterState2(
     "useScrollRestoration" /* UseScrollRestoration */
   );
-  let { basename } = React11.useContext(NavigationContext);
+  let { basename } = React10.useContext(NavigationContext);
   let location = useLocation();
   let matches = useMatches();
   let navigation = useNavigation();
-  React11.useEffect(() => {
+  React10.useEffect(() => {
     window.history.scrollRestoration = "manual";
     return () => {
       window.history.scrollRestoration = "auto";
     };
   }, []);
   usePageHide(
-    React11.useCallback(() => {
+    React10.useCallback(() => {
       if (navigation.state === "idle") {
         let key = getScrollRestorationKey(location, matches, basename, getKey);
         savedScrollPositions[key] = window.scrollY;
@@ -7700,7 +7683,7 @@ function useScrollRestoration({
     }, [navigation.state, getKey, basename, location, matches, storageKey])
   );
   if (typeof document !== "undefined") {
-    React11.useLayoutEffect(() => {
+    React10.useLayoutEffect(() => {
       try {
         let sessionPositions = sessionStorage.getItem(
           storageKey || SCROLL_RESTORATION_STORAGE_KEY
@@ -7711,7 +7694,7 @@ function useScrollRestoration({
       } catch (e) {
       }
     }, [storageKey]);
-    React11.useLayoutEffect(() => {
+    React10.useLayoutEffect(() => {
       let disableScrollRestoration = router?.enableScrollRestoration(
         savedScrollPositions,
         () => window.scrollY,
@@ -7719,7 +7702,7 @@ function useScrollRestoration({
       );
       return () => disableScrollRestoration && disableScrollRestoration();
     }, [router, basename, getKey]);
-    React11.useLayoutEffect(() => {
+    React10.useLayoutEffect(() => {
       if (restoreScrollPosition === false) {
         return;
       }
@@ -7745,7 +7728,7 @@ function useScrollRestoration({
 }
 function useBeforeUnload(callback, options) {
   let { capture } = options || {};
-  React11.useEffect(() => {
+  React10.useEffect(() => {
     let opts = capture != null ? { capture } : void 0;
     window.addEventListener("beforeunload", callback, opts);
     return () => {
@@ -7755,7 +7738,7 @@ function useBeforeUnload(callback, options) {
 }
 function usePageHide(callback, options) {
   let { capture } = options || {};
-  React11.useEffect(() => {
+  React10.useEffect(() => {
     let opts = capture != null ? { capture } : void 0;
     window.addEventListener("pagehide", callback, opts);
     return () => {
@@ -7768,7 +7751,7 @@ function usePrompt({
   message
 }) {
   let blocker = useBlocker(when);
-  React11.useEffect(() => {
+  React10.useEffect(() => {
     if (blocker.state === "blocked") {
       let proceed = window.confirm(message);
       if (proceed) {
@@ -7778,14 +7761,14 @@ function usePrompt({
       }
     }
   }, [blocker, message]);
-  React11.useEffect(() => {
+  React10.useEffect(() => {
     if (blocker.state === "blocked" && !when) {
       blocker.reset();
     }
   }, [blocker, when]);
 }
 function useViewTransitionState(to, opts = {}) {
-  let vtContext = React11.useContext(ViewTransitionContext);
+  let vtContext = React10.useContext(ViewTransitionContext);
   invariant(
     vtContext != null,
     "`useViewTransitionState` must be used within `react-router-dom`'s `RouterProvider`.  Did you accidentally import `RouterProvider` from `react-router`?"
@@ -7802,8 +7785,8 @@ function useViewTransitionState(to, opts = {}) {
   return matchPath(path.pathname, nextPath) != null || matchPath(path.pathname, currentPath) != null;
 }
 
-// lib/dom/components.tsx
-import * as React12 from "react";
+// lib/dom/server.tsx
+import * as React11 from "react";
 function StaticRouter({
   basename,
   children,
@@ -7821,7 +7804,7 @@ function StaticRouter({
     key: locationProp.key || "default"
   };
   let staticNavigator = getStatelessNavigator();
-  return /* @__PURE__ */ React12.createElement(
+  return /* @__PURE__ */ React11.createElement(
     Router,
     {
       basename,
@@ -7862,7 +7845,7 @@ function StaticRouterProvider({
     hydrateScript = `window.__staticRouterHydrationData = JSON.parse(${json});`;
   }
   let { state } = dataRouterContext.router;
-  return /* @__PURE__ */ React12.createElement(React12.Fragment, null, /* @__PURE__ */ React12.createElement(DataRouterContext.Provider, { value: dataRouterContext }, /* @__PURE__ */ React12.createElement(DataRouterStateContext.Provider, { value: state }, /* @__PURE__ */ React12.createElement(FetchersContext.Provider, { value: fetchersContext }, /* @__PURE__ */ React12.createElement(ViewTransitionContext.Provider, { value: { isTransitioning: false } }, /* @__PURE__ */ React12.createElement(
+  return /* @__PURE__ */ React11.createElement(React11.Fragment, null, /* @__PURE__ */ React11.createElement(DataRouterContext.Provider, { value: dataRouterContext }, /* @__PURE__ */ React11.createElement(DataRouterStateContext.Provider, { value: state }, /* @__PURE__ */ React11.createElement(FetchersContext.Provider, { value: fetchersContext }, /* @__PURE__ */ React11.createElement(ViewTransitionContext.Provider, { value: { isTransitioning: false } }, /* @__PURE__ */ React11.createElement(
     Router,
     {
       basename: dataRouterContext.basename,
@@ -7871,7 +7854,7 @@ function StaticRouterProvider({
       navigator: dataRouterContext.navigator,
       static: dataRouterContext.static
     },
-    /* @__PURE__ */ React12.createElement(
+    /* @__PURE__ */ React11.createElement(
       DataRoutes2,
       {
         routes: router.routes,
@@ -7879,7 +7862,7 @@ function StaticRouterProvider({
         state
       }
     )
-  ))))), hydrateScript ? /* @__PURE__ */ React12.createElement(
+  ))))), hydrateScript ? /* @__PURE__ */ React11.createElement(
     "script",
     {
       suppressHydrationWarning: true,
@@ -7949,19 +7932,6 @@ function getStatelessNavigator() {
     }
   };
 }
-var ESCAPE_LOOKUP2 = {
-  "&": "\\u0026",
-  ">": "\\u003e",
-  "<": "\\u003c",
-  "\u2028": "\\u2028",
-  "\u2029": "\\u2029"
-};
-var ESCAPE_REGEX2 = /[&><\u2028\u2029]/g;
-function htmlEscape(str) {
-  return str.replace(ESCAPE_REGEX2, (match) => ESCAPE_LOOKUP2[match]);
-}
-
-// lib/dom/server.tsx
 function createStaticHandler2(routes, opts) {
   return createStaticHandler(routes, {
     ...opts,
@@ -8060,9 +8030,34 @@ function createStaticRouter(routes, context, opts = {}) {
     }
   };
 }
+function createHref(to) {
+  return typeof to === "string" ? to : createPath(to);
+}
+function encodeLocation(to) {
+  let href = typeof to === "string" ? to : createPath(to);
+  href = href.replace(/ $/, "%20");
+  let encoded = ABSOLUTE_URL_REGEX3.test(href) ? new URL(href) : new URL(href, "http://localhost");
+  return {
+    pathname: encoded.pathname,
+    search: encoded.search,
+    hash: encoded.hash
+  };
+}
+var ABSOLUTE_URL_REGEX3 = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i;
+var ESCAPE_LOOKUP2 = {
+  "&": "\\u0026",
+  ">": "\\u003e",
+  "<": "\\u003c",
+  "\u2028": "\\u2028",
+  "\u2029": "\\u2029"
+};
+var ESCAPE_REGEX2 = /[&><\u2028\u2029]/g;
+function htmlEscape(str) {
+  return str.replace(ESCAPE_REGEX2, (match) => ESCAPE_LOOKUP2[match]);
+}
 
 // lib/dom/ssr/server.tsx
-import * as React13 from "react";
+import * as React12 from "react";
 function ServerRouter({
   context,
   url,
@@ -8090,7 +8085,7 @@ function ServerRouter({
     }
   }
   let router = createStaticRouter(routes, context.staticHandlerContext);
-  return /* @__PURE__ */ React13.createElement(React13.Fragment, null, /* @__PURE__ */ React13.createElement(
+  return /* @__PURE__ */ React12.createElement(React12.Fragment, null, /* @__PURE__ */ React12.createElement(
     FrameworkContext.Provider,
     {
       value: {
@@ -8104,7 +8099,7 @@ function ServerRouter({
         renderMeta: context.renderMeta
       }
     },
-    /* @__PURE__ */ React13.createElement(RemixErrorBoundary, { location: router.state.location }, /* @__PURE__ */ React13.createElement(
+    /* @__PURE__ */ React12.createElement(RemixErrorBoundary, { location: router.state.location }, /* @__PURE__ */ React12.createElement(
       StaticRouterProvider,
       {
         router,
@@ -8112,7 +8107,7 @@ function ServerRouter({
         hydrate: false
       }
     ))
-  ), context.serverHandoffStream ? /* @__PURE__ */ React13.createElement(React13.Suspense, null, /* @__PURE__ */ React13.createElement(
+  ), context.serverHandoffStream ? /* @__PURE__ */ React12.createElement(React12.Suspense, null, /* @__PURE__ */ React12.createElement(
     StreamTransfer,
     {
       context,
@@ -8125,7 +8120,7 @@ function ServerRouter({
 }
 
 // lib/dom/ssr/routes-test-stub.tsx
-import * as React14 from "react";
+import * as React13 from "react";
 function createRoutesStub(routes, context = {}) {
   return function RoutesTestStub({
     initialEntries,
@@ -8133,8 +8128,8 @@ function createRoutesStub(routes, context = {}) {
     hydrationData,
     future
   }) {
-    let routerRef = React14.useRef();
-    let remixContextRef = React14.useRef();
+    let routerRef = React13.useRef();
+    let remixContextRef = React13.useRef();
     if (routerRef.current == null) {
       remixContextRef.current = {
         future: {},
@@ -8160,7 +8155,7 @@ function createRoutesStub(routes, context = {}) {
         hydrationData
       });
     }
-    return /* @__PURE__ */ React14.createElement(FrameworkContext.Provider, { value: remixContextRef.current }, /* @__PURE__ */ React14.createElement(RouterProvider, { router: routerRef.current }));
+    return /* @__PURE__ */ React13.createElement(FrameworkContext.Provider, { value: remixContextRef.current }, /* @__PURE__ */ React13.createElement(RouterProvider, { router: routerRef.current }));
   };
 }
 function processRoutes(routes, context, manifest, routeModules, parentId) {