react-router-dom - npm Package Compare versions

Comparing version 0.0.0-experimental-f92aa2e1 to 0.0.0-experimental-fbbd4fd81

250

dist/index.d.ts

		@@ -1,246 +0,6 @@
		/**
		* NOTE: If you refactor this to split up the modules into separate files,
		* you'll need to update the rollup config for react-router-dom-v5-compat.
		*/
		import * as React from "react";
		import type { NavigateOptions, RelativeRoutingType, RouteObject, To } from "react-router";
		import type { Fetcher, FormEncType, FormMethod, FutureConfig, GetScrollRestorationKeyFunction, History, HTMLFormMethod, HydrationState, Router as RemixRouter, V7_FormMethod } from "@remix-run/router";
		import type { SubmitOptions, ParamKeyValuePair, URLSearchParamsInit } from "./dom";
		import { createSearchParams } from "./dom";
		export type { FormEncType, FormMethod, GetScrollRestorationKeyFunction, ParamKeyValuePair, SubmitOptions, URLSearchParamsInit, V7_FormMethod, };
		export { createSearchParams };
		export type { ActionFunction, ActionFunctionArgs, AwaitProps, unstable_Blocker, unstable_BlockerFunction, DataRouteMatch, DataRouteObject, Fetcher, Hash, IndexRouteObject, IndexRouteProps, JsonFunction, LazyRouteFunction, LayoutRouteProps, LoaderFunction, LoaderFunctionArgs, Location, MemoryRouterProps, NavigateFunction, NavigateOptions, NavigateProps, Navigation, Navigator, NonIndexRouteObject, OutletProps, Params, ParamParseKey, Path, PathMatch, Pathname, PathPattern, PathRouteProps, RedirectFunction, RelativeRoutingType, RouteMatch, RouteObject, RouteProps, RouterProps, RouterProviderProps, RoutesProps, Search, ShouldRevalidateFunction, To, } from "react-router";
		export { AbortedDeferredError, Await, MemoryRouter, Navigate, NavigationType, Outlet, Route, Router, RouterProvider, Routes, createMemoryRouter, createPath, createRoutesFromChildren, createRoutesFromElements, defer, isRouteErrorResponse, generatePath, json, matchPath, matchRoutes, parsePath, redirect, renderMatches, resolvePath, useActionData, useAsyncError, useAsyncValue, unstable_useBlocker, useHref, useInRouterContext, useLoaderData, useLocation, useMatch, useMatches, useNavigate, useNavigation, useNavigationType, useOutlet, useOutletContext, useParams, useResolvedPath, useRevalidator, useRouteError, useRouteLoaderData, useRoutes, } from "react-router";
		export type { ActionFunction, ActionFunctionArgs, AwaitProps, DataRouteMatch, DataRouteObject, unstable_DataStrategyFunction, unstable_DataStrategyFunctionArgs, unstable_DataStrategyMatch, ErrorResponse, Fetcher, FutureConfig, Hash, IndexRouteObject, IndexRouteProps, JsonFunction, LayoutRouteProps, LazyRouteFunction, LoaderFunction, LoaderFunctionArgs, Location, MemoryRouterProps, NavigateFunction, NavigateOptions, NavigateProps, Navigation, Navigator, NonIndexRouteObject, OutletProps, ParamParseKey, Params, Path, PathMatch, PathParam, PathPattern, PathRouteProps, Pathname, RedirectFunction, RelativeRoutingType, RouteMatch, RouteObject, RouteProps, RouterProps, RouterProviderProps, RoutesProps, Search, ShouldRevalidateFunction, ShouldRevalidateFunctionArgs, To, UIMatch, Blocker, BlockerFunction, unstable_HandlerResult, AgnosticDataIndexRouteObject, AgnosticDataNonIndexRouteObject, AgnosticDataRouteMatch, AgnosticDataRouteObject, AgnosticIndexRouteObject, AgnosticNonIndexRouteObject, AgnosticRouteMatch, AgnosticRouteObject, HydrationState, InitialEntry, StaticHandler, TrackedPromise, UNSAFE_DeferredData, FormEncType, FormMethod, GetScrollRestorationKeyFunction, StaticHandlerContext, V7_FormMethod, BrowserRouterProps, HashRouterProps, HistoryRouterProps, LinkProps, NavLinkProps, FetcherFormProps, FormProps, ScrollRestorationProps, SetURLSearchParams, SubmitFunction, FetcherSubmitFunction, FetcherWithComponents, ParamKeyValuePair, SubmitOptions, URLSearchParamsInit, StaticRouterProps, StaticRouterProviderProps, HtmlLinkDescriptor, ClientActionFunction, ClientActionFunctionArgs, ClientLoaderFunction, ClientLoaderFunctionArgs, MetaArgs, MetaDescriptor, MetaFunction, RemixServerProps, RemixStubProps, } from "react-router";
		export { AbortedDeferredError, Await, MemoryRouter, Navigate, NavigationType, Outlet, Route, Router, RouterProvider, Routes, createMemoryRouter, createPath, createRoutesFromChildren, createRoutesFromChildren as createRoutesFromElements, defer, generatePath, isRouteErrorResponse, json, matchPath, matchRoutes, parsePath, redirect, redirectDocument, renderMatches, resolvePath, useBlocker, useActionData, useAsyncError, useAsyncValue, useHref, useInRouterContext, useLoaderData, useLocation, useMatch, useMatches, useNavigate, useNavigation, useNavigationType, useOutlet, useOutletContext, useParams, useResolvedPath, useRevalidator, useRouteError, useRouteLoaderData, useRoutes, getStaticContextFromError, stripBasename, UNSAFE_DEFERRED_SYMBOL, UNSAFE_convertRoutesToDataRoutes, createBrowserRouter, createHashRouter, BrowserRouter, HashRouter, Link, UNSAFE_ViewTransitionContext, UNSAFE_FetchersContext, unstable_HistoryRouter, NavLink, Form, ScrollRestoration, useLinkClickHandler, useSearchParams, useSubmit, useFormAction, useFetcher, useFetchers, UNSAFE_useScrollRestoration, useBeforeUnload, unstable_usePrompt, unstable_useViewTransitionState, createSearchParams, createStaticHandler, createStaticRouter, StaticRouter, StaticRouterProvider, HydratedRouter, Meta, Links, Scripts, PrefetchPageLinks, RemixServer, createRemixStub, } from "react-router";
		/** @internal */
		export { UNSAFE_DataRouterContext, UNSAFE_DataRouterStateContext, UNSAFE_NavigationContext, UNSAFE_LocationContext, UNSAFE_RouteContext, UNSAFE_useRouteId, } from "react-router";
		declare global {
		var __staticRouterHydrationData: HydrationState \| undefined;
		}
		interface DOMRouterOpts {
		basename?: string;
		future?: Partial<Omit<FutureConfig, "v7_prependBasename">>;
		hydrationData?: HydrationState;
		window?: Window;
		}
		export declare function createBrowserRouter(routes: RouteObject[], opts?: DOMRouterOpts): RemixRouter;
		export declare function createHashRouter(routes: RouteObject[], opts?: DOMRouterOpts): RemixRouter;
		export interface BrowserRouterProps {
		basename?: string;
		children?: React.ReactNode;
		window?: Window;
		}
		/**
		* A `<Router>` for use in web browsers. Provides the cleanest URLs.
		*/
		export declare function BrowserRouter({ basename, children, window, }: BrowserRouterProps): JSX.Element;
		export interface HashRouterProps {
		basename?: string;
		children?: React.ReactNode;
		window?: Window;
		}
		/**
		* A `<Router>` for use in web browsers. Stores the location in the hash
		* portion of the URL so it is not sent to the server.
		*/
		export declare function HashRouter({ basename, children, window }: HashRouterProps): JSX.Element;
		export interface HistoryRouterProps {
		basename?: string;
		children?: React.ReactNode;
		history: History;
		}
		/**
		* A `<Router>` that accepts a pre-instantiated history object. It's important
		* to note that using your own history object is highly discouraged and may add
		* two versions of the history library to your bundles unless you use the same
		* version of the history library that React Router uses internally.
		*/
		declare function HistoryRouter({ basename, children, history }: HistoryRouterProps): JSX.Element;
		declare namespace HistoryRouter {
		var displayName: string;
		}
		export { HistoryRouter as unstable_HistoryRouter };
		export interface LinkProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "href"> {
		reloadDocument?: boolean;
		replace?: boolean;
		state?: any;
		preventScrollReset?: boolean;
		relative?: RelativeRoutingType;
		to: To;
		}
		/**
		* The public API for rendering a history-aware <a>.
		*/
		export declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
		export interface NavLinkProps extends Omit<LinkProps, "className" \| "style" \| "children"> {
		children?: React.ReactNode \| ((props: {
		isActive: boolean;
		isPending: boolean;
		}) => React.ReactNode);
		caseSensitive?: boolean;
		className?: string \| ((props: {
		isActive: boolean;
		isPending: boolean;
		}) => string \| undefined);
		end?: boolean;
		style?: React.CSSProperties \| ((props: {
		isActive: boolean;
		isPending: boolean;
		}) => React.CSSProperties \| undefined);
		}
		/**
		* A <Link> wrapper that knows if it's "active" or not.
		*/
		export declare const NavLink: React.ForwardRefExoticComponent<NavLinkProps & React.RefAttributes<HTMLAnchorElement>>;
		export interface FormProps extends React.FormHTMLAttributes<HTMLFormElement> {
		/**
		* The HTTP verb to use when the form is submit. Supports "get", "post",
		* "put", "delete", "patch".
		*/
		method?: HTMLFormMethod;
		/**
		* Normal `<form action>` but supports React Router's relative paths.
		*/
		action?: string;
		/**
		* Forces a full document navigation instead of a fetch.
		*/
		reloadDocument?: boolean;
		/**
		* Replaces the current entry in the browser history stack when the form
		* navigates. Use this if you don't want the user to be able to click "back"
		* to the page with the form on it.
		*/
		replace?: boolean;
		/**
		* Determines whether the form action is relative to the route hierarchy or
		* the pathname. Use this if you want to opt out of navigating the route
		* hierarchy and want to instead route based on /-delimited URL segments
		*/
		relative?: RelativeRoutingType;
		/**
		* Prevent the scroll position from resetting to the top of the viewport on
		* completion of the navigation when using the <ScrollRestoration> component
		*/
		preventScrollReset?: boolean;
		/**
		* A function to call when the form is submitted. If you call
		* `event.preventDefault()` then this form will not do anything.
		*/
		onSubmit?: React.FormEventHandler<HTMLFormElement>;
		}
		/**
		* A `@remix-run/router`-aware `<form>`. It behaves like a normal form except
		* that the interaction with the server is with `fetch` instead of new document
		* requests, allowing components to add nicer UX to the page as the form is
		* submitted and returns with data.
		*/
		export declare const Form: React.ForwardRefExoticComponent<FormProps & React.RefAttributes<HTMLFormElement>>;
		export interface ScrollRestorationProps {
		getKey?: GetScrollRestorationKeyFunction;
		storageKey?: string;
		}
		/**
		* This component will emulate the browser's scroll restoration on location
		* changes.
		*/
		export declare function ScrollRestoration({ getKey, storageKey, }: ScrollRestorationProps): null;
		export declare namespace ScrollRestoration {
		var displayName: string;
		}
		/**
		* Handles the click behavior for router `<Link>` components. This is useful if
		* you need to create custom `<Link>` components with the same click behavior we
		* use in our exported `<Link>`.
		*/
		export declare function useLinkClickHandler<E extends Element = HTMLAnchorElement>(to: To, { target, replace: replaceProp, state, preventScrollReset, relative, }?: {
		target?: React.HTMLAttributeAnchorTarget;
		replace?: boolean;
		state?: any;
		preventScrollReset?: boolean;
		relative?: RelativeRoutingType;
		}): (event: React.MouseEvent<E, MouseEvent>) => void;
		/**
		* A convenient wrapper for reading and writing search parameters via the
		* URLSearchParams interface.
		*/
		export declare function useSearchParams(defaultInit?: URLSearchParamsInit): [URLSearchParams, SetURLSearchParams];
		declare type SetURLSearchParams = (nextInit?: URLSearchParamsInit \| ((prev: URLSearchParams) => URLSearchParamsInit), navigateOpts?: NavigateOptions) => void;
		declare type SubmitTarget = HTMLFormElement \| HTMLButtonElement \| HTMLInputElement \| FormData \| URLSearchParams \| {
		[name: string]: string;
		} \| null;
		/**
		* Submits a HTML `<form>` to the server without reloading the page.
		*/
		export interface SubmitFunction {
		(
		/**
		* Specifies the `<form>` to be submitted to the server, a specific
		* `<button>` or `<input type="submit">` to use to submit the form, or some
		* arbitrary data to submit.
		*
		* Note: When using a `<button>` its `name` and `value` will also be
		* included in the form data that is submitted.
		*/
		target: SubmitTarget,
		/**
		* Options that override the `<form>`'s own attributes. Required when
		* submitting arbitrary data without a backing `<form>`.
		*/
		options?: SubmitOptions): void;
		}
		/**
		* Returns a function that may be used to programmatically submit a form (or
		* some arbitrary data) to the server.
		*/
		export declare function useSubmit(): SubmitFunction;
		export declare function useFormAction(action?: string, { relative }?: {
		relative?: RelativeRoutingType;
		}): string;
		declare function createFetcherForm(fetcherKey: string, routeId: string): React.ForwardRefExoticComponent<FormProps & React.RefAttributes<HTMLFormElement>>;
		export declare type FetcherWithComponents<TData> = Fetcher<TData> & {
		Form: ReturnType<typeof createFetcherForm>;
		submit: (target: SubmitTarget, options?: Omit<SubmitOptions, "replace" \| "preventScrollReset">) => void;
		load: (href: string) => void;
		};
		/**
		* Interacts with route loaders and actions without causing a navigation. Great
		* for any interaction that stays on the same page.
		*/
		export declare function useFetcher<TData = any>(): FetcherWithComponents<TData>;
		/**
		* Provides all fetchers currently on the page. Useful for layouts and parent
		* routes that need to provide pending/optimistic UI regarding the fetch.
		*/
		export declare function useFetchers(): Fetcher[];
		/**
		* When rendered inside a RouterProvider, will restore scroll positions on navigations
		*/
		declare function useScrollRestoration({ getKey, storageKey, }?: {
		getKey?: GetScrollRestorationKeyFunction;
		storageKey?: string;
		}): void;
		export { useScrollRestoration as UNSAFE_useScrollRestoration };
		/**
		* Setup a callback to be fired on the window's `beforeunload` event. This is
		* useful for saving some data to `window.localStorage` just before the page
		* refreshes.
		*
		* Note: The `callback` argument should be a function created with
		* `React.useCallback()`.
		*/
		export declare function useBeforeUnload(callback: (event: BeforeUnloadEvent) => any, options?: {
		capture?: boolean;
		}): void;
		/**
		* Wrapper around useBlocker to show a window.confirm prompt to users instead
		* of building a custom UI with useBlocker.
		*
		* Warning: This has a lot of rough edges and behaves very differently (and
		* very incorrectly in some cases) across browsers if user click addition
		* back/forward navigations while the confirm is open. Use at your own risk.
		*/
		declare function usePrompt({ when, message }: {
		when: boolean;
		message: string;
		}): void;
		export { usePrompt as unstable_usePrompt };
		export type { UNSAFE_RouteModules, UNSAFE_FutureConfig, UNSAFE_AssetsManifest, UNSAFE_RemixContextObject, UNSAFE_EntryRoute, UNSAFE_RouteManifest, UNSAFE_SingleFetchRedirectResult, UNSAFE_SingleFetchResult, UNSAFE_SingleFetchResults, } from "react-router";
		/** @internal */
		export { UNSAFE_DataRouterContext, UNSAFE_DataRouterStateContext, UNSAFE_LocationContext, UNSAFE_NavigationContext, UNSAFE_RouteContext, UNSAFE_mapRouteProperties, UNSAFE_useRouteId, UNSAFE_useRoutesImpl, UNSAFE_ErrorResponseImpl, UNSAFE_RemixContext, UNSAFE_decodeViaTurboStream, UNSAFE_SingleFetchRedirectSymbol, } from "react-router";

1052

dist/index.js

		/**
		* React Router DOM v0.0.0-experimental-f92aa2e1
		* React Router DOM v0.0.0-experimental-fbbd4fd81
		*
		@@ -11,1049 +11,9 @@ * Copyright (c) Remix Software Inc.
		*/
		import * as React from 'react';
		import { UNSAFE_mapRouteProperties, Router, UNSAFE_NavigationContext, useHref, useResolvedPath, useLocation, UNSAFE_DataRouterStateContext, useNavigate, createPath, UNSAFE_useRouteId, UNSAFE_RouteContext, useMatches, useNavigation, unstable_useBlocker, UNSAFE_DataRouterContext } from 'react-router';
		export { AbortedDeferredError, Await, MemoryRouter, Navigate, NavigationType, Outlet, Route, Router, RouterProvider, Routes, UNSAFE_DataRouterContext, UNSAFE_DataRouterStateContext, UNSAFE_LocationContext, UNSAFE_NavigationContext, UNSAFE_RouteContext, UNSAFE_useRouteId, createMemoryRouter, createPath, createRoutesFromChildren, createRoutesFromElements, defer, generatePath, isRouteErrorResponse, json, matchPath, matchRoutes, parsePath, redirect, renderMatches, resolvePath, unstable_useBlocker, useActionData, useAsyncError, useAsyncValue, useHref, useInRouterContext, useLoaderData, useLocation, useMatch, useMatches, useNavigate, useNavigation, useNavigationType, useOutlet, useOutletContext, useParams, useResolvedPath, useRevalidator, useRouteError, useRouteLoaderData, useRoutes } from 'react-router';
		import { stripBasename, createRouter, createBrowserHistory, createHashHistory, ErrorResponse, UNSAFE_warning, UNSAFE_invariant, joinPaths } from '@remix-run/router';
		export { AbortedDeferredError, Await, BrowserRouter, Form, HashRouter, HydratedRouter, Link, Links, MemoryRouter, Meta, NavLink, Navigate, NavigationType, Outlet, PrefetchPageLinks, RemixServer, Route, Router, RouterProvider, Routes, Scripts, ScrollRestoration, StaticRouter, StaticRouterProvider, UNSAFE_DEFERRED_SYMBOL, UNSAFE_DataRouterContext, UNSAFE_DataRouterStateContext, UNSAFE_ErrorResponseImpl, UNSAFE_FetchersContext, UNSAFE_LocationContext, UNSAFE_NavigationContext, UNSAFE_RemixContext, UNSAFE_RouteContext, UNSAFE_SingleFetchRedirectSymbol, UNSAFE_ViewTransitionContext, UNSAFE_convertRoutesToDataRoutes, UNSAFE_decodeViaTurboStream, UNSAFE_mapRouteProperties, UNSAFE_useRouteId, UNSAFE_useRoutesImpl, UNSAFE_useScrollRestoration, createBrowserRouter, createHashRouter, createMemoryRouter, createPath, createRemixStub, createRoutesFromChildren, createRoutesFromChildren as createRoutesFromElements, createSearchParams, createStaticHandler, createStaticRouter, defer, generatePath, getStaticContextFromError, isRouteErrorResponse, json, matchPath, matchRoutes, parsePath, redirect, redirectDocument, renderMatches, resolvePath, stripBasename, unstable_HistoryRouter, unstable_usePrompt, unstable_useViewTransitionState, useActionData, useAsyncError, useAsyncValue, useBeforeUnload, useBlocker, useFetcher, useFetchers, useFormAction, useHref, useInRouterContext, useLinkClickHandler, useLoaderData, useLocation, useMatch, useMatches, useNavigate, useNavigation, useNavigationType, useOutlet, useOutletContext, useParams, useResolvedPath, useRevalidator, useRouteError, useRouteLoaderData, useRoutes, useSearchParams, useSubmit } from 'react-router';

		function _extends() {
		_extends = Object.assign ? Object.assign.bind() : function (target) {
		for (var i = 1; i < arguments.length; i++) {
		var source = arguments[i];

		for (var key in source) {
		if (Object.prototype.hasOwnProperty.call(source, key)) {
		target[key] = source[key];
		}
		}
		}

		return target;
		};
		return _extends.apply(this, arguments);
		let alreadyWarned = false;
		if (!alreadyWarned && typeof console !== "undefined") {
		alreadyWarned = true;
		console.warn("The `react-router-dom` package is deprecated in v7, you can change all " + "of your imports to load directly from the `react-router` package.");
		}

		function _objectWithoutPropertiesLoose(source, excluded) {
		if (source == null) return {};
		var target = {};
		var sourceKeys = Object.keys(source);
		var key, i;

		for (i = 0; i < sourceKeys.length; i++) {
		key = sourceKeys[i];
		if (excluded.indexOf(key) >= 0) continue;
		target[key] = source[key];
		}

		return target;
		}

		const defaultMethod = "get";
		const defaultEncType = "application/x-www-form-urlencoded";
		function isHtmlElement(object) {
		return object != null && typeof object.tagName === "string";
		}
		function isButtonElement(object) {
		return isHtmlElement(object) && object.tagName.toLowerCase() === "button";
		}
		function isFormElement(object) {
		return isHtmlElement(object) && object.tagName.toLowerCase() === "form";
		}
		function isInputElement(object) {
		return isHtmlElement(object) && object.tagName.toLowerCase() === "input";
		}

		function isModifiedEvent(event) {
		return !!(event.metaKey \|\| event.altKey \|\| event.ctrlKey \|\| event.shiftKey);
		}

		function shouldProcessLinkClick(event, target) {
		return event.button === 0 && ( // Ignore everything but left clicks
		!target \|\| target === "_self") && // Let browser handle "target=_blank" etc.
		!isModifiedEvent(event) // Ignore clicks with modifier keys
		;
		}
		/**
		* Creates a URLSearchParams object using the given initializer.
		*
		* This is identical to `new URLSearchParams(init)` except it also
		* supports arrays as values in the object form of the initializer
		* instead of just strings. This is convenient when you need multiple
		* values for a given key, but don't want to use an array initializer.
		*
		* For example, instead of:
		*
		* let searchParams = new URLSearchParams([
		* ['sort', 'name'],
		* ['sort', 'price']
		* ]);
		*
		* you can do:
		*
		* let searchParams = createSearchParams({
		* sort: ['name', 'price']
		* });
		*/

		function createSearchParams(init) {
		if (init === void 0) {
		init = "";
		}

		return new URLSearchParams(typeof init === "string" \|\| Array.isArray(init) \|\| init instanceof URLSearchParams ? init : Object.keys(init).reduce((memo, key) => {
		let value = init[key];
		return memo.concat(Array.isArray(value) ? value.map(v => [key, v]) : [[key, value]]);
		}, []));
		}
		function getSearchParamsForLocation(locationSearch, defaultSearchParams) {
		let searchParams = createSearchParams(locationSearch);

		if (defaultSearchParams) {
		for (let key of defaultSearchParams.keys()) {
		if (!searchParams.has(key)) {
		defaultSearchParams.getAll(key).forEach(value => {
		searchParams.append(key, value);
		});
		}
		}
		}

		return searchParams;
		}
		function getFormSubmissionInfo(target, options, basename) {
		let method;
		let action = null;
		let encType;
		let formData;

		if (isFormElement(target)) {
		let submissionTrigger = options.submissionTrigger;

		if (options.action) {
		action = options.action;
		} else {
		// When grabbing the action from the element, it will have had the basename
		// prefixed to ensure non-JS scenarios work, so strip it since we'll
		// re-prefix in the router
		let attr = target.getAttribute("action");
		action = attr ? stripBasename(attr, basename) : null;
		}

		method = options.method \|\| target.getAttribute("method") \|\| defaultMethod;
		encType = options.encType \|\| target.getAttribute("enctype") \|\| defaultEncType;
		formData = new FormData(target);

		if (submissionTrigger && submissionTrigger.name) {
		formData.append(submissionTrigger.name, submissionTrigger.value);
		}
		} else if (isButtonElement(target) \|\| isInputElement(target) && (target.type === "submit" \|\| target.type === "image")) {
		let form = target.form;

		if (form == null) {
		throw new Error("Cannot submit a <button> or <input type=\"submit\"> without a <form>");
		} // <button>/<input type="submit"> may override attributes of <form>


		if (options.action) {
		action = options.action;
		} else {
		// When grabbing the action from the element, it will have had the basename
		// prefixed to ensure non-JS scenarios work, so strip it since we'll
		// re-prefix in the router
		let attr = target.getAttribute("formaction") \|\| form.getAttribute("action");
		action = attr ? stripBasename(attr, basename) : null;
		}

		method = options.method \|\| target.getAttribute("formmethod") \|\| form.getAttribute("method") \|\| defaultMethod;
		encType = options.encType \|\| target.getAttribute("formenctype") \|\| form.getAttribute("enctype") \|\| defaultEncType;
		formData = new FormData(form); // Include name + value from a <button>, appending in case the button name
		// matches an existing input name

		if (target.name) {
		formData.append(target.name, target.value);
		}
		} else if (isHtmlElement(target)) {
		throw new Error("Cannot submit element that is not <form>, <button>, or " + "<input type=\"submit\|image\">");
		} else {
		method = options.method \|\| defaultMethod;
		action = options.action \|\| null;
		encType = options.encType \|\| defaultEncType;

		if (target instanceof FormData) {
		formData = target;
		} else {
		formData = new FormData();

		if (target instanceof URLSearchParams) {
		for (let [name, value] of target) {
		formData.append(name, value);
		}
		} else if (target != null) {
		for (let name of Object.keys(target)) {
		formData.append(name, target[name]);
		}
		}
		}
		}

		return {
		action,
		method: method.toLowerCase(),
		encType,
		formData
		};
		}

		const _excluded = ["onClick", "relative", "reloadDocument", "replace", "state", "target", "to", "preventScrollReset"],
		_excluded2 = ["aria-current", "caseSensitive", "className", "end", "style", "to", "children"],
		_excluded3 = ["reloadDocument", "replace", "method", "action", "onSubmit", "fetcherKey", "routeId", "relative", "preventScrollReset"];
		function createBrowserRouter(routes, opts) {
		return createRouter({
		basename: opts == null ? void 0 : opts.basename,
		future: _extends({}, opts == null ? void 0 : opts.future, {
		v7_prependBasename: true
		}),
		history: createBrowserHistory({
		window: opts == null ? void 0 : opts.window
		}),
		hydrationData: (opts == null ? void 0 : opts.hydrationData) \|\| parseHydrationData(),
		routes,
		mapRouteProperties: UNSAFE_mapRouteProperties
		}).initialize();
		}
		function createHashRouter(routes, opts) {
		return createRouter({
		basename: opts == null ? void 0 : opts.basename,
		future: _extends({}, opts == null ? void 0 : opts.future, {
		v7_prependBasename: true
		}),
		history: createHashHistory({
		window: opts == null ? void 0 : opts.window
		}),
		hydrationData: (opts == null ? void 0 : opts.hydrationData) \|\| parseHydrationData(),
		routes,
		mapRouteProperties: UNSAFE_mapRouteProperties
		}).initialize();
		}

		function parseHydrationData() {
		var _window;

		let state = (_window = window) == null ? void 0 : _window.__staticRouterHydrationData;

		if (state && state.errors) {
		state = _extends({}, state, {
		errors: deserializeErrors(state.errors)
		});
		}

		return state;
		}

		function deserializeErrors(errors) {
		if (!errors) return null;
		let entries = Object.entries(errors);
		let serialized = {};

		for (let [key, val] of entries) {
		// Hey you! If you change this, please change the corresponding logic in
		// serializeErrors in react-router-dom/server.tsx :)
		if (val && val.__type === "RouteErrorResponse") {
		serialized[key] = new ErrorResponse(val.status, val.statusText, val.data, val.internal === true);
		} else if (val && val.__type === "Error") {
		let error = new Error(val.message); // Wipe away the client-side stack trace. Nothing to fill it in with
		// because we don't serialize SSR stack traces for security reasons

		error.stack = "";
		serialized[key] = error;
		} else {
		serialized[key] = val;
		}
		}

		return serialized;
		}
		/**
		* A `<Router>` for use in web browsers. Provides the cleanest URLs.
		*/


		function BrowserRouter(_ref) {
		let {
		basename,
		children,
		window
		} = _ref;
		let historyRef = React.useRef();

		if (historyRef.current == null) {
		historyRef.current = createBrowserHistory({
		window,
		v5Compat: true
		});
		}

		let history = historyRef.current;
		let [state, setState] = React.useState({
		action: history.action,
		location: history.location
		});
		React.useLayoutEffect(() => history.listen(setState), [history]);
		return /#__PURE__/React.createElement(Router, {
		basename: basename,
		children: children,
		location: state.location,
		navigationType: state.action,
		navigator: history
		});
		}
		/**
		* A `<Router>` for use in web browsers. Stores the location in the hash
		* portion of the URL so it is not sent to the server.
		*/

		function HashRouter(_ref2) {
		let {
		basename,
		children,
		window
		} = _ref2;
		let historyRef = React.useRef();

		if (historyRef.current == null) {
		historyRef.current = createHashHistory({
		window,
		v5Compat: true
		});
		}

		let history = historyRef.current;
		let [state, setState] = React.useState({
		action: history.action,
		location: history.location
		});
		React.useLayoutEffect(() => history.listen(setState), [history]);
		return /#__PURE__/React.createElement(Router, {
		basename: basename,
		children: children,
		location: state.location,
		navigationType: state.action,
		navigator: history
		});
		}
		/**
		* A `<Router>` that accepts a pre-instantiated history object. It's important
		* to note that using your own history object is highly discouraged and may add
		* two versions of the history library to your bundles unless you use the same
		* version of the history library that React Router uses internally.
		*/

		function HistoryRouter(_ref3) {
		let {
		basename,
		children,
		history
		} = _ref3;
		const [state, setState] = React.useState({
		action: history.action,
		location: history.location
		});
		React.useLayoutEffect(() => history.listen(setState), [history]);
		return /#__PURE__/React.createElement(Router, {
		basename: basename,
		children: children,
		location: state.location,
		navigationType: state.action,
		navigator: history
		});
		}

		if (process.env.NODE_ENV !== "production") {
		HistoryRouter.displayName = "unstable_HistoryRouter";
		}
		const isBrowser = typeof window !== "undefined" && typeof window.document !== "undefined" && typeof window.document.createElement !== "undefined";
		const ABSOLUTE_URL_REGEX = /^(?:[a-z][a-z0-9+.-]*:\|\/\/)/i;
		/**
		* The public API for rendering a history-aware <a>.
		*/

		const Link = /#__PURE__/React.forwardRef(function LinkWithRef(_ref4, ref) {
		let {
		onClick,
		relative,
		reloadDocument,
		replace,
		state,
		target,
		to,
		preventScrollReset
		} = _ref4,
		rest = _objectWithoutPropertiesLoose(_ref4, _excluded);

		let {
		basename
		} = React.useContext(UNSAFE_NavigationContext); // Rendered into <a href> for absolute URLs

		let absoluteHref;
		let isExternal = false;

		if (typeof to === "string" && ABSOLUTE_URL_REGEX.test(to)) {
		// Render the absolute href server- and client-side
		absoluteHref = to; // Only check for external origins client-side

		if (isBrowser) {
		try {
		let currentUrl = new URL(window.location.href);
		let targetUrl = to.startsWith("//") ? new URL(currentUrl.protocol + to) : new URL(to);
		let path = stripBasename(targetUrl.pathname, basename);

		if (targetUrl.origin === currentUrl.origin && path != null) {
		// Strip the protocol/origin/basename for same-origin absolute URLs
		to = path + targetUrl.search + targetUrl.hash;
		} else {
		isExternal = true;
		}
		} catch (e) {
		// We can't do external URL detection without a valid URL
		process.env.NODE_ENV !== "production" ? UNSAFE_warning(false, "<Link to=\"" + to + "\"> contains an invalid URL which will probably break " + "when clicked - please update to a valid URL path.") : void 0;
		}
		}
		} // Rendered into <a href> for relative URLs


		let href = useHref(to, {
		relative
		});
		let internalOnClick = useLinkClickHandler(to, {
		replace,
		state,
		target,
		preventScrollReset,
		relative
		});

		function handleClick(event) {
		if (onClick) onClick(event);

		if (!event.defaultPrevented) {
		internalOnClick(event);
		}
		}

		return (
		/#__PURE__/
		// eslint-disable-next-line jsx-a11y/anchor-has-content
		React.createElement("a", _extends({}, rest, {
		href: absoluteHref \|\| href,
		onClick: isExternal \|\| reloadDocument ? onClick : handleClick,
		ref: ref,
		target: target
		}))
		);
		});

		if (process.env.NODE_ENV !== "production") {
		Link.displayName = "Link";
		}
		/**
		* A <Link> wrapper that knows if it's "active" or not.
		*/


		const NavLink = /#__PURE__/React.forwardRef(function NavLinkWithRef(_ref5, ref) {
		let {
		"aria-current": ariaCurrentProp = "page",
		caseSensitive = false,
		className: classNameProp = "",
		end = false,
		style: styleProp,
		to,
		children
		} = _ref5,
		rest = _objectWithoutPropertiesLoose(_ref5, _excluded2);

		let path = useResolvedPath(to, {
		relative: rest.relative
		});
		let location = useLocation();
		let routerState = React.useContext(UNSAFE_DataRouterStateContext);
		let {
		navigator
		} = React.useContext(UNSAFE_NavigationContext);
		let toPathname = navigator.encodeLocation ? navigator.encodeLocation(path).pathname : path.pathname;
		let locationPathname = location.pathname;
		let nextLocationPathname = routerState && routerState.navigation && routerState.navigation.location ? routerState.navigation.location.pathname : null;

		if (!caseSensitive) {
		locationPathname = locationPathname.toLowerCase();
		nextLocationPathname = nextLocationPathname ? nextLocationPathname.toLowerCase() : null;
		toPathname = toPathname.toLowerCase();
		}

		let isActive = locationPathname === toPathname \|\| !end && locationPathname.startsWith(toPathname) && locationPathname.charAt(toPathname.length) === "/";
		let isPending = nextLocationPathname != null && (nextLocationPathname === toPathname \|\| !end && nextLocationPathname.startsWith(toPathname) && nextLocationPathname.charAt(toPathname.length) === "/");
		let ariaCurrent = isActive ? ariaCurrentProp : undefined;
		let className;

		if (typeof classNameProp === "function") {
		className = classNameProp({
		isActive,
		isPending
		});
		} else {
		// If the className prop is not a function, we use a default `active`
		// class for <NavLink />s that are active. In v5 `active` was the default
		// value for `activeClassName`, but we are removing that API and can still
		// use the old default behavior for a cleaner upgrade path and keep the
		// simple styling rules working as they currently do.
		className = [classNameProp, isActive ? "active" : null, isPending ? "pending" : null].filter(Boolean).join(" ");
		}

		let style = typeof styleProp === "function" ? styleProp({
		isActive,
		isPending
		}) : styleProp;
		return /#__PURE__/React.createElement(Link, _extends({}, rest, {
		"aria-current": ariaCurrent,
		className: className,
		ref: ref,
		style: style,
		to: to
		}), typeof children === "function" ? children({
		isActive,
		isPending
		}) : children);
		});

		if (process.env.NODE_ENV !== "production") {
		NavLink.displayName = "NavLink";
		}
		/**
		* A `@remix-run/router`-aware `<form>`. It behaves like a normal form except
		* that the interaction with the server is with `fetch` instead of new document
		* requests, allowing components to add nicer UX to the page as the form is
		* submitted and returns with data.
		*/


		const Form = /#__PURE__/React.forwardRef((props, ref) => {
		return /#__PURE__/React.createElement(FormImpl, _extends({}, props, {
		ref: ref
		}));
		});

		if (process.env.NODE_ENV !== "production") {
		Form.displayName = "Form";
		}

		const FormImpl = /#__PURE__/React.forwardRef((_ref6, forwardedRef) => {
		let {
		reloadDocument,
		replace,
		method = defaultMethod,
		action,
		onSubmit,
		fetcherKey,
		routeId,
		relative,
		preventScrollReset
		} = _ref6,
		props = _objectWithoutPropertiesLoose(_ref6, _excluded3);

		let submit = useSubmitImpl(fetcherKey, routeId);
		let formMethod = method.toLowerCase() === "get" ? "get" : "post";
		let formAction = useFormAction(action, {
		relative
		});

		let submitHandler = event => {
		onSubmit && onSubmit(event);
		if (event.defaultPrevented) return;
		event.preventDefault();
		let submitter = event.nativeEvent.submitter;
		let submitMethod = (submitter == null ? void 0 : submitter.getAttribute("formmethod")) \|\| method;
		submit(submitter \|\| event.currentTarget, {
		method: submitMethod,
		replace,
		relative,
		preventScrollReset
		});
		};

		return /#__PURE__/React.createElement("form", _extends({
		ref: forwardedRef,
		method: formMethod,
		action: formAction,
		onSubmit: reloadDocument ? onSubmit : submitHandler
		}, props));
		});

		if (process.env.NODE_ENV !== "production") {
		FormImpl.displayName = "FormImpl";
		}
		/**
		* This component will emulate the browser's scroll restoration on location
		* changes.
		*/


		function ScrollRestoration(_ref7) {
		let {
		getKey,
		storageKey
		} = _ref7;
		useScrollRestoration({
		getKey,
		storageKey
		});
		return null;
		}

		if (process.env.NODE_ENV !== "production") {
		ScrollRestoration.displayName = "ScrollRestoration";
		} //#endregion
		////////////////////////////////////////////////////////////////////////////////
		//#region Hooks
		////////////////////////////////////////////////////////////////////////////////


		var DataRouterHook;

		(function (DataRouterHook) {
		DataRouterHook["UseScrollRestoration"] = "useScrollRestoration";
		DataRouterHook["UseSubmitImpl"] = "useSubmitImpl";
		DataRouterHook["UseFetcher"] = "useFetcher";
		})(DataRouterHook \|\| (DataRouterHook = {}));

		var DataRouterStateHook;

		(function (DataRouterStateHook) {
		DataRouterStateHook["UseFetchers"] = "useFetchers";
		DataRouterStateHook["UseScrollRestoration"] = "useScrollRestoration";
		})(DataRouterStateHook \|\| (DataRouterStateHook = {}));

		function getDataRouterConsoleError(hookName) {
		return hookName + " must be used within a data router. See https://reactrouter.com/routers/picking-a-router.";
		}

		function useDataRouterContext(hookName) {
		let ctx = React.useContext(UNSAFE_DataRouterContext);
		!ctx ? process.env.NODE_ENV !== "production" ? UNSAFE_invariant(false, getDataRouterConsoleError(hookName)) : UNSAFE_invariant(false) : void 0;
		return ctx;
		}

		function useDataRouterState(hookName) {
		let state = React.useContext(UNSAFE_DataRouterStateContext);
		!state ? process.env.NODE_ENV !== "production" ? UNSAFE_invariant(false, getDataRouterConsoleError(hookName)) : UNSAFE_invariant(false) : void 0;
		return state;
		}
		/**
		* Handles the click behavior for router `<Link>` components. This is useful if
		* you need to create custom `<Link>` components with the same click behavior we
		* use in our exported `<Link>`.
		*/


		function useLinkClickHandler(to, _temp) {
		let {
		target,
		replace: replaceProp,
		state,
		preventScrollReset,
		relative
		} = _temp === void 0 ? {} : _temp;
		let navigate = useNavigate();
		let location = useLocation();
		let path = useResolvedPath(to, {
		relative
		});
		return React.useCallback(event => {
		if (shouldProcessLinkClick(event, target)) {
		event.preventDefault(); // If the URL hasn't changed, a regular <a> will do a replace instead of
		// a push, so do the same here unless the replace prop is explicitly set

		let replace = replaceProp !== undefined ? replaceProp : createPath(location) === createPath(path);
		navigate(to, {
		replace,
		state,
		preventScrollReset,
		relative
		});
		}
		}, [location, navigate, path, replaceProp, state, target, to, preventScrollReset, relative]);
		}
		/**
		* A convenient wrapper for reading and writing search parameters via the
		* URLSearchParams interface.
		*/

		function useSearchParams(defaultInit) {
		process.env.NODE_ENV !== "production" ? UNSAFE_warning(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\n\n" + "If you're unsure how to load polyfills, we recommend you check out " + "https://polyfill.io/v3/ which provides some recommendations about how " + "to load polyfills only for users that need them, instead of for every " + "user.") : void 0;
		let defaultSearchParamsRef = React.useRef(createSearchParams(defaultInit));
		let hasSetSearchParamsRef = React.useRef(false);
		let location = useLocation();
		let searchParams = React.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
		// remove a param with setSearchParams({}) if it has an initial value
		getSearchParamsForLocation(location.search, hasSetSearchParamsRef.current ? null : defaultSearchParamsRef.current), [location.search]);
		let navigate = useNavigate();
		let setSearchParams = React.useCallback((nextInit, navigateOptions) => {
		const newSearchParams = createSearchParams(typeof nextInit === "function" ? nextInit(searchParams) : nextInit);
		hasSetSearchParamsRef.current = true;
		navigate("?" + newSearchParams, navigateOptions);
		}, [navigate, searchParams]);
		return [searchParams, setSearchParams];
		}
		/**
		* Returns a function that may be used to programmatically submit a form (or
		* some arbitrary data) to the server.
		*/

		function useSubmit() {
		return useSubmitImpl();
		}

		function useSubmitImpl(fetcherKey, fetcherRouteId) {
		let {
		router
		} = useDataRouterContext(DataRouterHook.UseSubmitImpl);
		let {
		basename
		} = React.useContext(UNSAFE_NavigationContext);
		let currentRouteId = UNSAFE_useRouteId();
		return React.useCallback(function (target, options) {
		if (options === void 0) {
		options = {};
		}

		if (typeof document === "undefined") {
		throw new Error("You are calling submit during the server render. " + "Try calling submit within a `useEffect` or callback instead.");
		}

		let {
		action,
		method,
		encType,
		formData
		} = getFormSubmissionInfo(target, options, basename); // Base options shared between fetch() and navigate()

		let opts = {
		preventScrollReset: options.preventScrollReset,
		formData,
		formMethod: method,
		formEncType: encType
		};

		if (fetcherKey) {
		!(fetcherRouteId != null) ? process.env.NODE_ENV !== "production" ? UNSAFE_invariant(false, "No routeId available for useFetcher()") : UNSAFE_invariant(false) : void 0;
		router.fetch(fetcherKey, fetcherRouteId, action, opts);
		} else {
		router.navigate(action, _extends({}, opts, {
		replace: options.replace,
		fromRouteId: currentRouteId
		}));
		}
		}, [router, basename, fetcherKey, fetcherRouteId, currentRouteId]);
		} // v7: Eventually we should deprecate this entirely in favor of using the
		// router method directly?


		function useFormAction(action, _temp2) {
		let {
		relative
		} = _temp2 === void 0 ? {} : _temp2;
		let {
		basename
		} = React.useContext(UNSAFE_NavigationContext);
		let routeContext = React.useContext(UNSAFE_RouteContext);
		!routeContext ? process.env.NODE_ENV !== "production" ? UNSAFE_invariant(false, "useFormAction must be used inside a RouteContext") : UNSAFE_invariant(false) : void 0;
		let [match] = routeContext.matches.slice(-1); // Shallow clone path so we can modify it below, otherwise we modify the
		// object referenced by useMemo inside useResolvedPath

		let path = _extends({}, useResolvedPath(action ? action : ".", {
		relative
		})); // Previously we set the default action to ".". The problem with this is that
		// `useResolvedPath(".")` excludes search params and the hash of the resolved
		// URL. This is the intended behavior of when "." is specifically provided as
		// the form action, but inconsistent w/ browsers when the action is omitted.
		// https://github.com/remix-run/remix/issues/927


		let location = useLocation();

		if (action == null) {
		// Safe to write to these directly here since if action was undefined, we
		// would have called useResolvedPath(".") which will never include a search
		// or hash
		path.search = location.search;
		path.hash = location.hash; // When grabbing search params from the URL, remove the automatically
		// inserted ?index param so we match the useResolvedPath search behavior
		// which would not include ?index

		if (match.route.index) {
		let params = new URLSearchParams(path.search);
		params.delete("index");
		path.search = params.toString() ? "?" + params.toString() : "";
		}
		}

		if ((!action \|\| action === ".") && match.route.index) {
		path.search = path.search ? path.search.replace(/^\?/, "?index&") : "?index";
		} // If we're operating within a basename, prepend it to the pathname prior
		// to creating the form action. If this is a root navigation, then just use
		// the raw basename which allows the basename to have full control over the
		// presence of a trailing slash on root actions


		if (basename !== "/") {
		path.pathname = path.pathname === "/" ? basename : joinPaths([basename, path.pathname]);
		}

		return createPath(path);
		}

		function createFetcherForm(fetcherKey, routeId) {
		let FetcherForm = /#__PURE__/React.forwardRef((props, ref) => {
		return /#__PURE__/React.createElement(FormImpl, _extends({}, props, {
		ref: ref,
		fetcherKey: fetcherKey,
		routeId: routeId
		}));
		});

		if (process.env.NODE_ENV !== "production") {
		FetcherForm.displayName = "fetcher.Form";
		}

		return FetcherForm;
		}

		let fetcherId = 0;
		/**
		* Interacts with route loaders and actions without causing a navigation. Great
		* for any interaction that stays on the same page.
		*/

		function useFetcher() {
		var _route$matches;

		let {
		router
		} = useDataRouterContext(DataRouterHook.UseFetcher);
		let route = React.useContext(UNSAFE_RouteContext);
		!route ? process.env.NODE_ENV !== "production" ? UNSAFE_invariant(false, "useFetcher must be used inside a RouteContext") : UNSAFE_invariant(false) : void 0;
		let routeId = (_route$matches = route.matches[route.matches.length - 1]) == null ? void 0 : _route$matches.route.id;
		!(routeId != null) ? process.env.NODE_ENV !== "production" ? UNSAFE_invariant(false, "useFetcher can only be used on routes that contain a unique \"id\"") : UNSAFE_invariant(false) : void 0;
		let [fetcherKey] = React.useState(() => String(++fetcherId));
		let [Form] = React.useState(() => {
		!routeId ? process.env.NODE_ENV !== "production" ? UNSAFE_invariant(false, "No routeId available for fetcher.Form()") : UNSAFE_invariant(false) : void 0;
		return createFetcherForm(fetcherKey, routeId);
		});
		let [load] = React.useState(() => href => {
		!router ? process.env.NODE_ENV !== "production" ? UNSAFE_invariant(false, "No router available for fetcher.load()") : UNSAFE_invariant(false) : void 0;
		!routeId ? process.env.NODE_ENV !== "production" ? UNSAFE_invariant(false, "No routeId available for fetcher.load()") : UNSAFE_invariant(false) : void 0;
		router.fetch(fetcherKey, routeId, href);
		});
		let submit = useSubmitImpl(fetcherKey, routeId);
		let fetcher = router.getFetcher(fetcherKey);
		let fetcherWithComponents = React.useMemo(() => _extends({
		Form,
		submit,
		load
		}, fetcher), [fetcher, Form, submit, load]);
		React.useEffect(() => {
		// Is this busted when the React team gets real weird and calls effects
		// twice on mount? We really just need to garbage collect here when this
		// fetcher is no longer around.
		return () => {
		if (!router) {
		console.warn("No router available to clean up from useFetcher()");
		return;
		}

		router.deleteFetcher(fetcherKey);
		};
		}, [router, fetcherKey]);
		return fetcherWithComponents;
		}
		/**
		* Provides all fetchers currently on the page. Useful for layouts and parent
		* routes that need to provide pending/optimistic UI regarding the fetch.
		*/

		function useFetchers() {
		let state = useDataRouterState(DataRouterStateHook.UseFetchers);
		return [...state.fetchers.values()];
		}
		const SCROLL_RESTORATION_STORAGE_KEY = "react-router-scroll-positions";
		let savedScrollPositions = {};
		/**
		* When rendered inside a RouterProvider, will restore scroll positions on navigations
		*/

		function useScrollRestoration(_temp3) {
		let {
		getKey,
		storageKey
		} = _temp3 === void 0 ? {} : _temp3;
		let {
		router
		} = useDataRouterContext(DataRouterHook.UseScrollRestoration);
		let {
		restoreScrollPosition,
		preventScrollReset
		} = useDataRouterState(DataRouterStateHook.UseScrollRestoration);
		let location = useLocation();
		let matches = useMatches();
		let navigation = useNavigation(); // Trigger manual scroll restoration while we're active

		React.useEffect(() => {
		window.history.scrollRestoration = "manual";
		return () => {
		window.history.scrollRestoration = "auto";
		};
		}, []); // Save positions on pagehide

		usePageHide(React.useCallback(() => {
		if (navigation.state === "idle") {
		let key = (getKey ? getKey(location, matches) : null) \|\| location.key;
		savedScrollPositions[key] = window.scrollY;
		}

		sessionStorage.setItem(storageKey \|\| SCROLL_RESTORATION_STORAGE_KEY, JSON.stringify(savedScrollPositions));
		window.history.scrollRestoration = "auto";
		}, [storageKey, getKey, navigation.state, location, matches])); // Read in any saved scroll locations

		if (typeof document !== "undefined") {
		// eslint-disable-next-line react-hooks/rules-of-hooks
		React.useLayoutEffect(() => {
		try {
		let sessionPositions = sessionStorage.getItem(storageKey \|\| SCROLL_RESTORATION_STORAGE_KEY);

		if (sessionPositions) {
		savedScrollPositions = JSON.parse(sessionPositions);
		}
		} catch (e) {// no-op, use default empty object
		}
		}, [storageKey]); // Enable scroll restoration in the router
		// eslint-disable-next-line react-hooks/rules-of-hooks

		React.useLayoutEffect(() => {
		let disableScrollRestoration = router == null ? void 0 : router.enableScrollRestoration(savedScrollPositions, () => window.scrollY, getKey);
		return () => disableScrollRestoration && disableScrollRestoration();
		}, [router, getKey]); // Restore scrolling when state.restoreScrollPosition changes
		// eslint-disable-next-line react-hooks/rules-of-hooks

		React.useLayoutEffect(() => {
		// Explicit false means don't do anything (used for submissions)
		if (restoreScrollPosition === false) {
		return;
		} // been here before, scroll to it


		if (typeof restoreScrollPosition === "number") {
		window.scrollTo(0, restoreScrollPosition);
		return;
		} // try to scroll to the hash


		if (location.hash) {
		let el = document.getElementById(location.hash.slice(1));

		if (el) {
		el.scrollIntoView();
		return;
		}
		} // Don't reset if this navigation opted out


		if (preventScrollReset === true) {
		return;
		} // otherwise go to the top on new locations


		window.scrollTo(0, 0);
		}, [location, restoreScrollPosition, preventScrollReset]);
		}
		}
		/**
		* Setup a callback to be fired on the window's `beforeunload` event. This is
		* useful for saving some data to `window.localStorage` just before the page
		* refreshes.
		*
		* Note: The `callback` argument should be a function created with
		* `React.useCallback()`.
		*/

		function useBeforeUnload(callback, options) {
		let {
		capture
		} = options \|\| {};
		React.useEffect(() => {
		let opts = capture != null ? {
		capture
		} : undefined;
		window.addEventListener("beforeunload", callback, opts);
		return () => {
		window.removeEventListener("beforeunload", callback, opts);
		};
		}, [callback, capture]);
		}
		/**
		* Setup a callback to be fired on the window's `pagehide` event. This is
		* useful for saving some data to `window.localStorage` just before the page
		* refreshes. This event is better supported than beforeunload across browsers.
		*
		* Note: The `callback` argument should be a function created with
		* `React.useCallback()`.
		*/

		function usePageHide(callback, options) {
		let {
		capture
		} = options \|\| {};
		React.useEffect(() => {
		let opts = capture != null ? {
		capture
		} : undefined;
		window.addEventListener("pagehide", callback, opts);
		return () => {
		window.removeEventListener("pagehide", callback, opts);
		};
		}, [callback, capture]);
		}
		/**
		* Wrapper around useBlocker to show a window.confirm prompt to users instead
		* of building a custom UI with useBlocker.
		*
		* Warning: This has a lot of rough edges and behaves very differently (and
		* very incorrectly in some cases) across browsers if user click addition
		* back/forward navigations while the confirm is open. Use at your own risk.
		*/


		function usePrompt(_ref8) {
		let {
		when,
		message
		} = _ref8;
		let blocker = unstable_useBlocker(when);
		React.useEffect(() => {
		if (blocker.state === "blocked" && !when) {
		blocker.reset();
		}
		}, [blocker, when]);
		React.useEffect(() => {
		if (blocker.state === "blocked") {
		let proceed = window.confirm(message);

		if (proceed) {
		setTimeout(blocker.proceed, 0);
		} else {
		blocker.reset();
		}
		}
		}, [blocker, message]);
		}
		//#endregion

		export { BrowserRouter, Form, HashRouter, Link, NavLink, ScrollRestoration, useScrollRestoration as UNSAFE_useScrollRestoration, createBrowserRouter, createHashRouter, createSearchParams, HistoryRouter as unstable_HistoryRouter, usePrompt as unstable_usePrompt, useBeforeUnload, useFetcher, useFetchers, useFormAction, useLinkClickHandler, useSearchParams, useSubmit };
		//# sourceMappingURL=index.js.map

dist/main.js

		/**
		* React Router DOM v0.0.0-experimental-f92aa2e1
		* React Router DOM v0.0.0-experimental-fbbd4fd81
		*
		@@ -4,0 +4,0 @@ * Copyright (c) Remix Software Inc.

999

dist/react-router-dom.development.js

		/**
		* React Router DOM v0.0.0-experimental-f92aa2e1
		* React Router DOM v0.0.0-experimental-fbbd4fd81
		*
		@@ -11,996 +11,9 @@ * Copyright (c) Remix Software Inc.
		*/
		import * as React from 'react';
		import { UNSAFE_mapRouteProperties, Router, UNSAFE_NavigationContext, useHref, useResolvedPath, useLocation, UNSAFE_DataRouterStateContext, useNavigate, createPath, UNSAFE_useRouteId, UNSAFE_RouteContext, useMatches, useNavigation, unstable_useBlocker, UNSAFE_DataRouterContext } from 'react-router';
		export { AbortedDeferredError, Await, MemoryRouter, Navigate, NavigationType, Outlet, Route, Router, RouterProvider, Routes, UNSAFE_DataRouterContext, UNSAFE_DataRouterStateContext, UNSAFE_LocationContext, UNSAFE_NavigationContext, UNSAFE_RouteContext, UNSAFE_useRouteId, createMemoryRouter, createPath, createRoutesFromChildren, createRoutesFromElements, defer, generatePath, isRouteErrorResponse, json, matchPath, matchRoutes, parsePath, redirect, renderMatches, resolvePath, unstable_useBlocker, useActionData, useAsyncError, useAsyncValue, useHref, useInRouterContext, useLoaderData, useLocation, useMatch, useMatches, useNavigate, useNavigation, useNavigationType, useOutlet, useOutletContext, useParams, useResolvedPath, useRevalidator, useRouteError, useRouteLoaderData, useRoutes } from 'react-router';
		import { stripBasename, createRouter, createBrowserHistory, createHashHistory, ErrorResponse, UNSAFE_warning, UNSAFE_invariant, joinPaths } from '@remix-run/router';
		export { AbortedDeferredError, Await, BrowserRouter, Form, HashRouter, HydratedRouter, Link, Links, MemoryRouter, Meta, NavLink, Navigate, NavigationType, Outlet, PrefetchPageLinks, RemixServer, Route, Router, RouterProvider, Routes, Scripts, ScrollRestoration, StaticRouter, StaticRouterProvider, UNSAFE_DEFERRED_SYMBOL, UNSAFE_DataRouterContext, UNSAFE_DataRouterStateContext, UNSAFE_ErrorResponseImpl, UNSAFE_FetchersContext, UNSAFE_LocationContext, UNSAFE_NavigationContext, UNSAFE_RemixContext, UNSAFE_RouteContext, UNSAFE_SingleFetchRedirectSymbol, UNSAFE_ViewTransitionContext, UNSAFE_convertRoutesToDataRoutes, UNSAFE_decodeViaTurboStream, UNSAFE_mapRouteProperties, UNSAFE_useRouteId, UNSAFE_useRoutesImpl, UNSAFE_useScrollRestoration, createBrowserRouter, createHashRouter, createMemoryRouter, createPath, createRemixStub, createRoutesFromChildren, createRoutesFromChildren as createRoutesFromElements, createSearchParams, createStaticHandler, createStaticRouter, defer, generatePath, getStaticContextFromError, isRouteErrorResponse, json, matchPath, matchRoutes, parsePath, redirect, redirectDocument, renderMatches, resolvePath, stripBasename, unstable_HistoryRouter, unstable_usePrompt, unstable_useViewTransitionState, useActionData, useAsyncError, useAsyncValue, useBeforeUnload, useBlocker, useFetcher, useFetchers, useFormAction, useHref, useInRouterContext, useLinkClickHandler, useLoaderData, useLocation, useMatch, useMatches, useNavigate, useNavigation, useNavigationType, useOutlet, useOutletContext, useParams, useResolvedPath, useRevalidator, useRouteError, useRouteLoaderData, useRoutes, useSearchParams, useSubmit } from 'react-router';

		const defaultMethod = "get";
		const defaultEncType = "application/x-www-form-urlencoded";
		function isHtmlElement(object) {
		return object != null && typeof object.tagName === "string";
		let alreadyWarned = false;
		if (!alreadyWarned && typeof console !== "undefined") {
		alreadyWarned = true;
		console.warn("The `react-router-dom` package is deprecated in v7, you can change all " + "of your imports to load directly from the `react-router` package.");
		}
		function isButtonElement(object) {
		return isHtmlElement(object) && object.tagName.toLowerCase() === "button";
		}
		function isFormElement(object) {
		return isHtmlElement(object) && object.tagName.toLowerCase() === "form";
		}
		function isInputElement(object) {
		return isHtmlElement(object) && object.tagName.toLowerCase() === "input";
		}

		function isModifiedEvent(event) {
		return !!(event.metaKey \|\| event.altKey \|\| event.ctrlKey \|\| event.shiftKey);
		}

		function shouldProcessLinkClick(event, target) {
		return event.button === 0 && ( // Ignore everything but left clicks
		!target \|\| target === "_self") && // Let browser handle "target=_blank" etc.
		!isModifiedEvent(event) // Ignore clicks with modifier keys
		;
		}

		/**
		* Creates a URLSearchParams object using the given initializer.
		*
		* This is identical to `new URLSearchParams(init)` except it also
		* supports arrays as values in the object form of the initializer
		* instead of just strings. This is convenient when you need multiple
		* values for a given key, but don't want to use an array initializer.
		*
		* For example, instead of:
		*
		* let searchParams = new URLSearchParams([
		* ['sort', 'name'],
		* ['sort', 'price']
		* ]);
		*
		* you can do:
		*
		* let searchParams = createSearchParams({
		* sort: ['name', 'price']
		* });
		*/
		function createSearchParams(init = "") {
		return new URLSearchParams(typeof init === "string" \|\| Array.isArray(init) \|\| init instanceof URLSearchParams ? init : Object.keys(init).reduce((memo, key) => {
		let value = init[key];
		return memo.concat(Array.isArray(value) ? value.map(v => [key, v]) : [[key, value]]);
		}, []));
		}
		function getSearchParamsForLocation(locationSearch, defaultSearchParams) {
		let searchParams = createSearchParams(locationSearch);

		if (defaultSearchParams) {
		for (let key of defaultSearchParams.keys()) {
		if (!searchParams.has(key)) {
		defaultSearchParams.getAll(key).forEach(value => {
		searchParams.append(key, value);
		});
		}
		}
		}

		return searchParams;
		}
		function getFormSubmissionInfo(target, options, basename) {
		let method;
		let action = null;
		let encType;
		let formData;

		if (isFormElement(target)) {
		let submissionTrigger = options.submissionTrigger;

		if (options.action) {
		action = options.action;
		} else {
		// When grabbing the action from the element, it will have had the basename
		// prefixed to ensure non-JS scenarios work, so strip it since we'll
		// re-prefix in the router
		let attr = target.getAttribute("action");
		action = attr ? stripBasename(attr, basename) : null;
		}

		method = options.method \|\| target.getAttribute("method") \|\| defaultMethod;
		encType = options.encType \|\| target.getAttribute("enctype") \|\| defaultEncType;
		formData = new FormData(target);

		if (submissionTrigger && submissionTrigger.name) {
		formData.append(submissionTrigger.name, submissionTrigger.value);
		}
		} else if (isButtonElement(target) \|\| isInputElement(target) && (target.type === "submit" \|\| target.type === "image")) {
		let form = target.form;

		if (form == null) {
		throw new Error(`Cannot submit a <button> or <input type="submit"> without a <form>`);
		} // <button>/<input type="submit"> may override attributes of <form>


		if (options.action) {
		action = options.action;
		} else {
		// When grabbing the action from the element, it will have had the basename
		// prefixed to ensure non-JS scenarios work, so strip it since we'll
		// re-prefix in the router
		let attr = target.getAttribute("formaction") \|\| form.getAttribute("action");
		action = attr ? stripBasename(attr, basename) : null;
		}

		method = options.method \|\| target.getAttribute("formmethod") \|\| form.getAttribute("method") \|\| defaultMethod;
		encType = options.encType \|\| target.getAttribute("formenctype") \|\| form.getAttribute("enctype") \|\| defaultEncType;
		formData = new FormData(form); // Include name + value from a <button>, appending in case the button name
		// matches an existing input name

		if (target.name) {
		formData.append(target.name, target.value);
		}
		} else if (isHtmlElement(target)) {
		throw new Error(`Cannot submit element that is not <form>, <button>, or ` + `<input type="submit\|image">`);
		} else {
		method = options.method \|\| defaultMethod;
		action = options.action \|\| null;
		encType = options.encType \|\| defaultEncType;

		if (target instanceof FormData) {
		formData = target;
		} else {
		formData = new FormData();

		if (target instanceof URLSearchParams) {
		for (let [name, value] of target) {
		formData.append(name, value);
		}
		} else if (target != null) {
		for (let name of Object.keys(target)) {
		formData.append(name, target[name]);
		}
		}
		}
		}

		return {
		action,
		method: method.toLowerCase(),
		encType,
		formData
		};
		}

		/**
		* NOTE: If you refactor this to split up the modules into separate files,
		* you'll need to update the rollup config for react-router-dom-v5-compat.
		*/

		function createBrowserRouter(routes, opts) {
		return createRouter({
		basename: opts?.basename,
		future: { ...opts?.future,
		v7_prependBasename: true
		},
		history: createBrowserHistory({
		window: opts?.window
		}),
		hydrationData: opts?.hydrationData \|\| parseHydrationData(),
		routes,
		mapRouteProperties: UNSAFE_mapRouteProperties
		}).initialize();
		}
		function createHashRouter(routes, opts) {
		return createRouter({
		basename: opts?.basename,
		future: { ...opts?.future,
		v7_prependBasename: true
		},
		history: createHashHistory({
		window: opts?.window
		}),
		hydrationData: opts?.hydrationData \|\| parseHydrationData(),
		routes,
		mapRouteProperties: UNSAFE_mapRouteProperties
		}).initialize();
		}

		function parseHydrationData() {
		let state = window?.__staticRouterHydrationData;

		if (state && state.errors) {
		state = { ...state,
		errors: deserializeErrors(state.errors)
		};
		}

		return state;
		}

		function deserializeErrors(errors) {
		if (!errors) return null;
		let entries = Object.entries(errors);
		let serialized = {};

		for (let [key, val] of entries) {
		// Hey you! If you change this, please change the corresponding logic in
		// serializeErrors in react-router-dom/server.tsx :)
		if (val && val.__type === "RouteErrorResponse") {
		serialized[key] = new ErrorResponse(val.status, val.statusText, val.data, val.internal === true);
		} else if (val && val.__type === "Error") {
		let error = new Error(val.message); // Wipe away the client-side stack trace. Nothing to fill it in with
		// because we don't serialize SSR stack traces for security reasons

		error.stack = "";
		serialized[key] = error;
		} else {
		serialized[key] = val;
		}
		}

		return serialized;
		} //#endregion
		////////////////////////////////////////////////////////////////////////////////
		//#region Components
		////////////////////////////////////////////////////////////////////////////////


		/**
		* A `<Router>` for use in web browsers. Provides the cleanest URLs.
		*/
		function BrowserRouter({
		basename,
		children,
		window
		}) {
		let historyRef = React.useRef();

		if (historyRef.current == null) {
		historyRef.current = createBrowserHistory({
		window,
		v5Compat: true
		});
		}

		let history = historyRef.current;
		let [state, setState] = React.useState({
		action: history.action,
		location: history.location
		});
		React.useLayoutEffect(() => history.listen(setState), [history]);
		return /#__PURE__/React.createElement(Router, {
		basename: basename,
		children: children,
		location: state.location,
		navigationType: state.action,
		navigator: history
		});
		}

		/**
		* A `<Router>` for use in web browsers. Stores the location in the hash
		* portion of the URL so it is not sent to the server.
		*/
		function HashRouter({
		basename,
		children,
		window
		}) {
		let historyRef = React.useRef();

		if (historyRef.current == null) {
		historyRef.current = createHashHistory({
		window,
		v5Compat: true
		});
		}

		let history = historyRef.current;
		let [state, setState] = React.useState({
		action: history.action,
		location: history.location
		});
		React.useLayoutEffect(() => history.listen(setState), [history]);
		return /#__PURE__/React.createElement(Router, {
		basename: basename,
		children: children,
		location: state.location,
		navigationType: state.action,
		navigator: history
		});
		}

		/**
		* A `<Router>` that accepts a pre-instantiated history object. It's important
		* to note that using your own history object is highly discouraged and may add
		* two versions of the history library to your bundles unless you use the same
		* version of the history library that React Router uses internally.
		*/
		function HistoryRouter({
		basename,
		children,
		history
		}) {
		const [state, setState] = React.useState({
		action: history.action,
		location: history.location
		});
		React.useLayoutEffect(() => history.listen(setState), [history]);
		return /#__PURE__/React.createElement(Router, {
		basename: basename,
		children: children,
		location: state.location,
		navigationType: state.action,
		navigator: history
		});
		}

		{
		HistoryRouter.displayName = "unstable_HistoryRouter";
		}
		const isBrowser = typeof window !== "undefined" && typeof window.document !== "undefined" && typeof window.document.createElement !== "undefined";
		const ABSOLUTE_URL_REGEX = /^(?:[a-z][a-z0-9+.-]*:\|\/\/)/i;
		/**
		* The public API for rendering a history-aware <a>.
		*/

		const Link = /#__PURE__/React.forwardRef(function LinkWithRef({
		onClick,
		relative,
		reloadDocument,
		replace,
		state,
		target,
		to,
		preventScrollReset,
		...rest
		}, ref) {
		let {
		basename
		} = React.useContext(UNSAFE_NavigationContext); // Rendered into <a href> for absolute URLs

		let absoluteHref;
		let isExternal = false;

		if (typeof to === "string" && ABSOLUTE_URL_REGEX.test(to)) {
		// Render the absolute href server- and client-side
		absoluteHref = to; // Only check for external origins client-side

		if (isBrowser) {
		try {
		let currentUrl = new URL(window.location.href);
		let targetUrl = to.startsWith("//") ? new URL(currentUrl.protocol + to) : new URL(to);
		let path = stripBasename(targetUrl.pathname, basename);

		if (targetUrl.origin === currentUrl.origin && path != null) {
		// Strip the protocol/origin/basename for same-origin absolute URLs
		to = path + targetUrl.search + targetUrl.hash;
		} else {
		isExternal = true;
		}
		} catch (e) {
		// We can't do external URL detection without a valid URL
		UNSAFE_warning(false, `<Link to="${to}"> contains an invalid URL which will probably break ` + `when clicked - please update to a valid URL path.`) ;
		}
		}
		} // Rendered into <a href> for relative URLs


		let href = useHref(to, {
		relative
		});
		let internalOnClick = useLinkClickHandler(to, {
		replace,
		state,
		target,
		preventScrollReset,
		relative
		});

		function handleClick(event) {
		if (onClick) onClick(event);

		if (!event.defaultPrevented) {
		internalOnClick(event);
		}
		}

		return (
		/#__PURE__/
		// eslint-disable-next-line jsx-a11y/anchor-has-content
		React.createElement("a", Object.assign({}, rest, {
		href: absoluteHref \|\| href,
		onClick: isExternal \|\| reloadDocument ? onClick : handleClick,
		ref: ref,
		target: target
		}))
		);
		});

		{
		Link.displayName = "Link";
		}

		/**
		* A <Link> wrapper that knows if it's "active" or not.
		*/
		const NavLink = /#__PURE__/React.forwardRef(function NavLinkWithRef({
		"aria-current": ariaCurrentProp = "page",
		caseSensitive = false,
		className: classNameProp = "",
		end = false,
		style: styleProp,
		to,
		children,
		...rest
		}, ref) {
		let path = useResolvedPath(to, {
		relative: rest.relative
		});
		let location = useLocation();
		let routerState = React.useContext(UNSAFE_DataRouterStateContext);
		let {
		navigator
		} = React.useContext(UNSAFE_NavigationContext);
		let toPathname = navigator.encodeLocation ? navigator.encodeLocation(path).pathname : path.pathname;
		let locationPathname = location.pathname;
		let nextLocationPathname = routerState && routerState.navigation && routerState.navigation.location ? routerState.navigation.location.pathname : null;

		if (!caseSensitive) {
		locationPathname = locationPathname.toLowerCase();
		nextLocationPathname = nextLocationPathname ? nextLocationPathname.toLowerCase() : null;
		toPathname = toPathname.toLowerCase();
		}

		let isActive = locationPathname === toPathname \|\| !end && locationPathname.startsWith(toPathname) && locationPathname.charAt(toPathname.length) === "/";
		let isPending = nextLocationPathname != null && (nextLocationPathname === toPathname \|\| !end && nextLocationPathname.startsWith(toPathname) && nextLocationPathname.charAt(toPathname.length) === "/");
		let ariaCurrent = isActive ? ariaCurrentProp : undefined;
		let className;

		if (typeof classNameProp === "function") {
		className = classNameProp({
		isActive,
		isPending
		});
		} else {
		// If the className prop is not a function, we use a default `active`
		// class for <NavLink />s that are active. In v5 `active` was the default
		// value for `activeClassName`, but we are removing that API and can still
		// use the old default behavior for a cleaner upgrade path and keep the
		// simple styling rules working as they currently do.
		className = [classNameProp, isActive ? "active" : null, isPending ? "pending" : null].filter(Boolean).join(" ");
		}

		let style = typeof styleProp === "function" ? styleProp({
		isActive,
		isPending
		}) : styleProp;
		return /#__PURE__/React.createElement(Link, Object.assign({}, rest, {
		"aria-current": ariaCurrent,
		className: className,
		ref: ref,
		style: style,
		to: to
		}), typeof children === "function" ? children({
		isActive,
		isPending
		}) : children);
		});

		{
		NavLink.displayName = "NavLink";
		}

		/**
		* A `@remix-run/router`-aware `<form>`. It behaves like a normal form except
		* that the interaction with the server is with `fetch` instead of new document
		* requests, allowing components to add nicer UX to the page as the form is
		* submitted and returns with data.
		*/
		const Form = /#__PURE__/React.forwardRef((props, ref) => {
		return /#__PURE__/React.createElement(FormImpl, Object.assign({}, props, {
		ref: ref
		}));
		});

		{
		Form.displayName = "Form";
		}

		const FormImpl = /#__PURE__/React.forwardRef(({
		reloadDocument,
		replace,
		method: _method = defaultMethod,
		action,
		onSubmit,
		fetcherKey,
		routeId,
		relative,
		preventScrollReset,
		...props
		}, forwardedRef) => {
		let submit = useSubmitImpl(fetcherKey, routeId);
		let formMethod = _method.toLowerCase() === "get" ? "get" : "post";
		let formAction = useFormAction(action, {
		relative
		});

		let submitHandler = event => {
		onSubmit && onSubmit(event);
		if (event.defaultPrevented) return;
		event.preventDefault();
		let submitter = event.nativeEvent.submitter;

		let submitMethod = submitter?.getAttribute("formmethod") \|\| _method;

		submit(submitter \|\| event.currentTarget, {
		method: submitMethod,
		replace,
		relative,
		preventScrollReset
		});
		};

		return /#__PURE__/React.createElement("form", Object.assign({
		ref: forwardedRef,
		method: formMethod,
		action: formAction,
		onSubmit: reloadDocument ? onSubmit : submitHandler
		}, props));
		});

		{
		FormImpl.displayName = "FormImpl";
		}

		/**
		* This component will emulate the browser's scroll restoration on location
		* changes.
		*/
		function ScrollRestoration({
		getKey,
		storageKey
		}) {
		useScrollRestoration({
		getKey,
		storageKey
		});
		return null;
		}

		{
		ScrollRestoration.displayName = "ScrollRestoration";
		} //#endregion
		////////////////////////////////////////////////////////////////////////////////
		//#region Hooks
		////////////////////////////////////////////////////////////////////////////////


		var DataRouterHook;

		(function (DataRouterHook) {
		DataRouterHook["UseScrollRestoration"] = "useScrollRestoration";
		DataRouterHook["UseSubmitImpl"] = "useSubmitImpl";
		DataRouterHook["UseFetcher"] = "useFetcher";
		})(DataRouterHook \|\| (DataRouterHook = {}));

		var DataRouterStateHook;

		(function (DataRouterStateHook) {
		DataRouterStateHook["UseFetchers"] = "useFetchers";
		DataRouterStateHook["UseScrollRestoration"] = "useScrollRestoration";
		})(DataRouterStateHook \|\| (DataRouterStateHook = {}));

		function getDataRouterConsoleError(hookName) {
		return `${hookName} must be used within a data router. See https://reactrouter.com/routers/picking-a-router.`;
		}

		function useDataRouterContext(hookName) {
		let ctx = React.useContext(UNSAFE_DataRouterContext);
		!ctx ? UNSAFE_invariant(false, getDataRouterConsoleError(hookName)) : void 0;
		return ctx;
		}

		function useDataRouterState(hookName) {
		let state = React.useContext(UNSAFE_DataRouterStateContext);
		!state ? UNSAFE_invariant(false, getDataRouterConsoleError(hookName)) : void 0;
		return state;
		}
		/**
		* Handles the click behavior for router `<Link>` components. This is useful if
		* you need to create custom `<Link>` components with the same click behavior we
		* use in our exported `<Link>`.
		*/


		function useLinkClickHandler(to, {
		target,
		replace: replaceProp,
		state,
		preventScrollReset,
		relative
		} = {}) {
		let navigate = useNavigate();
		let location = useLocation();
		let path = useResolvedPath(to, {
		relative
		});
		return React.useCallback(event => {
		if (shouldProcessLinkClick(event, target)) {
		event.preventDefault(); // If the URL hasn't changed, a regular <a> will do a replace instead of
		// a push, so do the same here unless the replace prop is explicitly set

		let replace = replaceProp !== undefined ? replaceProp : createPath(location) === createPath(path);
		navigate(to, {
		replace,
		state,
		preventScrollReset,
		relative
		});
		}
		}, [location, navigate, path, replaceProp, state, target, to, preventScrollReset, relative]);
		}
		/**
		* A convenient wrapper for reading and writing search parameters via the
		* URLSearchParams interface.
		*/

		function useSearchParams(defaultInit) {
		UNSAFE_warning(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\n\n` + `If you're unsure how to load polyfills, we recommend you check out ` + `https://polyfill.io/v3/ which provides some recommendations about how ` + `to load polyfills only for users that need them, instead of for every ` + `user.`) ;
		let defaultSearchParamsRef = React.useRef(createSearchParams(defaultInit));
		let hasSetSearchParamsRef = React.useRef(false);
		let location = useLocation();
		let searchParams = React.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
		// remove a param with setSearchParams({}) if it has an initial value
		getSearchParamsForLocation(location.search, hasSetSearchParamsRef.current ? null : defaultSearchParamsRef.current), [location.search]);
		let navigate = useNavigate();
		let setSearchParams = React.useCallback((nextInit, navigateOptions) => {
		const newSearchParams = createSearchParams(typeof nextInit === "function" ? nextInit(searchParams) : nextInit);
		hasSetSearchParamsRef.current = true;
		navigate("?" + newSearchParams, navigateOptions);
		}, [navigate, searchParams]);
		return [searchParams, setSearchParams];
		}

		/**
		* Returns a function that may be used to programmatically submit a form (or
		* some arbitrary data) to the server.
		*/
		function useSubmit() {
		return useSubmitImpl();
		}

		function useSubmitImpl(fetcherKey, fetcherRouteId) {
		let {
		router
		} = useDataRouterContext(DataRouterHook.UseSubmitImpl);
		let {
		basename
		} = React.useContext(UNSAFE_NavigationContext);
		let currentRouteId = UNSAFE_useRouteId();
		return React.useCallback((target, options = {}) => {
		if (typeof document === "undefined") {
		throw new Error("You are calling submit during the server render. " + "Try calling submit within a `useEffect` or callback instead.");
		}

		let {
		action,
		method,
		encType,
		formData
		} = getFormSubmissionInfo(target, options, basename); // Base options shared between fetch() and navigate()

		let opts = {
		preventScrollReset: options.preventScrollReset,
		formData,
		formMethod: method,
		formEncType: encType
		};

		if (fetcherKey) {
		!(fetcherRouteId != null) ? UNSAFE_invariant(false, "No routeId available for useFetcher()") : void 0;
		router.fetch(fetcherKey, fetcherRouteId, action, opts);
		} else {
		router.navigate(action, { ...opts,
		replace: options.replace,
		fromRouteId: currentRouteId
		});
		}
		}, [router, basename, fetcherKey, fetcherRouteId, currentRouteId]);
		} // v7: Eventually we should deprecate this entirely in favor of using the
		// router method directly?


		function useFormAction(action, {
		relative
		} = {}) {
		let {
		basename
		} = React.useContext(UNSAFE_NavigationContext);
		let routeContext = React.useContext(UNSAFE_RouteContext);
		!routeContext ? UNSAFE_invariant(false, "useFormAction must be used inside a RouteContext") : void 0;
		let [match] = routeContext.matches.slice(-1); // Shallow clone path so we can modify it below, otherwise we modify the
		// object referenced by useMemo inside useResolvedPath

		let path = { ...useResolvedPath(action ? action : ".", {
		relative
		})
		}; // Previously we set the default action to ".". The problem with this is that
		// `useResolvedPath(".")` excludes search params and the hash of the resolved
		// URL. This is the intended behavior of when "." is specifically provided as
		// the form action, but inconsistent w/ browsers when the action is omitted.
		// https://github.com/remix-run/remix/issues/927

		let location = useLocation();

		if (action == null) {
		// Safe to write to these directly here since if action was undefined, we
		// would have called useResolvedPath(".") which will never include a search
		// or hash
		path.search = location.search;
		path.hash = location.hash; // When grabbing search params from the URL, remove the automatically
		// inserted ?index param so we match the useResolvedPath search behavior
		// which would not include ?index

		if (match.route.index) {
		let params = new URLSearchParams(path.search);
		params.delete("index");
		path.search = params.toString() ? `?${params.toString()}` : "";
		}
		}

		if ((!action \|\| action === ".") && match.route.index) {
		path.search = path.search ? path.search.replace(/^\?/, "?index&") : "?index";
		} // If we're operating within a basename, prepend it to the pathname prior
		// to creating the form action. If this is a root navigation, then just use
		// the raw basename which allows the basename to have full control over the
		// presence of a trailing slash on root actions


		if (basename !== "/") {
		path.pathname = path.pathname === "/" ? basename : joinPaths([basename, path.pathname]);
		}

		return createPath(path);
		}

		function createFetcherForm(fetcherKey, routeId) {
		let FetcherForm = /#__PURE__/React.forwardRef((props, ref) => {
		return /#__PURE__/React.createElement(FormImpl, Object.assign({}, props, {
		ref: ref,
		fetcherKey: fetcherKey,
		routeId: routeId
		}));
		});

		{
		FetcherForm.displayName = "fetcher.Form";
		}

		return FetcherForm;
		}

		let fetcherId = 0;

		/**
		* Interacts with route loaders and actions without causing a navigation. Great
		* for any interaction that stays on the same page.
		*/
		function useFetcher() {
		let {
		router
		} = useDataRouterContext(DataRouterHook.UseFetcher);
		let route = React.useContext(UNSAFE_RouteContext);
		!route ? UNSAFE_invariant(false, `useFetcher must be used inside a RouteContext`) : void 0;
		let routeId = route.matches[route.matches.length - 1]?.route.id;
		!(routeId != null) ? UNSAFE_invariant(false, `useFetcher can only be used on routes that contain a unique "id"`) : void 0;
		let [fetcherKey] = React.useState(() => String(++fetcherId));
		let [Form] = React.useState(() => {
		!routeId ? UNSAFE_invariant(false, `No routeId available for fetcher.Form()`) : void 0;
		return createFetcherForm(fetcherKey, routeId);
		});
		let [load] = React.useState(() => href => {
		!router ? UNSAFE_invariant(false, "No router available for fetcher.load()") : void 0;
		!routeId ? UNSAFE_invariant(false, "No routeId available for fetcher.load()") : void 0;
		router.fetch(fetcherKey, routeId, href);
		});
		let submit = useSubmitImpl(fetcherKey, routeId);
		let fetcher = router.getFetcher(fetcherKey);
		let fetcherWithComponents = React.useMemo(() => ({
		Form,
		submit,
		load,
		...fetcher
		}), [fetcher, Form, submit, load]);
		React.useEffect(() => {
		// Is this busted when the React team gets real weird and calls effects
		// twice on mount? We really just need to garbage collect here when this
		// fetcher is no longer around.
		return () => {
		if (!router) {
		console.warn(`No router available to clean up from useFetcher()`);
		return;
		}

		router.deleteFetcher(fetcherKey);
		};
		}, [router, fetcherKey]);
		return fetcherWithComponents;
		}
		/**
		* Provides all fetchers currently on the page. Useful for layouts and parent
		* routes that need to provide pending/optimistic UI regarding the fetch.
		*/

		function useFetchers() {
		let state = useDataRouterState(DataRouterStateHook.UseFetchers);
		return [...state.fetchers.values()];
		}
		const SCROLL_RESTORATION_STORAGE_KEY = "react-router-scroll-positions";
		let savedScrollPositions = {};
		/**
		* When rendered inside a RouterProvider, will restore scroll positions on navigations
		*/

		function useScrollRestoration({
		getKey,
		storageKey
		} = {}) {
		let {
		router
		} = useDataRouterContext(DataRouterHook.UseScrollRestoration);
		let {
		restoreScrollPosition,
		preventScrollReset
		} = useDataRouterState(DataRouterStateHook.UseScrollRestoration);
		let location = useLocation();
		let matches = useMatches();
		let navigation = useNavigation(); // Trigger manual scroll restoration while we're active

		React.useEffect(() => {
		window.history.scrollRestoration = "manual";
		return () => {
		window.history.scrollRestoration = "auto";
		};
		}, []); // Save positions on pagehide

		usePageHide(React.useCallback(() => {
		if (navigation.state === "idle") {
		let key = (getKey ? getKey(location, matches) : null) \|\| location.key;
		savedScrollPositions[key] = window.scrollY;
		}

		sessionStorage.setItem(storageKey \|\| SCROLL_RESTORATION_STORAGE_KEY, JSON.stringify(savedScrollPositions));
		window.history.scrollRestoration = "auto";
		}, [storageKey, getKey, navigation.state, location, matches])); // Read in any saved scroll locations

		if (typeof document !== "undefined") {
		// eslint-disable-next-line react-hooks/rules-of-hooks
		React.useLayoutEffect(() => {
		try {
		let sessionPositions = sessionStorage.getItem(storageKey \|\| SCROLL_RESTORATION_STORAGE_KEY);

		if (sessionPositions) {
		savedScrollPositions = JSON.parse(sessionPositions);
		}
		} catch (e) {// no-op, use default empty object
		}
		}, [storageKey]); // Enable scroll restoration in the router
		// eslint-disable-next-line react-hooks/rules-of-hooks

		React.useLayoutEffect(() => {
		let disableScrollRestoration = router?.enableScrollRestoration(savedScrollPositions, () => window.scrollY, getKey);
		return () => disableScrollRestoration && disableScrollRestoration();
		}, [router, getKey]); // Restore scrolling when state.restoreScrollPosition changes
		// eslint-disable-next-line react-hooks/rules-of-hooks

		React.useLayoutEffect(() => {
		// Explicit false means don't do anything (used for submissions)
		if (restoreScrollPosition === false) {
		return;
		} // been here before, scroll to it


		if (typeof restoreScrollPosition === "number") {
		window.scrollTo(0, restoreScrollPosition);
		return;
		} // try to scroll to the hash


		if (location.hash) {
		let el = document.getElementById(location.hash.slice(1));

		if (el) {
		el.scrollIntoView();
		return;
		}
		} // Don't reset if this navigation opted out


		if (preventScrollReset === true) {
		return;
		} // otherwise go to the top on new locations


		window.scrollTo(0, 0);
		}, [location, restoreScrollPosition, preventScrollReset]);
		}
		}
		/**
		* Setup a callback to be fired on the window's `beforeunload` event. This is
		* useful for saving some data to `window.localStorage` just before the page
		* refreshes.
		*
		* Note: The `callback` argument should be a function created with
		* `React.useCallback()`.
		*/

		function useBeforeUnload(callback, options) {
		let {
		capture
		} = options \|\| {};
		React.useEffect(() => {
		let opts = capture != null ? {
		capture
		} : undefined;
		window.addEventListener("beforeunload", callback, opts);
		return () => {
		window.removeEventListener("beforeunload", callback, opts);
		};
		}, [callback, capture]);
		}
		/**
		* Setup a callback to be fired on the window's `pagehide` event. This is
		* useful for saving some data to `window.localStorage` just before the page
		* refreshes. This event is better supported than beforeunload across browsers.
		*
		* Note: The `callback` argument should be a function created with
		* `React.useCallback()`.
		*/

		function usePageHide(callback, options) {
		let {
		capture
		} = options \|\| {};
		React.useEffect(() => {
		let opts = capture != null ? {
		capture
		} : undefined;
		window.addEventListener("pagehide", callback, opts);
		return () => {
		window.removeEventListener("pagehide", callback, opts);
		};
		}, [callback, capture]);
		}
		/**
		* Wrapper around useBlocker to show a window.confirm prompt to users instead
		* of building a custom UI with useBlocker.
		*
		* Warning: This has a lot of rough edges and behaves very differently (and
		* very incorrectly in some cases) across browsers if user click addition
		* back/forward navigations while the confirm is open. Use at your own risk.
		*/


		function usePrompt({
		when,
		message
		}) {
		let blocker = unstable_useBlocker(when);
		React.useEffect(() => {
		if (blocker.state === "blocked" && !when) {
		blocker.reset();
		}
		}, [blocker, when]);
		React.useEffect(() => {
		if (blocker.state === "blocked") {
		let proceed = window.confirm(message);

		if (proceed) {
		setTimeout(blocker.proceed, 0);
		} else {
		blocker.reset();
		}
		}
		}, [blocker, message]);
		}
		//#endregion

		export { BrowserRouter, Form, HashRouter, Link, NavLink, ScrollRestoration, useScrollRestoration as UNSAFE_useScrollRestoration, createBrowserRouter, createHashRouter, createSearchParams, HistoryRouter as unstable_HistoryRouter, usePrompt as unstable_usePrompt, useBeforeUnload, useFetcher, useFetchers, useFormAction, useLinkClickHandler, useSearchParams, useSubmit };
		//# sourceMappingURL=react-router-dom.development.js.map

dist/react-router-dom.production.min.js

		/**
		* React Router DOM v0.0.0-experimental-f92aa2e1
		* React Router DOM v0.0.0-experimental-fbbd4fd81
		*
		@@ -11,3 +11,3 @@ * Copyright (c) Remix Software Inc.
		*/
		importas e from"react";import{UNSAFE_mapRouteProperties as t,Router as r,UNSAFE_NavigationContext as n,useHref as o,useResolvedPath as a,useLocation as i,UNSAFE_DataRouterStateContext as s,useNavigate as u,createPath as l,UNSAFE_useRouteId as c,UNSAFE_RouteContext as f,useMatches as m,useNavigation as d,unstable_useBlocker as h,UNSAFE_DataRouterContext as p}from"react-router";export{AbortedDeferredError,Await,MemoryRouter,Navigate,NavigationType,Outlet,Route,Router,RouterProvider,Routes,UNSAFE_DataRouterContext,UNSAFE_DataRouterStateContext,UNSAFE_LocationContext,UNSAFE_NavigationContext,UNSAFE_RouteContext,UNSAFE_useRouteId,createMemoryRouter,createPath,createRoutesFromChildren,createRoutesFromElements,defer,generatePath,isRouteErrorResponse,json,matchPath,matchRoutes,parsePath,redirect,renderMatches,resolvePath,unstable_useBlocker,useActionData,useAsyncError,useAsyncValue,useHref,useInRouterContext,useLoaderData,useLocation,useMatch,useMatches,useNavigate,useNavigation,useNavigationType,useOutlet,useOutletContext,useParams,useResolvedPath,useRevalidator,useRouteError,useRouteLoaderData,useRoutes}from"react-router";import{stripBasename as g,createRouter as w,createBrowserHistory as y,createHashHistory as v,ErrorResponse as b,UNSAFE_invariant as R,joinPaths as S}from"@remix-run/router";const E="application/x-www-form-urlencoded";function C(e){return null!=e&&"string"==typeof e.tagName}function A(e=""){return new URLSearchParams("string"==typeof e\|\|Array.isArray(e)\|\|e instanceof URLSearchParams?e:Object.keys(e).reduce(((t,r)=>{let n=e[r];return t.concat(Array.isArray(n)?n.map((e=>[r,e])):[[r,n]])}),[]))}function L(e,t,r){let n,o,a,i=null;if(C(s=e)&&"form"===s.tagName.toLowerCase()){let s=t.submissionTrigger;if(t.action)i=t.action;else{let t=e.getAttribute("action");i=t?g(t,r):null}n=t.method\|\|e.getAttribute("method")\|\|"get",o=t.encType\|\|e.getAttribute("enctype")\|\|E,a=new FormData(e),s&&s.name&&a.append(s.name,s.value)}else if(function(e){return C(e)&&"button"===e.tagName.toLowerCase()}(e)\|\|function(e){return C(e)&&"input"===e.tagName.toLowerCase()}(e)&&("submit"===e.type\|\|"image"===e.type)){let s=e.form;if(null==s)throw new Error('Cannot submit a <button> or <input type="submit"> without a <form>');if(t.action)i=t.action;else{let t=e.getAttribute("formaction")\|\|s.getAttribute("action");i=t?g(t,r):null}n=t.method\|\|e.getAttribute("formmethod")\|\|s.getAttribute("method")\|\|"get",o=t.encType\|\|e.getAttribute("formenctype")\|\|s.getAttribute("enctype")\|\|E,a=new FormData(s),e.name&&a.append(e.name,e.value)}else{if(C(e))throw new Error('Cannot submit element that is not <form>, <button>, or <input type="submit\|image">');if(n=t.method\|\|"get",i=t.action\|\|null,o=t.encType\|\|E,e instanceof FormData)a=e;else if(a=new FormData,e instanceof URLSearchParams)for(let[t,r]of e)a.append(t,r);else if(null!=e)for(let t of Object.keys(e))a.append(t,e[t])}var s;return{action:i,method:n.toLowerCase(),encType:o,formData:a}}function x(e,r){return w({basename:r?.basename,future:{...r?.future,v7_prependBasename:!0},history:y({window:r?.window}),hydrationData:r?.hydrationData\|\|F(),routes:e,mapRouteProperties:t}).initialize()}function U(e,r){return w({basename:r?.basename,future:{...r?.future,v7_prependBasename:!0},history:v({window:r?.window}),hydrationData:r?.hydrationData\|\|F(),routes:e,mapRouteProperties:t}).initialize()}function F(){let e=window?.__staticRouterHydrationData;return e&&e.errors&&(e={...e,errors:D(e.errors)}),e}function D(e){if(!e)return null;let t=Object.entries(e),r={};for(let[n,o]of t)if(o&&"RouteErrorResponse"===o.__type)r[n]=new b(o.status,o.statusText,o.data,!0===o.internal);else if(o&&"Error"===o.__type){let e=new Error(o.message);e.stack="",r[n]=e}else r[n]=o;return r}function N({basename:t,children:n,window:o}){let a=e.useRef();null==a.current&&(a.current=y({window:o,v5Compat:!0}));let i=a.current,[s,u]=e.useState({action:i.action,location:i.location});return e.useLayoutEffect((()=>i.listen(u)),[i]),e.createElement(r,{basename:t,children:n,location:s.location,navigationType:s.action,navigator:i})}function P({basename:t,children:n,window:o}){let a=e.useRef();null==a.current&&(a.current=v({window:o,v5Compat:!0}));let i=a.current,[s,u]=e.useState({action:i.action,location:i.location});return e.useLayoutEffect((()=>i.listen(u)),[i]),e.createElement(r,{basename:t,children:n,location:s.location,navigationType:s.action,navigator:i})}function _({basename:t,children:n,history:o}){const[a,i]=e.useState({action:o.action,location:o.location});return e.useLayoutEffect((()=>o.listen(i)),[o]),e.createElement(r,{basename:t,children:n,location:a.location,navigationType:a.action,navigator:o})}const T="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement,k=/^(?:[a-z][a-z0-9+.-]:\|\/\/)/i,O=e.forwardRef((function({onClick:t,relative:r,reloadDocument:a,replace:i,state:s,target:u,to:l,preventScrollReset:c,...f},m){let d,{basename:h}=e.useContext(n),p=!1;if("string"==typeof l&&k.test(l)&&(d=l,T))try{let e=new URL(window.location.href),t=l.startsWith("//")?new URL(e.protocol+l):new URL(l),r=g(t.pathname,h);t.origin===e.origin&&null!=r?l=r+t.search+t.hash:p=!0}catch(v){}let w=o(l,{relative:r}),y=Y(l,{replace:i,state:s,target:u,preventScrollReset:c,relative:r});return e.createElement("a",Object.assign({},f,{href:d\|\|w,onClick:p\|\|a?t:function(e){t&&t(e),e.defaultPrevented\|\|y(e)},ref:m,target:u}))})),I=e.forwardRef((function({"aria-current":t="page",caseSensitive:r=!1,className:o="",end:u=!1,style:l,to:c,children:f,...m},d){let h=a(c,{relative:m.relative}),p=i(),g=e.useContext(s),{navigator:w}=e.useContext(n),y=w.encodeLocation?w.encodeLocation(h).pathname:h.pathname,v=p.pathname,b=g&&g.navigation&&g.navigation.location?g.navigation.location.pathname:null;r\|\|(v=v.toLowerCase(),b=b?b.toLowerCase():null,y=y.toLowerCase());let R,S=v===y\|\|!u&&v.startsWith(y)&&"/"===v.charAt(y.length),E=null!=b&&(b===y\|\|!u&&b.startsWith(y)&&"/"===b.charAt(y.length)),C=S?t:void 0;R="function"==typeof o?o({isActive:S,isPending:E}):[o,S?"active":null,E?"pending":null].filter(Boolean).join(" ");let A="function"==typeof l?l({isActive:S,isPending:E}):l;return e.createElement(O,Object.assign({},m,{"aria-current":C,className:R,ref:d,style:A,to:c}),"function"==typeof f?f({isActive:S,isPending:E}):f)})),K=e.forwardRef(((t,r)=>e.createElement(j,Object.assign({},t,{ref:r})))),j=e.forwardRef((({reloadDocument:t,replace:r,method:n="get",action:o,onSubmit:a,fetcherKey:i,routeId:s,relative:u,preventScrollReset:l,...c},f)=>{let m=$(i,s),d="get"===n.toLowerCase()?"get":"post",h=q(o,{relative:u});return e.createElement("form",Object.assign({ref:f,method:d,action:h,onSubmit:t?a:e=>{if(a&&a(e),e.defaultPrevented)return;e.preventDefault();let t=e.nativeEvent.submitter,o=t?.getAttribute("formmethod")\|\|n;m(t\|\|e.currentTarget,{method:o,replace:r,relative:u,preventScrollReset:l})}},c))}));function M({getKey:e,storageKey:t}){return ee({getKey:e,storageKey:t}),null}var B,z;function H(t){let r=e.useContext(p);return r\|\|R(!1),r}function W(t){let r=e.useContext(s);return r\|\|R(!1),r}function Y(t,{target:r,replace:n,state:o,preventScrollReset:s,relative:c}={}){let f=u(),m=i(),d=a(t,{relative:c});return e.useCallback((e=>{if(function(e,t){return!(0!==e.button\|\|t&&"_self"!==t\|\|function(e){return!!(e.metaKey\|\|e.altKey\|\|e.ctrlKey\|\|e.shiftKey)}(e))}(e,r)){e.preventDefault();let r=void 0!==n?n:l(m)===l(d);f(t,{replace:r,state:o,preventScrollReset:s,relative:c})}}),[m,f,d,n,o,r,t,s,c])}function J(t){let r=e.useRef(A(t)),n=e.useRef(!1),o=i(),a=e.useMemo((()=>function(e,t){let r=A(e);if(t)for(let n of t.keys())r.has(n)\|\|t.getAll(n).forEach((e=>{r.append(n,e)}));return r}(o.search,n.current?null:r.current)),[o.search]),s=u(),l=e.useCallback(((e,t)=>{const r=A("function"==typeof e?e(a):e);n.current=!0,s("?"+r,t)}),[s,a]);return[a,l]}function V(){return $()}function $(t,r){let{router:o}=H(B.UseSubmitImpl),{basename:a}=e.useContext(n),i=c();return e.useCallback(((e,n={})=>{if("undefined"==typeof document)throw new Error("You are calling submit during the server render. Try calling submit within a `useEffect` or callback instead.");let{action:s,method:u,encType:l,formData:c}=L(e,n,a),f={preventScrollReset:n.preventScrollReset,formData:c,formMethod:u,formEncType:l};t?(null==r&&R(!1),o.fetch(t,r,s,f)):o.navigate(s,{...f,replace:n.replace,fromRouteId:i})}),[o,a,t,r,i])}function q(t,{relative:r}={}){let{basename:o}=e.useContext(n),s=e.useContext(f);s\|\|R(!1);let[u]=s.matches.slice(-1),c={...a(t\|\|".",{relative:r})},m=i();if(null==t&&(c.search=m.search,c.hash=m.hash,u.route.index)){let e=new URLSearchParams(c.search);e.delete("index"),c.search=e.toString()?`?${e.toString()}`:""}return t&&"."!==t\|\|!u.route.index\|\|(c.search=c.search?c.search.replace(/^\?/,"?index&"):"?index"),"/"!==o&&(c.pathname="/"===c.pathname?o:S([o,c.pathname])),l(c)}!function(e){e.UseScrollRestoration="useScrollRestoration",e.UseSubmitImpl="useSubmitImpl",e.UseFetcher="useFetcher"}(B\|\|(B={})),function(e){e.UseFetchers="useFetchers",e.UseScrollRestoration="useScrollRestoration"}(z\|\|(z={}));let G=0;function Q(){let{router:t}=H(B.UseFetcher),r=e.useContext(f);r\|\|R(!1);let n=r.matches[r.matches.length-1]?.route.id;null==n&&R(!1);let[o]=e.useState((()=>String(++G))),[a]=e.useState((()=>(n\|\|R(!1),function(t,r){return e.forwardRef(((n,o)=>e.createElement(j,Object.assign({},n,{ref:o,fetcherKey:t,routeId:r}))))}(o,n)))),[i]=e.useState((()=>e=>{t\|\|R(!1),n\|\|R(!1),t.fetch(o,n,e)})),s=$(o,n),u=t.getFetcher(o),l=e.useMemo((()=>({Form:a,submit:s,load:i,...u})),[u,a,s,i]);return e.useEffect((()=>()=>{t?t.deleteFetcher(o):console.warn("No router available to clean up from useFetcher()")}),[t,o]),l}function X(){return[...W(z.UseFetchers).fetchers.values()]}let Z={};function ee({getKey:t,storageKey:r}={}){let{router:n}=H(B.UseScrollRestoration),{restoreScrollPosition:o,preventScrollReset:a}=W(z.UseScrollRestoration),s=i(),u=m(),l=d();e.useEffect((()=>(window.history.scrollRestoration="manual",()=>{window.history.scrollRestoration="auto"})),[]),function(t,r){let{capture:n}=r\|\|{};e.useEffect((()=>{let e=null!=n?{capture:n}:void 0;return window.addEventListener("pagehide",t,e),()=>{window.removeEventListener("pagehide",t,e)}}),[t,n])}(e.useCallback((()=>{if("idle"===l.state){let e=(t?t(s,u):null)\|\|s.key;Z[e]=window.scrollY}sessionStorage.setItem(r\|\|"react-router-scroll-positions",JSON.stringify(Z)),window.history.scrollRestoration="auto"}),[r,t,l.state,s,u])),"undefined"!=typeof document&&(e.useLayoutEffect((()=>{try{let e=sessionStorage.getItem(r\|\|"react-router-scroll-positions");e&&(Z=JSON.parse(e))}catch(e){}}),[r]),e.useLayoutEffect((()=>{let e=n?.enableScrollRestoration(Z,(()=>window.scrollY),t);return()=>e&&e()}),[n,t]),e.useLayoutEffect((()=>{if(!1!==o)if("number"!=typeof o){if(s.hash){let e=document.getElementById(s.hash.slice(1));if(e)return void e.scrollIntoView()}!0!==a&&window.scrollTo(0,0)}else window.scrollTo(0,o)}),[s,o,a]))}function te(t,r){let{capture:n}=r\|\|{};e.useEffect((()=>{let e=null!=n?{capture:n}:void 0;return window.addEventListener("beforeunload",t,e),()=>{window.removeEventListener("beforeunload",t,e)}}),[t,n])}function re({when:t,message:r}){let n=h(t);e.useEffect((()=>{"blocked"!==n.state\|\|t\|\|n.reset()}),[n,t]),e.useEffect((()=>{if("blocked"===n.state){window.confirm(r)?setTimeout(n.proceed,0):n.reset()}}),[n,r])}export{N as BrowserRouter,K as Form,P as HashRouter,O as Link,I as NavLink,M as ScrollRestoration,ee as UNSAFE_useScrollRestoration,x as createBrowserRouter,U as createHashRouter,A as createSearchParams,_ as unstable_HistoryRouter,re as unstable_usePrompt,te as useBeforeUnload,Q as useFetcher,X as useFetchers,q as useFormAction,Y as useLinkClickHandler,J as useSearchParams,V as useSubmit};
		export{AbortedDeferredError,Await,BrowserRouter,Form,HashRouter,HydratedRouter,Link,Links,MemoryRouter,Meta,NavLink,Navigate,NavigationType,Outlet,PrefetchPageLinks,RemixServer,Route,Router,RouterProvider,Routes,Scripts,ScrollRestoration,StaticRouter,StaticRouterProvider,UNSAFE_DEFERRED_SYMBOL,UNSAFE_DataRouterContext,UNSAFE_DataRouterStateContext,UNSAFE_ErrorResponseImpl,UNSAFE_FetchersContext,UNSAFE_LocationContext,UNSAFE_NavigationContext,UNSAFE_RemixContext,UNSAFE_RouteContext,UNSAFE_SingleFetchRedirectSymbol,UNSAFE_ViewTransitionContext,UNSAFE_convertRoutesToDataRoutes,UNSAFE_decodeViaTurboStream,UNSAFE_mapRouteProperties,UNSAFE_useRouteId,UNSAFE_useRoutesImpl,UNSAFE_useScrollRestoration,createBrowserRouter,createHashRouter,createMemoryRouter,createPath,createRemixStub,createRoutesFromChildren,createRoutesFromChildren as createRoutesFromElements,createSearchParams,createStaticHandler,createStaticRouter,defer,generatePath,getStaticContextFromError,isRouteErrorResponse,json,matchPath,matchRoutes,parsePath,redirect,redirectDocument,renderMatches,resolvePath,stripBasename,unstable_HistoryRouter,unstable_usePrompt,unstable_useViewTransitionState,useActionData,useAsyncError,useAsyncValue,useBeforeUnload,useBlocker,useFetcher,useFetchers,useFormAction,useHref,useInRouterContext,useLinkClickHandler,useLoaderData,useLocation,useMatch,useMatches,useNavigate,useNavigation,useNavigationType,useOutlet,useOutletContext,useParams,useResolvedPath,useRevalidator,useRouteError,useRouteLoaderData,useRoutes,useSearchParams,useSubmit}from"react-router";let e=!1;e\|\|"undefined"==typeof console\|\|(e=!0,console.warn("The `react-router-dom` package is deprecated in v7, you can change all of your imports to load directly from the `react-router` package."));
		//# sourceMappingURL=react-router-dom.production.min.js.map

1275

dist/umd/react-router-dom.development.js

		/**
		* React Router DOM v0.0.0-experimental-f92aa2e1
		* React Router DOM v0.0.0-experimental-fbbd4fd81
		*
		@@ -12,1069 +12,13 @@ * Copyright (c) Remix Software Inc.
		(function (global, factory) {
		typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('react-router'), require('@remix-run/router')) :
		typeof define === 'function' && define.amd ? define(['exports', 'react', 'react-router', '@remix-run/router'], factory) :
		(global = typeof globalThis !== 'undefined' ? globalThis : global \|\| self, factory(global.ReactRouterDOM = {}, global.React, global.ReactRouter, global.RemixRouter));
		})(this, (function (exports, React, reactRouter, router) { 'use strict';
		typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react-router')) :
		typeof define === 'function' && define.amd ? define(['exports', 'react-router'], factory) :
		(global = typeof globalThis !== 'undefined' ? globalThis : global \|\| self, factory(global.ReactRouterDOM = {}, global.ReactRouter));
		})(this, (function (exports, reactRouter) { 'use strict';

		function _interopNamespace(e) {
		if (e && e.__esModule) return e;
		var n = Object.create(null);
		if (e) {
		Object.keys(e).forEach(function (k) {
		if (k !== 'default') {
		var d = Object.getOwnPropertyDescriptor(e, k);
		Object.defineProperty(n, k, d.get ? d : {
		enumerable: true,
		get: function () { return e[k]; }
		});
		}
		});
		}
		n["default"] = e;
		return Object.freeze(n);
		let alreadyWarned = false;
		if (!alreadyWarned && typeof console !== "undefined") {
		alreadyWarned = true;
		console.warn("The `react-router-dom` package is deprecated in v7, you can change all " + "of your imports to load directly from the `react-router` package.");
		}

		var React__namespace = /#__PURE__/_interopNamespace(React);

		function _extends() {
		_extends = Object.assign ? Object.assign.bind() : function (target) {
		for (var i = 1; i < arguments.length; i++) {
		var source = arguments[i];

		for (var key in source) {
		if (Object.prototype.hasOwnProperty.call(source, key)) {
		target[key] = source[key];
		}
		}
		}

		return target;
		};
		return _extends.apply(this, arguments);
		}

		function _objectWithoutPropertiesLoose(source, excluded) {
		if (source == null) return {};
		var target = {};
		var sourceKeys = Object.keys(source);
		var key, i;

		for (i = 0; i < sourceKeys.length; i++) {
		key = sourceKeys[i];
		if (excluded.indexOf(key) >= 0) continue;
		target[key] = source[key];
		}

		return target;
		}

		const defaultMethod = "get";
		const defaultEncType = "application/x-www-form-urlencoded";
		function isHtmlElement(object) {
		return object != null && typeof object.tagName === "string";
		}
		function isButtonElement(object) {
		return isHtmlElement(object) && object.tagName.toLowerCase() === "button";
		}
		function isFormElement(object) {
		return isHtmlElement(object) && object.tagName.toLowerCase() === "form";
		}
		function isInputElement(object) {
		return isHtmlElement(object) && object.tagName.toLowerCase() === "input";
		}

		function isModifiedEvent(event) {
		return !!(event.metaKey \|\| event.altKey \|\| event.ctrlKey \|\| event.shiftKey);
		}

		function shouldProcessLinkClick(event, target) {
		return event.button === 0 && ( // Ignore everything but left clicks
		!target \|\| target === "_self") && // Let browser handle "target=_blank" etc.
		!isModifiedEvent(event) // Ignore clicks with modifier keys
		;
		}

		/**
		* Creates a URLSearchParams object using the given initializer.
		*
		* This is identical to `new URLSearchParams(init)` except it also
		* supports arrays as values in the object form of the initializer
		* instead of just strings. This is convenient when you need multiple
		* values for a given key, but don't want to use an array initializer.
		*
		* For example, instead of:
		*
		* let searchParams = new URLSearchParams([
		* ['sort', 'name'],
		* ['sort', 'price']
		* ]);
		*
		* you can do:
		*
		* let searchParams = createSearchParams({
		* sort: ['name', 'price']
		* });
		*/
		function createSearchParams(init) {
		if (init === void 0) {
		init = "";
		}

		return new URLSearchParams(typeof init === "string" \|\| Array.isArray(init) \|\| init instanceof URLSearchParams ? init : Object.keys(init).reduce((memo, key) => {
		let value = init[key];
		return memo.concat(Array.isArray(value) ? value.map(v => [key, v]) : [[key, value]]);
		}, []));
		}
		function getSearchParamsForLocation(locationSearch, defaultSearchParams) {
		let searchParams = createSearchParams(locationSearch);

		if (defaultSearchParams) {
		for (let key of defaultSearchParams.keys()) {
		if (!searchParams.has(key)) {
		defaultSearchParams.getAll(key).forEach(value => {
		searchParams.append(key, value);
		});
		}
		}
		}

		return searchParams;
		}
		function getFormSubmissionInfo(target, options, basename) {
		let method;
		let action = null;
		let encType;
		let formData;

		if (isFormElement(target)) {
		let submissionTrigger = options.submissionTrigger;

		if (options.action) {
		action = options.action;
		} else {
		// When grabbing the action from the element, it will have had the basename
		// prefixed to ensure non-JS scenarios work, so strip it since we'll
		// re-prefix in the router
		let attr = target.getAttribute("action");
		action = attr ? router.stripBasename(attr, basename) : null;
		}

		method = options.method \|\| target.getAttribute("method") \|\| defaultMethod;
		encType = options.encType \|\| target.getAttribute("enctype") \|\| defaultEncType;
		formData = new FormData(target);

		if (submissionTrigger && submissionTrigger.name) {
		formData.append(submissionTrigger.name, submissionTrigger.value);
		}
		} else if (isButtonElement(target) \|\| isInputElement(target) && (target.type === "submit" \|\| target.type === "image")) {
		let form = target.form;

		if (form == null) {
		throw new Error("Cannot submit a <button> or <input type=\"submit\"> without a <form>");
		} // <button>/<input type="submit"> may override attributes of <form>


		if (options.action) {
		action = options.action;
		} else {
		// When grabbing the action from the element, it will have had the basename
		// prefixed to ensure non-JS scenarios work, so strip it since we'll
		// re-prefix in the router
		let attr = target.getAttribute("formaction") \|\| form.getAttribute("action");
		action = attr ? router.stripBasename(attr, basename) : null;
		}

		method = options.method \|\| target.getAttribute("formmethod") \|\| form.getAttribute("method") \|\| defaultMethod;
		encType = options.encType \|\| target.getAttribute("formenctype") \|\| form.getAttribute("enctype") \|\| defaultEncType;
		formData = new FormData(form); // Include name + value from a <button>, appending in case the button name
		// matches an existing input name

		if (target.name) {
		formData.append(target.name, target.value);
		}
		} else if (isHtmlElement(target)) {
		throw new Error("Cannot submit element that is not <form>, <button>, or " + "<input type=\"submit\|image\">");
		} else {
		method = options.method \|\| defaultMethod;
		action = options.action \|\| null;
		encType = options.encType \|\| defaultEncType;

		if (target instanceof FormData) {
		formData = target;
		} else {
		formData = new FormData();

		if (target instanceof URLSearchParams) {
		for (let [name, value] of target) {
		formData.append(name, value);
		}
		} else if (target != null) {
		for (let name of Object.keys(target)) {
		formData.append(name, target[name]);
		}
		}
		}
		}

		return {
		action,
		method: method.toLowerCase(),
		encType,
		formData
		};
		}

		const _excluded = ["onClick", "relative", "reloadDocument", "replace", "state", "target", "to", "preventScrollReset"],
		_excluded2 = ["aria-current", "caseSensitive", "className", "end", "style", "to", "children"],
		_excluded3 = ["reloadDocument", "replace", "method", "action", "onSubmit", "fetcherKey", "routeId", "relative", "preventScrollReset"];

		function createBrowserRouter(routes, opts) {
		return router.createRouter({
		basename: opts == null ? void 0 : opts.basename,
		future: _extends({}, opts == null ? void 0 : opts.future, {
		v7_prependBasename: true
		}),
		history: router.createBrowserHistory({
		window: opts == null ? void 0 : opts.window
		}),
		hydrationData: (opts == null ? void 0 : opts.hydrationData) \|\| parseHydrationData(),
		routes,
		mapRouteProperties: reactRouter.UNSAFE_mapRouteProperties
		}).initialize();
		}
		function createHashRouter(routes, opts) {
		return router.createRouter({
		basename: opts == null ? void 0 : opts.basename,
		future: _extends({}, opts == null ? void 0 : opts.future, {
		v7_prependBasename: true
		}),
		history: router.createHashHistory({
		window: opts == null ? void 0 : opts.window
		}),
		hydrationData: (opts == null ? void 0 : opts.hydrationData) \|\| parseHydrationData(),
		routes,
		mapRouteProperties: reactRouter.UNSAFE_mapRouteProperties
		}).initialize();
		}

		function parseHydrationData() {
		var _window;

		let state = (_window = window) == null ? void 0 : _window.__staticRouterHydrationData;

		if (state && state.errors) {
		state = _extends({}, state, {
		errors: deserializeErrors(state.errors)
		});
		}

		return state;
		}

		function deserializeErrors(errors) {
		if (!errors) return null;
		let entries = Object.entries(errors);
		let serialized = {};

		for (let [key, val] of entries) {
		// Hey you! If you change this, please change the corresponding logic in
		// serializeErrors in react-router-dom/server.tsx :)
		if (val && val.__type === "RouteErrorResponse") {
		serialized[key] = new router.ErrorResponse(val.status, val.statusText, val.data, val.internal === true);
		} else if (val && val.__type === "Error") {
		let error = new Error(val.message); // Wipe away the client-side stack trace. Nothing to fill it in with
		// because we don't serialize SSR stack traces for security reasons

		error.stack = "";
		serialized[key] = error;
		} else {
		serialized[key] = val;
		}
		}

		return serialized;
		} //#endregion
		////////////////////////////////////////////////////////////////////////////////
		//#region Components
		////////////////////////////////////////////////////////////////////////////////


		/**
		* A `<Router>` for use in web browsers. Provides the cleanest URLs.
		*/
		function BrowserRouter(_ref) {
		let {
		basename,
		children,
		window
		} = _ref;
		let historyRef = React__namespace.useRef();

		if (historyRef.current == null) {
		historyRef.current = router.createBrowserHistory({
		window,
		v5Compat: true
		});
		}

		let history = historyRef.current;
		let [state, setState] = React__namespace.useState({
		action: history.action,
		location: history.location
		});
		React__namespace.useLayoutEffect(() => history.listen(setState), [history]);
		return /#__PURE__/React__namespace.createElement(reactRouter.Router, {
		basename: basename,
		children: children,
		location: state.location,
		navigationType: state.action,
		navigator: history
		});
		}

		/**
		* A `<Router>` for use in web browsers. Stores the location in the hash
		* portion of the URL so it is not sent to the server.
		*/
		function HashRouter(_ref2) {
		let {
		basename,
		children,
		window
		} = _ref2;
		let historyRef = React__namespace.useRef();

		if (historyRef.current == null) {
		historyRef.current = router.createHashHistory({
		window,
		v5Compat: true
		});
		}

		let history = historyRef.current;
		let [state, setState] = React__namespace.useState({
		action: history.action,
		location: history.location
		});
		React__namespace.useLayoutEffect(() => history.listen(setState), [history]);
		return /#__PURE__/React__namespace.createElement(reactRouter.Router, {
		basename: basename,
		children: children,
		location: state.location,
		navigationType: state.action,
		navigator: history
		});
		}

		/**
		* A `<Router>` that accepts a pre-instantiated history object. It's important
		* to note that using your own history object is highly discouraged and may add
		* two versions of the history library to your bundles unless you use the same
		* version of the history library that React Router uses internally.
		*/
		function HistoryRouter(_ref3) {
		let {
		basename,
		children,
		history
		} = _ref3;
		const [state, setState] = React__namespace.useState({
		action: history.action,
		location: history.location
		});
		React__namespace.useLayoutEffect(() => history.listen(setState), [history]);
		return /#__PURE__/React__namespace.createElement(reactRouter.Router, {
		basename: basename,
		children: children,
		location: state.location,
		navigationType: state.action,
		navigator: history
		});
		}

		{
		HistoryRouter.displayName = "unstable_HistoryRouter";
		}
		const isBrowser = typeof window !== "undefined" && typeof window.document !== "undefined" && typeof window.document.createElement !== "undefined";
		const ABSOLUTE_URL_REGEX = /^(?:[a-z][a-z0-9+.-]*:\|\/\/)/i;
		/**
		* The public API for rendering a history-aware <a>.
		*/

		const Link = /#__PURE__/React__namespace.forwardRef(function LinkWithRef(_ref4, ref) {
		let {
		onClick,
		relative,
		reloadDocument,
		replace,
		state,
		target,
		to,
		preventScrollReset
		} = _ref4,
		rest = _objectWithoutPropertiesLoose(_ref4, _excluded);

		let {
		basename
		} = React__namespace.useContext(reactRouter.UNSAFE_NavigationContext); // Rendered into <a href> for absolute URLs

		let absoluteHref;
		let isExternal = false;

		if (typeof to === "string" && ABSOLUTE_URL_REGEX.test(to)) {
		// Render the absolute href server- and client-side
		absoluteHref = to; // Only check for external origins client-side

		if (isBrowser) {
		try {
		let currentUrl = new URL(window.location.href);
		let targetUrl = to.startsWith("//") ? new URL(currentUrl.protocol + to) : new URL(to);
		let path = router.stripBasename(targetUrl.pathname, basename);

		if (targetUrl.origin === currentUrl.origin && path != null) {
		// Strip the protocol/origin/basename for same-origin absolute URLs
		to = path + targetUrl.search + targetUrl.hash;
		} else {
		isExternal = true;
		}
		} catch (e) {
		// We can't do external URL detection without a valid URL
		router.UNSAFE_warning(false, "<Link to=\"" + to + "\"> contains an invalid URL which will probably break " + "when clicked - please update to a valid URL path.") ;
		}
		}
		} // Rendered into <a href> for relative URLs


		let href = reactRouter.useHref(to, {
		relative
		});
		let internalOnClick = useLinkClickHandler(to, {
		replace,
		state,
		target,
		preventScrollReset,
		relative
		});

		function handleClick(event) {
		if (onClick) onClick(event);

		if (!event.defaultPrevented) {
		internalOnClick(event);
		}
		}

		return (
		/#__PURE__/
		// eslint-disable-next-line jsx-a11y/anchor-has-content
		React__namespace.createElement("a", _extends({}, rest, {
		href: absoluteHref \|\| href,
		onClick: isExternal \|\| reloadDocument ? onClick : handleClick,
		ref: ref,
		target: target
		}))
		);
		});

		{
		Link.displayName = "Link";
		}

		/**
		* A <Link> wrapper that knows if it's "active" or not.
		*/
		const NavLink = /#__PURE__/React__namespace.forwardRef(function NavLinkWithRef(_ref5, ref) {
		let {
		"aria-current": ariaCurrentProp = "page",
		caseSensitive = false,
		className: classNameProp = "",
		end = false,
		style: styleProp,
		to,
		children
		} = _ref5,
		rest = _objectWithoutPropertiesLoose(_ref5, _excluded2);

		let path = reactRouter.useResolvedPath(to, {
		relative: rest.relative
		});
		let location = reactRouter.useLocation();
		let routerState = React__namespace.useContext(reactRouter.UNSAFE_DataRouterStateContext);
		let {
		navigator
		} = React__namespace.useContext(reactRouter.UNSAFE_NavigationContext);
		let toPathname = navigator.encodeLocation ? navigator.encodeLocation(path).pathname : path.pathname;
		let locationPathname = location.pathname;
		let nextLocationPathname = routerState && routerState.navigation && routerState.navigation.location ? routerState.navigation.location.pathname : null;

		if (!caseSensitive) {
		locationPathname = locationPathname.toLowerCase();
		nextLocationPathname = nextLocationPathname ? nextLocationPathname.toLowerCase() : null;
		toPathname = toPathname.toLowerCase();
		}

		let isActive = locationPathname === toPathname \|\| !end && locationPathname.startsWith(toPathname) && locationPathname.charAt(toPathname.length) === "/";
		let isPending = nextLocationPathname != null && (nextLocationPathname === toPathname \|\| !end && nextLocationPathname.startsWith(toPathname) && nextLocationPathname.charAt(toPathname.length) === "/");
		let ariaCurrent = isActive ? ariaCurrentProp : undefined;
		let className;

		if (typeof classNameProp === "function") {
		className = classNameProp({
		isActive,
		isPending
		});
		} else {
		// If the className prop is not a function, we use a default `active`
		// class for <NavLink />s that are active. In v5 `active` was the default
		// value for `activeClassName`, but we are removing that API and can still
		// use the old default behavior for a cleaner upgrade path and keep the
		// simple styling rules working as they currently do.
		className = [classNameProp, isActive ? "active" : null, isPending ? "pending" : null].filter(Boolean).join(" ");
		}

		let style = typeof styleProp === "function" ? styleProp({
		isActive,
		isPending
		}) : styleProp;
		return /#__PURE__/React__namespace.createElement(Link, _extends({}, rest, {
		"aria-current": ariaCurrent,
		className: className,
		ref: ref,
		style: style,
		to: to
		}), typeof children === "function" ? children({
		isActive,
		isPending
		}) : children);
		});

		{
		NavLink.displayName = "NavLink";
		}

		/**
		* A `@remix-run/router`-aware `<form>`. It behaves like a normal form except
		* that the interaction with the server is with `fetch` instead of new document
		* requests, allowing components to add nicer UX to the page as the form is
		* submitted and returns with data.
		*/
		const Form = /#__PURE__/React__namespace.forwardRef((props, ref) => {
		return /#__PURE__/React__namespace.createElement(FormImpl, _extends({}, props, {
		ref: ref
		}));
		});

		{
		Form.displayName = "Form";
		}

		const FormImpl = /#__PURE__/React__namespace.forwardRef((_ref6, forwardedRef) => {
		let {
		reloadDocument,
		replace,
		method = defaultMethod,
		action,
		onSubmit,
		fetcherKey,
		routeId,
		relative,
		preventScrollReset
		} = _ref6,
		props = _objectWithoutPropertiesLoose(_ref6, _excluded3);

		let submit = useSubmitImpl(fetcherKey, routeId);
		let formMethod = method.toLowerCase() === "get" ? "get" : "post";
		let formAction = useFormAction(action, {
		relative
		});

		let submitHandler = event => {
		onSubmit && onSubmit(event);
		if (event.defaultPrevented) return;
		event.preventDefault();
		let submitter = event.nativeEvent.submitter;
		let submitMethod = (submitter == null ? void 0 : submitter.getAttribute("formmethod")) \|\| method;
		submit(submitter \|\| event.currentTarget, {
		method: submitMethod,
		replace,
		relative,
		preventScrollReset
		});
		};

		return /#__PURE__/React__namespace.createElement("form", _extends({
		ref: forwardedRef,
		method: formMethod,
		action: formAction,
		onSubmit: reloadDocument ? onSubmit : submitHandler
		}, props));
		});

		{
		FormImpl.displayName = "FormImpl";
		}

		/**
		* This component will emulate the browser's scroll restoration on location
		* changes.
		*/
		function ScrollRestoration(_ref7) {
		let {
		getKey,
		storageKey
		} = _ref7;
		useScrollRestoration({
		getKey,
		storageKey
		});
		return null;
		}

		{
		ScrollRestoration.displayName = "ScrollRestoration";
		} //#endregion
		////////////////////////////////////////////////////////////////////////////////
		//#region Hooks
		////////////////////////////////////////////////////////////////////////////////


		var DataRouterHook;

		(function (DataRouterHook) {
		DataRouterHook["UseScrollRestoration"] = "useScrollRestoration";
		DataRouterHook["UseSubmitImpl"] = "useSubmitImpl";
		DataRouterHook["UseFetcher"] = "useFetcher";
		})(DataRouterHook \|\| (DataRouterHook = {}));

		var DataRouterStateHook;

		(function (DataRouterStateHook) {
		DataRouterStateHook["UseFetchers"] = "useFetchers";
		DataRouterStateHook["UseScrollRestoration"] = "useScrollRestoration";
		})(DataRouterStateHook \|\| (DataRouterStateHook = {}));

		function getDataRouterConsoleError(hookName) {
		return hookName + " must be used within a data router. See https://reactrouter.com/routers/picking-a-router.";
		}

		function useDataRouterContext(hookName) {
		let ctx = React__namespace.useContext(reactRouter.UNSAFE_DataRouterContext);
		!ctx ? router.UNSAFE_invariant(false, getDataRouterConsoleError(hookName)) : void 0;
		return ctx;
		}

		function useDataRouterState(hookName) {
		let state = React__namespace.useContext(reactRouter.UNSAFE_DataRouterStateContext);
		!state ? router.UNSAFE_invariant(false, getDataRouterConsoleError(hookName)) : void 0;
		return state;
		}
		/**
		* Handles the click behavior for router `<Link>` components. This is useful if
		* you need to create custom `<Link>` components with the same click behavior we
		* use in our exported `<Link>`.
		*/


		function useLinkClickHandler(to, _temp) {
		let {
		target,
		replace: replaceProp,
		state,
		preventScrollReset,
		relative
		} = _temp === void 0 ? {} : _temp;
		let navigate = reactRouter.useNavigate();
		let location = reactRouter.useLocation();
		let path = reactRouter.useResolvedPath(to, {
		relative
		});
		return React__namespace.useCallback(event => {
		if (shouldProcessLinkClick(event, target)) {
		event.preventDefault(); // If the URL hasn't changed, a regular <a> will do a replace instead of
		// a push, so do the same here unless the replace prop is explicitly set

		let replace = replaceProp !== undefined ? replaceProp : reactRouter.createPath(location) === reactRouter.createPath(path);
		navigate(to, {
		replace,
		state,
		preventScrollReset,
		relative
		});
		}
		}, [location, navigate, path, replaceProp, state, target, to, preventScrollReset, relative]);
		}
		/**
		* A convenient wrapper for reading and writing search parameters via the
		* URLSearchParams interface.
		*/

		function useSearchParams(defaultInit) {
		router.UNSAFE_warning(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\n\n" + "If you're unsure how to load polyfills, we recommend you check out " + "https://polyfill.io/v3/ which provides some recommendations about how " + "to load polyfills only for users that need them, instead of for every " + "user.") ;
		let defaultSearchParamsRef = React__namespace.useRef(createSearchParams(defaultInit));
		let hasSetSearchParamsRef = React__namespace.useRef(false);
		let location = reactRouter.useLocation();
		let searchParams = React__namespace.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
		// remove a param with setSearchParams({}) if it has an initial value
		getSearchParamsForLocation(location.search, hasSetSearchParamsRef.current ? null : defaultSearchParamsRef.current), [location.search]);
		let navigate = reactRouter.useNavigate();
		let setSearchParams = React__namespace.useCallback((nextInit, navigateOptions) => {
		const newSearchParams = createSearchParams(typeof nextInit === "function" ? nextInit(searchParams) : nextInit);
		hasSetSearchParamsRef.current = true;
		navigate("?" + newSearchParams, navigateOptions);
		}, [navigate, searchParams]);
		return [searchParams, setSearchParams];
		}

		/**
		* Returns a function that may be used to programmatically submit a form (or
		* some arbitrary data) to the server.
		*/
		function useSubmit() {
		return useSubmitImpl();
		}

		function useSubmitImpl(fetcherKey, fetcherRouteId) {
		let {
		router: router$1
		} = useDataRouterContext(DataRouterHook.UseSubmitImpl);
		let {
		basename
		} = React__namespace.useContext(reactRouter.UNSAFE_NavigationContext);
		let currentRouteId = reactRouter.UNSAFE_useRouteId();
		return React__namespace.useCallback(function (target, options) {
		if (options === void 0) {
		options = {};
		}

		if (typeof document === "undefined") {
		throw new Error("You are calling submit during the server render. " + "Try calling submit within a `useEffect` or callback instead.");
		}

		let {
		action,
		method,
		encType,
		formData
		} = getFormSubmissionInfo(target, options, basename); // Base options shared between fetch() and navigate()

		let opts = {
		preventScrollReset: options.preventScrollReset,
		formData,
		formMethod: method,
		formEncType: encType
		};

		if (fetcherKey) {
		!(fetcherRouteId != null) ? router.UNSAFE_invariant(false, "No routeId available for useFetcher()") : void 0;
		router$1.fetch(fetcherKey, fetcherRouteId, action, opts);
		} else {
		router$1.navigate(action, _extends({}, opts, {
		replace: options.replace,
		fromRouteId: currentRouteId
		}));
		}
		}, [router$1, basename, fetcherKey, fetcherRouteId, currentRouteId]);
		} // v7: Eventually we should deprecate this entirely in favor of using the
		// router method directly?


		function useFormAction(action, _temp2) {
		let {
		relative
		} = _temp2 === void 0 ? {} : _temp2;
		let {
		basename
		} = React__namespace.useContext(reactRouter.UNSAFE_NavigationContext);
		let routeContext = React__namespace.useContext(reactRouter.UNSAFE_RouteContext);
		!routeContext ? router.UNSAFE_invariant(false, "useFormAction must be used inside a RouteContext") : void 0;
		let [match] = routeContext.matches.slice(-1); // Shallow clone path so we can modify it below, otherwise we modify the
		// object referenced by useMemo inside useResolvedPath

		let path = _extends({}, reactRouter.useResolvedPath(action ? action : ".", {
		relative
		})); // Previously we set the default action to ".". The problem with this is that
		// `useResolvedPath(".")` excludes search params and the hash of the resolved
		// URL. This is the intended behavior of when "." is specifically provided as
		// the form action, but inconsistent w/ browsers when the action is omitted.
		// https://github.com/remix-run/remix/issues/927


		let location = reactRouter.useLocation();

		if (action == null) {
		// Safe to write to these directly here since if action was undefined, we
		// would have called useResolvedPath(".") which will never include a search
		// or hash
		path.search = location.search;
		path.hash = location.hash; // When grabbing search params from the URL, remove the automatically
		// inserted ?index param so we match the useResolvedPath search behavior
		// which would not include ?index

		if (match.route.index) {
		let params = new URLSearchParams(path.search);
		params.delete("index");
		path.search = params.toString() ? "?" + params.toString() : "";
		}
		}

		if ((!action \|\| action === ".") && match.route.index) {
		path.search = path.search ? path.search.replace(/^\?/, "?index&") : "?index";
		} // If we're operating within a basename, prepend it to the pathname prior
		// to creating the form action. If this is a root navigation, then just use
		// the raw basename which allows the basename to have full control over the
		// presence of a trailing slash on root actions


		if (basename !== "/") {
		path.pathname = path.pathname === "/" ? basename : router.joinPaths([basename, path.pathname]);
		}

		return reactRouter.createPath(path);
		}

		function createFetcherForm(fetcherKey, routeId) {
		let FetcherForm = /#__PURE__/React__namespace.forwardRef((props, ref) => {
		return /#__PURE__/React__namespace.createElement(FormImpl, _extends({}, props, {
		ref: ref,
		fetcherKey: fetcherKey,
		routeId: routeId
		}));
		});

		{
		FetcherForm.displayName = "fetcher.Form";
		}

		return FetcherForm;
		}

		let fetcherId = 0;

		/**
		* Interacts with route loaders and actions without causing a navigation. Great
		* for any interaction that stays on the same page.
		*/
		function useFetcher() {
		var _route$matches;

		let {
		router: router$1
		} = useDataRouterContext(DataRouterHook.UseFetcher);
		let route = React__namespace.useContext(reactRouter.UNSAFE_RouteContext);
		!route ? router.UNSAFE_invariant(false, "useFetcher must be used inside a RouteContext") : void 0;
		let routeId = (_route$matches = route.matches[route.matches.length - 1]) == null ? void 0 : _route$matches.route.id;
		!(routeId != null) ? router.UNSAFE_invariant(false, "useFetcher can only be used on routes that contain a unique \"id\"") : void 0;
		let [fetcherKey] = React__namespace.useState(() => String(++fetcherId));
		let [Form] = React__namespace.useState(() => {
		!routeId ? router.UNSAFE_invariant(false, "No routeId available for fetcher.Form()") : void 0;
		return createFetcherForm(fetcherKey, routeId);
		});
		let [load] = React__namespace.useState(() => href => {
		!router$1 ? router.UNSAFE_invariant(false, "No router available for fetcher.load()") : void 0;
		!routeId ? router.UNSAFE_invariant(false, "No routeId available for fetcher.load()") : void 0;
		router$1.fetch(fetcherKey, routeId, href);
		});
		let submit = useSubmitImpl(fetcherKey, routeId);
		let fetcher = router$1.getFetcher(fetcherKey);
		let fetcherWithComponents = React__namespace.useMemo(() => _extends({
		Form,
		submit,
		load
		}, fetcher), [fetcher, Form, submit, load]);
		React__namespace.useEffect(() => {
		// Is this busted when the React team gets real weird and calls effects
		// twice on mount? We really just need to garbage collect here when this
		// fetcher is no longer around.
		return () => {
		if (!router$1) {
		console.warn("No router available to clean up from useFetcher()");
		return;
		}

		router$1.deleteFetcher(fetcherKey);
		};
		}, [router$1, fetcherKey]);
		return fetcherWithComponents;
		}
		/**
		* Provides all fetchers currently on the page. Useful for layouts and parent
		* routes that need to provide pending/optimistic UI regarding the fetch.
		*/

		function useFetchers() {
		let state = useDataRouterState(DataRouterStateHook.UseFetchers);
		return [...state.fetchers.values()];
		}
		const SCROLL_RESTORATION_STORAGE_KEY = "react-router-scroll-positions";
		let savedScrollPositions = {};
		/**
		* When rendered inside a RouterProvider, will restore scroll positions on navigations
		*/

		function useScrollRestoration(_temp3) {
		let {
		getKey,
		storageKey
		} = _temp3 === void 0 ? {} : _temp3;
		let {
		router
		} = useDataRouterContext(DataRouterHook.UseScrollRestoration);
		let {
		restoreScrollPosition,
		preventScrollReset
		} = useDataRouterState(DataRouterStateHook.UseScrollRestoration);
		let location = reactRouter.useLocation();
		let matches = reactRouter.useMatches();
		let navigation = reactRouter.useNavigation(); // Trigger manual scroll restoration while we're active

		React__namespace.useEffect(() => {
		window.history.scrollRestoration = "manual";
		return () => {
		window.history.scrollRestoration = "auto";
		};
		}, []); // Save positions on pagehide

		usePageHide(React__namespace.useCallback(() => {
		if (navigation.state === "idle") {
		let key = (getKey ? getKey(location, matches) : null) \|\| location.key;
		savedScrollPositions[key] = window.scrollY;
		}

		sessionStorage.setItem(storageKey \|\| SCROLL_RESTORATION_STORAGE_KEY, JSON.stringify(savedScrollPositions));
		window.history.scrollRestoration = "auto";
		}, [storageKey, getKey, navigation.state, location, matches])); // Read in any saved scroll locations

		if (typeof document !== "undefined") {
		// eslint-disable-next-line react-hooks/rules-of-hooks
		React__namespace.useLayoutEffect(() => {
		try {
		let sessionPositions = sessionStorage.getItem(storageKey \|\| SCROLL_RESTORATION_STORAGE_KEY);

		if (sessionPositions) {
		savedScrollPositions = JSON.parse(sessionPositions);
		}
		} catch (e) {// no-op, use default empty object
		}
		}, [storageKey]); // Enable scroll restoration in the router
		// eslint-disable-next-line react-hooks/rules-of-hooks

		React__namespace.useLayoutEffect(() => {
		let disableScrollRestoration = router == null ? void 0 : router.enableScrollRestoration(savedScrollPositions, () => window.scrollY, getKey);
		return () => disableScrollRestoration && disableScrollRestoration();
		}, [router, getKey]); // Restore scrolling when state.restoreScrollPosition changes
		// eslint-disable-next-line react-hooks/rules-of-hooks

		React__namespace.useLayoutEffect(() => {
		// Explicit false means don't do anything (used for submissions)
		if (restoreScrollPosition === false) {
		return;
		} // been here before, scroll to it


		if (typeof restoreScrollPosition === "number") {
		window.scrollTo(0, restoreScrollPosition);
		return;
		} // try to scroll to the hash


		if (location.hash) {
		let el = document.getElementById(location.hash.slice(1));

		if (el) {
		el.scrollIntoView();
		return;
		}
		} // Don't reset if this navigation opted out


		if (preventScrollReset === true) {
		return;
		} // otherwise go to the top on new locations


		window.scrollTo(0, 0);
		}, [location, restoreScrollPosition, preventScrollReset]);
		}
		}
		/**
		* Setup a callback to be fired on the window's `beforeunload` event. This is
		* useful for saving some data to `window.localStorage` just before the page
		* refreshes.
		*
		* Note: The `callback` argument should be a function created with
		* `React.useCallback()`.
		*/

		function useBeforeUnload(callback, options) {
		let {
		capture
		} = options \|\| {};
		React__namespace.useEffect(() => {
		let opts = capture != null ? {
		capture
		} : undefined;
		window.addEventListener("beforeunload", callback, opts);
		return () => {
		window.removeEventListener("beforeunload", callback, opts);
		};
		}, [callback, capture]);
		}
		/**
		* Setup a callback to be fired on the window's `pagehide` event. This is
		* useful for saving some data to `window.localStorage` just before the page
		* refreshes. This event is better supported than beforeunload across browsers.
		*
		* Note: The `callback` argument should be a function created with
		* `React.useCallback()`.
		*/

		function usePageHide(callback, options) {
		let {
		capture
		} = options \|\| {};
		React__namespace.useEffect(() => {
		let opts = capture != null ? {
		capture
		} : undefined;
		window.addEventListener("pagehide", callback, opts);
		return () => {
		window.removeEventListener("pagehide", callback, opts);
		};
		}, [callback, capture]);
		}
		/**
		* Wrapper around useBlocker to show a window.confirm prompt to users instead
		* of building a custom UI with useBlocker.
		*
		* Warning: This has a lot of rough edges and behaves very differently (and
		* very incorrectly in some cases) across browsers if user click addition
		* back/forward navigations while the confirm is open. Use at your own risk.
		*/


		function usePrompt(_ref8) {
		let {
		when,
		message
		} = _ref8;
		let blocker = reactRouter.unstable_useBlocker(when);
		React__namespace.useEffect(() => {
		if (blocker.state === "blocked" && !when) {
		blocker.reset();
		}
		}, [blocker, when]);
		React__namespace.useEffect(() => {
		if (blocker.state === "blocked") {
		let proceed = window.confirm(message);

		if (proceed) {
		setTimeout(blocker.proceed, 0);
		} else {
		blocker.reset();
		}
		}
		}, [blocker, message]);
		}
		//#endregion

		Object.defineProperty(exports, 'AbortedDeferredError', {
		@@ -1088,2 +32,26 @@ enumerable: true,
		});
		Object.defineProperty(exports, 'BrowserRouter', {
		enumerable: true,
		get: function () { return reactRouter.BrowserRouter; }
		});
		Object.defineProperty(exports, 'Form', {
		enumerable: true,
		get: function () { return reactRouter.Form; }
		});
		Object.defineProperty(exports, 'HashRouter', {
		enumerable: true,
		get: function () { return reactRouter.HashRouter; }
		});
		Object.defineProperty(exports, 'HydratedRouter', {
		enumerable: true,
		get: function () { return reactRouter.HydratedRouter; }
		});
		Object.defineProperty(exports, 'Link', {
		enumerable: true,
		get: function () { return reactRouter.Link; }
		});
		Object.defineProperty(exports, 'Links', {
		enumerable: true,
		get: function () { return reactRouter.Links; }
		});
		Object.defineProperty(exports, 'MemoryRouter', {
		@@ -1093,2 +61,10 @@ enumerable: true,
		});
		Object.defineProperty(exports, 'Meta', {
		enumerable: true,
		get: function () { return reactRouter.Meta; }
		});
		Object.defineProperty(exports, 'NavLink', {
		enumerable: true,
		get: function () { return reactRouter.NavLink; }
		});
		Object.defineProperty(exports, 'Navigate', {
		@@ -1106,2 +82,10 @@ enumerable: true,
		});
		Object.defineProperty(exports, 'PrefetchPageLinks', {
		enumerable: true,
		get: function () { return reactRouter.PrefetchPageLinks; }
		});
		Object.defineProperty(exports, 'RemixServer', {
		enumerable: true,
		get: function () { return reactRouter.RemixServer; }
		});
		Object.defineProperty(exports, 'Route', {
		@@ -1123,2 +107,22 @@ enumerable: true,
		});
		Object.defineProperty(exports, 'Scripts', {
		enumerable: true,
		get: function () { return reactRouter.Scripts; }
		});
		Object.defineProperty(exports, 'ScrollRestoration', {
		enumerable: true,
		get: function () { return reactRouter.ScrollRestoration; }
		});
		Object.defineProperty(exports, 'StaticRouter', {
		enumerable: true,
		get: function () { return reactRouter.StaticRouter; }
		});
		Object.defineProperty(exports, 'StaticRouterProvider', {
		enumerable: true,
		get: function () { return reactRouter.StaticRouterProvider; }
		});
		Object.defineProperty(exports, 'UNSAFE_DEFERRED_SYMBOL', {
		enumerable: true,
		get: function () { return reactRouter.UNSAFE_DEFERRED_SYMBOL; }
		});
		Object.defineProperty(exports, 'UNSAFE_DataRouterContext', {
		@@ -1132,2 +136,10 @@ enumerable: true,
		});
		Object.defineProperty(exports, 'UNSAFE_ErrorResponseImpl', {
		enumerable: true,
		get: function () { return reactRouter.UNSAFE_ErrorResponseImpl; }
		});
		Object.defineProperty(exports, 'UNSAFE_FetchersContext', {
		enumerable: true,
		get: function () { return reactRouter.UNSAFE_FetchersContext; }
		});
		Object.defineProperty(exports, 'UNSAFE_LocationContext', {
		@@ -1141,2 +153,6 @@ enumerable: true,
		});
		Object.defineProperty(exports, 'UNSAFE_RemixContext', {
		enumerable: true,
		get: function () { return reactRouter.UNSAFE_RemixContext; }
		});
		Object.defineProperty(exports, 'UNSAFE_RouteContext', {
		@@ -1146,2 +162,22 @@ enumerable: true,
		});
		Object.defineProperty(exports, 'UNSAFE_SingleFetchRedirectSymbol', {
		enumerable: true,
		get: function () { return reactRouter.UNSAFE_SingleFetchRedirectSymbol; }
		});
		Object.defineProperty(exports, 'UNSAFE_ViewTransitionContext', {
		enumerable: true,
		get: function () { return reactRouter.UNSAFE_ViewTransitionContext; }
		});
		Object.defineProperty(exports, 'UNSAFE_convertRoutesToDataRoutes', {
		enumerable: true,
		get: function () { return reactRouter.UNSAFE_convertRoutesToDataRoutes; }
		});
		Object.defineProperty(exports, 'UNSAFE_decodeViaTurboStream', {
		enumerable: true,
		get: function () { return reactRouter.UNSAFE_decodeViaTurboStream; }
		});
		Object.defineProperty(exports, 'UNSAFE_mapRouteProperties', {
		enumerable: true,
		get: function () { return reactRouter.UNSAFE_mapRouteProperties; }
		});
		Object.defineProperty(exports, 'UNSAFE_useRouteId', {
		@@ -1151,2 +187,18 @@ enumerable: true,
		});
		Object.defineProperty(exports, 'UNSAFE_useRoutesImpl', {
		enumerable: true,
		get: function () { return reactRouter.UNSAFE_useRoutesImpl; }
		});
		Object.defineProperty(exports, 'UNSAFE_useScrollRestoration', {
		enumerable: true,
		get: function () { return reactRouter.UNSAFE_useScrollRestoration; }
		});
		Object.defineProperty(exports, 'createBrowserRouter', {
		enumerable: true,
		get: function () { return reactRouter.createBrowserRouter; }
		});
		Object.defineProperty(exports, 'createHashRouter', {
		enumerable: true,
		get: function () { return reactRouter.createHashRouter; }
		});
		Object.defineProperty(exports, 'createMemoryRouter', {
		@@ -1160,2 +212,6 @@ enumerable: true,
		});
		Object.defineProperty(exports, 'createRemixStub', {
		enumerable: true,
		get: function () { return reactRouter.createRemixStub; }
		});
		Object.defineProperty(exports, 'createRoutesFromChildren', {
		@@ -1167,4 +223,16 @@ enumerable: true,
		enumerable: true,
		get: function () { return reactRouter.createRoutesFromElements; }
		get: function () { return reactRouter.createRoutesFromChildren; }
		});
		Object.defineProperty(exports, 'createSearchParams', {
		enumerable: true,
		get: function () { return reactRouter.createSearchParams; }
		});
		Object.defineProperty(exports, 'createStaticHandler', {
		enumerable: true,
		get: function () { return reactRouter.createStaticHandler; }
		});
		Object.defineProperty(exports, 'createStaticRouter', {
		enumerable: true,
		get: function () { return reactRouter.createStaticRouter; }
		});
		Object.defineProperty(exports, 'defer', {
		@@ -1178,2 +246,6 @@ enumerable: true,
		});
		Object.defineProperty(exports, 'getStaticContextFromError', {
		enumerable: true,
		get: function () { return reactRouter.getStaticContextFromError; }
		});
		Object.defineProperty(exports, 'isRouteErrorResponse', {
		@@ -1203,2 +275,6 @@ enumerable: true,
		});
		Object.defineProperty(exports, 'redirectDocument', {
		enumerable: true,
		get: function () { return reactRouter.redirectDocument; }
		});
		Object.defineProperty(exports, 'renderMatches', {
		@@ -1212,6 +288,18 @@ enumerable: true,
		});
		Object.defineProperty(exports, 'unstable_useBlocker', {
		Object.defineProperty(exports, 'stripBasename', {
		enumerable: true,
		get: function () { return reactRouter.unstable_useBlocker; }
		get: function () { return reactRouter.stripBasename; }
		});
		Object.defineProperty(exports, 'unstable_HistoryRouter', {
		enumerable: true,
		get: function () { return reactRouter.unstable_HistoryRouter; }
		});
		Object.defineProperty(exports, 'unstable_usePrompt', {
		enumerable: true,
		get: function () { return reactRouter.unstable_usePrompt; }
		});
		Object.defineProperty(exports, 'unstable_useViewTransitionState', {
		enumerable: true,
		get: function () { return reactRouter.unstable_useViewTransitionState; }
		});
		Object.defineProperty(exports, 'useActionData', {
		@@ -1229,2 +317,22 @@ enumerable: true,
		});
		Object.defineProperty(exports, 'useBeforeUnload', {
		enumerable: true,
		get: function () { return reactRouter.useBeforeUnload; }
		});
		Object.defineProperty(exports, 'useBlocker', {
		enumerable: true,
		get: function () { return reactRouter.useBlocker; }
		});
		Object.defineProperty(exports, 'useFetcher', {
		enumerable: true,
		get: function () { return reactRouter.useFetcher; }
		});
		Object.defineProperty(exports, 'useFetchers', {
		enumerable: true,
		get: function () { return reactRouter.useFetchers; }
		});
		Object.defineProperty(exports, 'useFormAction', {
		enumerable: true,
		get: function () { return reactRouter.useFormAction; }
		});
		Object.defineProperty(exports, 'useHref', {
		@@ -1238,2 +346,6 @@ enumerable: true,
		});
		Object.defineProperty(exports, 'useLinkClickHandler', {
		enumerable: true,
		get: function () { return reactRouter.useLinkClickHandler; }
		});
		Object.defineProperty(exports, 'useLoaderData', {
		@@ -1299,21 +411,10 @@ enumerable: true,
		});
		exports.BrowserRouter = BrowserRouter;
		exports.Form = Form;
		exports.HashRouter = HashRouter;
		exports.Link = Link;
		exports.NavLink = NavLink;
		exports.ScrollRestoration = ScrollRestoration;
		exports.UNSAFE_useScrollRestoration = useScrollRestoration;
		exports.createBrowserRouter = createBrowserRouter;
		exports.createHashRouter = createHashRouter;
		exports.createSearchParams = createSearchParams;
		exports.unstable_HistoryRouter = HistoryRouter;
		exports.unstable_usePrompt = usePrompt;
		exports.useBeforeUnload = useBeforeUnload;
		exports.useFetcher = useFetcher;
		exports.useFetchers = useFetchers;
		exports.useFormAction = useFormAction;
		exports.useLinkClickHandler = useLinkClickHandler;
		exports.useSearchParams = useSearchParams;
		exports.useSubmit = useSubmit;
		Object.defineProperty(exports, 'useSearchParams', {
		enumerable: true,
		get: function () { return reactRouter.useSearchParams; }
		});
		Object.defineProperty(exports, 'useSubmit', {
		enumerable: true,
		get: function () { return reactRouter.useSubmit; }
		});

		@@ -1320,0 +421,0 @@ Object.defineProperty(exports, '__esModule', { value: true });

dist/umd/react-router-dom.production.min.js

		/**
		* React Router DOM v0.0.0-experimental-f92aa2e1
		* React Router v0.0.0-experimental-fbbd4fd81
		*
		@@ -11,3 +11,3 @@ * Copyright (c) Remix Software Inc.
		*/
		!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("react-router"),require("@remix-run/router")):"function"==typeof define&&define.amd?define(["exports","react","react-router","@remix-run/router"],t):t((e="undefined"!=typeof globalThis?globalThis:e\|\|self).ReactRouterDOM={},e.React,e.ReactRouter,e.RemixRouter)}(this,(function(e,t,r,n){"use strict";function o(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var a=o(t);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},u.apply(this,arguments)}function i(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0\|\|(o[r]=e[r]);return o}const c="get",s="application/x-www-form-urlencoded";function l(e){return null!=e&&"string"==typeof e.tagName}function f(e){return void 0===e&&(e=""),new URLSearchParams("string"==typeof e\|\|Array.isArray(e)\|\|e instanceof URLSearchParams?e:Object.keys(e).reduce(((t,r)=>{let n=e[r];return t.concat(Array.isArray(n)?n.map((e=>[r,e])):[[r,n]])}),[]))}function d(e,t,r){let o,a,u,i=null;if(l(f=e)&&"form"===f.tagName.toLowerCase()){let l=t.submissionTrigger;if(t.action)i=t.action;else{let t=e.getAttribute("action");i=t?n.stripBasename(t,r):null}o=t.method\|\|e.getAttribute("method")\|\|c,a=t.encType\|\|e.getAttribute("enctype")\|\|s,u=new FormData(e),l&&l.name&&u.append(l.name,l.value)}else if(function(e){return l(e)&&"button"===e.tagName.toLowerCase()}(e)\|\|function(e){return l(e)&&"input"===e.tagName.toLowerCase()}(e)&&("submit"===e.type\|\|"image"===e.type)){let l=e.form;if(null==l)throw new Error('Cannot submit a <button> or <input type="submit"> without a <form>');if(t.action)i=t.action;else{let t=e.getAttribute("formaction")\|\|l.getAttribute("action");i=t?n.stripBasename(t,r):null}o=t.method\|\|e.getAttribute("formmethod")\|\|l.getAttribute("method")\|\|c,a=t.encType\|\|e.getAttribute("formenctype")\|\|l.getAttribute("enctype")\|\|s,u=new FormData(l),e.name&&u.append(e.name,e.value)}else{if(l(e))throw new Error('Cannot submit element that is not <form>, <button>, or <input type="submit\|image">');if(o=t.method\|\|c,i=t.action\|\|null,a=t.encType\|\|s,e instanceof FormData)u=e;else if(u=new FormData,e instanceof URLSearchParams)for(let[t,r]of e)u.append(t,r);else if(null!=e)for(let t of Object.keys(e))u.append(t,e[t])}var f;return{action:i,method:o.toLowerCase(),encType:a,formData:u}}const m=["onClick","relative","reloadDocument","replace","state","target","to","preventScrollReset"],p=["aria-current","caseSensitive","className","end","style","to","children"],b=["reloadDocument","replace","method","action","onSubmit","fetcherKey","routeId","relative","preventScrollReset"];function g(){var e;let t=null==(e=window)?void 0:e.__staticRouterHydrationData;return t&&t.errors&&(t=u({},t,{errors:h(t.errors)})),t}function h(e){if(!e)return null;let t=Object.entries(e),r={};for(let[e,o]of t)if(o&&"RouteErrorResponse"===o.__type)r[e]=new n.ErrorResponse(o.status,o.statusText,o.data,!0===o.internal);else if(o&&"Error"===o.__type){let t=new Error(o.message);t.stack="",r[e]=t}else r[e]=o;return r}const y="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement,v=/^(?:[a-z][a-z0-9+.-]*:\|\/\/)/i,R=a.forwardRef((function(e,t){let o,{onClick:c,relative:s,reloadDocument:l,replace:f,state:d,target:p,to:b,preventScrollReset:g}=e,h=i(e,m),{basename:R}=a.useContext(r.UNSAFE_NavigationContext),w=!1;if("string"==typeof b&&v.test(b)&&(o=b,y))try{let e=new URL(window.location.href),t=b.startsWith("//")?new URL(e.protocol+b):new URL(b),r=n.stripBasename(t.pathname,R);t.origin===e.origin&&null!=r?b=r+t.search+t.hash:w=!0}catch(e){}let P=r.useHref(b,{relative:s}),S=N(b,{replace:f,state:d,target:p,preventScrollReset:g,relative:s});return a.createElement("a",u({},h,{href:o\|\|P,onClick:w\|\|l?c:function(e){c&&c(e),e.defaultPrevented\|\|S(e)},ref:t,target:p}))})),w=a.forwardRef((function(e,t){let{"aria-current":n="page",caseSensitive:o=!1,className:c="",end:s=!1,style:l,to:f,children:d}=e,m=i(e,p),b=r.useResolvedPath(f,{relative:m.relative}),g=r.useLocation(),h=a.useContext(r.UNSAFE_DataRouterStateContext),{navigator:y}=a.useContext(r.UNSAFE_NavigationContext),v=y.encodeLocation?y.encodeLocation(b).pathname:b.pathname,w=g.pathname,P=h&&h.navigation&&h.navigation.location?h.navigation.location.pathname:null;o\|\|(w=w.toLowerCase(),P=P?P.toLowerCase():null,v=v.toLowerCase());let S,E=w===v\|\|!s&&w.startsWith(v)&&"/"===w.charAt(v.length),O=null!=P&&(P===v\|\|!s&&P.startsWith(v)&&"/"===P.charAt(v.length)),j=E?n:void 0;S="function"==typeof c?c({isActive:E,isPending:O}):[c,E?"active":null,O?"pending":null].filter(Boolean).join(" ");let A="function"==typeof l?l({isActive:E,isPending:O}):l;return a.createElement(R,u({},m,{"aria-current":j,className:S,ref:t,style:A,to:f}),"function"==typeof d?d({isActive:E,isPending:O}):d)})),P=a.forwardRef(((e,t)=>a.createElement(S,u({},e,{ref:t})))),S=a.forwardRef(((e,t)=>{let{reloadDocument:r,replace:n,method:o=c,action:s,onSubmit:l,fetcherKey:f,routeId:d,relative:m,preventScrollReset:p}=e,g=i(e,b),h=F(f,d),y="get"===o.toLowerCase()?"get":"post",v=C(s,{relative:m});return a.createElement("form",u({ref:t,method:y,action:v,onSubmit:r?l:e=>{if(l&&l(e),e.defaultPrevented)return;e.preventDefault();let t=e.nativeEvent.submitter,r=(null==t?void 0:t.getAttribute("formmethod"))\|\|o;h(t\|\|e.currentTarget,{method:r,replace:n,relative:m,preventScrollReset:p})}},g))}));var E,O;function j(e){let t=a.useContext(r.UNSAFE_DataRouterContext);return t\|\|n.UNSAFE_invariant(!1),t}function A(e){let t=a.useContext(r.UNSAFE_DataRouterStateContext);return t\|\|n.UNSAFE_invariant(!1),t}function N(e,t){let{target:n,replace:o,state:u,preventScrollReset:i,relative:c}=void 0===t?{}:t,s=r.useNavigate(),l=r.useLocation(),f=r.useResolvedPath(e,{relative:c});return a.useCallback((t=>{if(function(e,t){return!(0!==e.button\|\|t&&"_self"!==t\|\|function(e){return!!(e.metaKey\|\|e.altKey\|\|e.ctrlKey\|\|e.shiftKey)}(e))}(t,n)){t.preventDefault();let n=void 0!==o?o:r.createPath(l)===r.createPath(f);s(e,{replace:n,state:u,preventScrollReset:i,relative:c})}}),[l,s,f,o,u,n,e,i,c])}function F(e,t){let{router:o}=j(E.UseSubmitImpl),{basename:i}=a.useContext(r.UNSAFE_NavigationContext),c=r.UNSAFE_useRouteId();return a.useCallback((function(r,a){if(void 0===a&&(a={}),"undefined"==typeof document)throw new Error("You are calling submit during the server render. Try calling submit within a `useEffect` or callback instead.");let{action:s,method:l,encType:f,formData:m}=d(r,a,i),p={preventScrollReset:a.preventScrollReset,formData:m,formMethod:l,formEncType:f};e?(null==t&&n.UNSAFE_invariant(!1),o.fetch(e,t,s,p)):o.navigate(s,u({},p,{replace:a.replace,fromRouteId:c}))}),[o,i,e,t,c])}function C(e,t){let{relative:o}=void 0===t?{}:t,{basename:i}=a.useContext(r.UNSAFE_NavigationContext),c=a.useContext(r.UNSAFE_RouteContext);c\|\|n.UNSAFE_invariant(!1);let[s]=c.matches.slice(-1),l=u({},r.useResolvedPath(e\|\|".",{relative:o})),f=r.useLocation();if(null==e&&(l.search=f.search,l.hash=f.hash,s.route.index)){let e=new URLSearchParams(l.search);e.delete("index"),l.search=e.toString()?"?"+e.toString():""}return e&&"."!==e\|\|!s.route.index\|\|(l.search=l.search?l.search.replace(/^\?/,"?index&"):"?index"),"/"!==i&&(l.pathname="/"===l.pathname?i:n.joinPaths([i,l.pathname])),r.createPath(l)}!function(e){e.UseScrollRestoration="useScrollRestoration",e.UseSubmitImpl="useSubmitImpl",e.UseFetcher="useFetcher"}(E\|\|(E={})),function(e){e.UseFetchers="useFetchers",e.UseScrollRestoration="useScrollRestoration"}(O\|\|(O={}));let U=0;const _="react-router-scroll-positions";let x={};function L(e){let{getKey:t,storageKey:n}=void 0===e?{}:e,{router:o}=j(E.UseScrollRestoration),{restoreScrollPosition:u,preventScrollReset:i}=A(O.UseScrollRestoration),c=r.useLocation(),s=r.useMatches(),l=r.useNavigation();a.useEffect((()=>(window.history.scrollRestoration="manual",()=>{window.history.scrollRestoration="auto"})),[]),function(e,t){let{capture:r}=t\|\|{};a.useEffect((()=>{let t=null!=r?{capture:r}:void 0;return window.addEventListener("pagehide",e,t),()=>{window.removeEventListener("pagehide",e,t)}}),[e,r])}(a.useCallback((()=>{if("idle"===l.state){let e=(t?t(c,s):null)\|\|c.key;x[e]=window.scrollY}sessionStorage.setItem(n\|\|_,JSON.stringify(x)),window.history.scrollRestoration="auto"}),[n,t,l.state,c,s])),"undefined"!=typeof document&&(a.useLayoutEffect((()=>{try{let e=sessionStorage.getItem(n\|\|_);e&&(x=JSON.parse(e))}catch(e){}}),[n]),a.useLayoutEffect((()=>{let e=null==o?void 0:o.enableScrollRestoration(x,(()=>window.scrollY),t);return()=>e&&e()}),[o,t]),a.useLayoutEffect((()=>{if(!1!==u)if("number"!=typeof u){if(c.hash){let e=document.getElementById(c.hash.slice(1));if(e)return void e.scrollIntoView()}!0!==i&&window.scrollTo(0,0)}else window.scrollTo(0,u)}),[c,u,i]))}Object.defineProperty(e,"AbortedDeferredError",{enumerable:!0,get:function(){return r.AbortedDeferredError}}),Object.defineProperty(e,"Await",{enumerable:!0,get:function(){return r.Await}}),Object.defineProperty(e,"MemoryRouter",{enumerable:!0,get:function(){return r.MemoryRouter}}),Object.defineProperty(e,"Navigate",{enumerable:!0,get:function(){return r.Navigate}}),Object.defineProperty(e,"NavigationType",{enumerable:!0,get:function(){return r.NavigationType}}),Object.defineProperty(e,"Outlet",{enumerable:!0,get:function(){return r.Outlet}}),Object.defineProperty(e,"Route",{enumerable:!0,get:function(){return r.Route}}),Object.defineProperty(e,"Router",{enumerable:!0,get:function(){return r.Router}}),Object.defineProperty(e,"RouterProvider",{enumerable:!0,get:function(){return r.RouterProvider}}),Object.defineProperty(e,"Routes",{enumerable:!0,get:function(){return r.Routes}}),Object.defineProperty(e,"UNSAFE_DataRouterContext",{enumerable:!0,get:function(){return r.UNSAFE_DataRouterContext}}),Object.defineProperty(e,"UNSAFE_DataRouterStateContext",{enumerable:!0,get:function(){return r.UNSAFE_DataRouterStateContext}}),Object.defineProperty(e,"UNSAFE_LocationContext",{enumerable:!0,get:function(){return r.UNSAFE_LocationContext}}),Object.defineProperty(e,"UNSAFE_NavigationContext",{enumerable:!0,get:function(){return r.UNSAFE_NavigationContext}}),Object.defineProperty(e,"UNSAFE_RouteContext",{enumerable:!0,get:function(){return r.UNSAFE_RouteContext}}),Object.defineProperty(e,"UNSAFE_useRouteId",{enumerable:!0,get:function(){return r.UNSAFE_useRouteId}}),Object.defineProperty(e,"createMemoryRouter",{enumerable:!0,get:function(){return r.createMemoryRouter}}),Object.defineProperty(e,"createPath",{enumerable:!0,get:function(){return r.createPath}}),Object.defineProperty(e,"createRoutesFromChildren",{enumerable:!0,get:function(){return r.createRoutesFromChildren}}),Object.defineProperty(e,"createRoutesFromElements",{enumerable:!0,get:function(){return r.createRoutesFromElements}}),Object.defineProperty(e,"defer",{enumerable:!0,get:function(){return r.defer}}),Object.defineProperty(e,"generatePath",{enumerable:!0,get:function(){return r.generatePath}}),Object.defineProperty(e,"isRouteErrorResponse",{enumerable:!0,get:function(){return r.isRouteErrorResponse}}),Object.defineProperty(e,"json",{enumerable:!0,get:function(){return r.json}}),Object.defineProperty(e,"matchPath",{enumerable:!0,get:function(){return r.matchPath}}),Object.defineProperty(e,"matchRoutes",{enumerable:!0,get:function(){return r.matchRoutes}}),Object.defineProperty(e,"parsePath",{enumerable:!0,get:function(){return r.parsePath}}),Object.defineProperty(e,"redirect",{enumerable:!0,get:function(){return r.redirect}}),Object.defineProperty(e,"renderMatches",{enumerable:!0,get:function(){return r.renderMatches}}),Object.defineProperty(e,"resolvePath",{enumerable:!0,get:function(){return r.resolvePath}}),Object.defineProperty(e,"unstable_useBlocker",{enumerable:!0,get:function(){return r.unstable_useBlocker}}),Object.defineProperty(e,"useActionData",{enumerable:!0,get:function(){return r.useActionData}}),Object.defineProperty(e,"useAsyncError",{enumerable:!0,get:function(){return r.useAsyncError}}),Object.defineProperty(e,"useAsyncValue",{enumerable:!0,get:function(){return r.useAsyncValue}}),Object.defineProperty(e,"useHref",{enumerable:!0,get:function(){return r.useHref}}),Object.defineProperty(e,"useInRouterContext",{enumerable:!0,get:function(){return r.useInRouterContext}}),Object.defineProperty(e,"useLoaderData",{enumerable:!0,get:function(){return r.useLoaderData}}),Object.defineProperty(e,"useLocation",{enumerable:!0,get:function(){return r.useLocation}}),Object.defineProperty(e,"useMatch",{enumerable:!0,get:function(){return r.useMatch}}),Object.defineProperty(e,"useMatches",{enumerable:!0,get:function(){return r.useMatches}}),Object.defineProperty(e,"useNavigate",{enumerable:!0,get:function(){return r.useNavigate}}),Object.defineProperty(e,"useNavigation",{enumerable:!0,get:function(){return r.useNavigation}}),Object.defineProperty(e,"useNavigationType",{enumerable:!0,get:function(){return r.useNavigationType}}),Object.defineProperty(e,"useOutlet",{enumerable:!0,get:function(){return r.useOutlet}}),Object.defineProperty(e,"useOutletContext",{enumerable:!0,get:function(){return r.useOutletContext}}),Object.defineProperty(e,"useParams",{enumerable:!0,get:function(){return r.useParams}}),Object.defineProperty(e,"useResolvedPath",{enumerable:!0,get:function(){return r.useResolvedPath}}),Object.defineProperty(e,"useRevalidator",{enumerable:!0,get:function(){return r.useRevalidator}}),Object.defineProperty(e,"useRouteError",{enumerable:!0,get:function(){return r.useRouteError}}),Object.defineProperty(e,"useRouteLoaderData",{enumerable:!0,get:function(){return r.useRouteLoaderData}}),Object.defineProperty(e,"useRoutes",{enumerable:!0,get:function(){return r.useRoutes}}),e.BrowserRouter=function(e){let{basename:t,children:o,window:u}=e,i=a.useRef();null==i.current&&(i.current=n.createBrowserHistory({window:u,v5Compat:!0}));let c=i.current,[s,l]=a.useState({action:c.action,location:c.location});return a.useLayoutEffect((()=>c.listen(l)),[c]),a.createElement(r.Router,{basename:t,children:o,location:s.location,navigationType:s.action,navigator:c})},e.Form=P,e.HashRouter=function(e){let{basename:t,children:o,window:u}=e,i=a.useRef();null==i.current&&(i.current=n.createHashHistory({window:u,v5Compat:!0}));let c=i.current,[s,l]=a.useState({action:c.action,location:c.location});return a.useLayoutEffect((()=>c.listen(l)),[c]),a.createElement(r.Router,{basename:t,children:o,location:s.location,navigationType:s.action,navigator:c})},e.Link=R,e.NavLink=w,e.ScrollRestoration=function(e){let{getKey:t,storageKey:r}=e;return L({getKey:t,storageKey:r}),null},e.UNSAFE_useScrollRestoration=L,e.createBrowserRouter=function(e,t){return n.createRouter({basename:null==t?void 0:t.basename,future:u({},null==t?void 0:t.future,{v7_prependBasename:!0}),history:n.createBrowserHistory({window:null==t?void 0:t.window}),hydrationData:(null==t?void 0:t.hydrationData)\|\|g(),routes:e,mapRouteProperties:r.UNSAFE_mapRouteProperties}).initialize()},e.createHashRouter=function(e,t){return n.createRouter({basename:null==t?void 0:t.basename,future:u({},null==t?void 0:t.future,{v7_prependBasename:!0}),history:n.createHashHistory({window:null==t?void 0:t.window}),hydrationData:(null==t?void 0:t.hydrationData)\|\|g(),routes:e,mapRouteProperties:r.UNSAFE_mapRouteProperties}).initialize()},e.createSearchParams=f,e.unstable_HistoryRouter=function(e){let{basename:t,children:n,history:o}=e;const[u,i]=a.useState({action:o.action,location:o.location});return a.useLayoutEffect((()=>o.listen(i)),[o]),a.createElement(r.Router,{basename:t,children:n,location:u.location,navigationType:u.action,navigator:o})},e.unstable_usePrompt=function(e){let{when:t,message:n}=e,o=r.unstable_useBlocker(t);a.useEffect((()=>{"blocked"!==o.state\|\|t\|\|o.reset()}),[o,t]),a.useEffect((()=>{if("blocked"===o.state){window.confirm(n)?setTimeout(o.proceed,0):o.reset()}}),[o,n])},e.useBeforeUnload=function(e,t){let{capture:r}=t\|\|{};a.useEffect((()=>{let t=null!=r?{capture:r}:void 0;return window.addEventListener("beforeunload",e,t),()=>{window.removeEventListener("beforeunload",e,t)}}),[e,r])},e.useFetcher=function(){var e;let{router:t}=j(E.UseFetcher),o=a.useContext(r.UNSAFE_RouteContext);o\|\|n.UNSAFE_invariant(!1);let i=null==(e=o.matches[o.matches.length-1])?void 0:e.route.id;null==i&&n.UNSAFE_invariant(!1);let[c]=a.useState((()=>String(++U))),[s]=a.useState((()=>(i\|\|n.UNSAFE_invariant(!1),function(e,t){return a.forwardRef(((r,n)=>a.createElement(S,u({},r,{ref:n,fetcherKey:e,routeId:t}))))}(c,i)))),[l]=a.useState((()=>e=>{t\|\|n.UNSAFE_invariant(!1),i\|\|n.UNSAFE_invariant(!1),t.fetch(c,i,e)})),f=F(c,i),d=t.getFetcher(c),m=a.useMemo((()=>u({Form:s,submit:f,load:l},d)),[d,s,f,l]);return a.useEffect((()=>()=>{t?t.deleteFetcher(c):console.warn("No router available to clean up from useFetcher()")}),[t,c]),m},e.useFetchers=function(){return[...A(O.UseFetchers).fetchers.values()]},e.useFormAction=C,e.useLinkClickHandler=N,e.useSearchParams=function(e){let t=a.useRef(f(e)),n=a.useRef(!1),o=r.useLocation(),u=a.useMemo((()=>function(e,t){let r=f(e);if(t)for(let e of t.keys())r.has(e)\|\|t.getAll(e).forEach((t=>{r.append(e,t)}));return r}(o.search,n.current?null:t.current)),[o.search]),i=r.useNavigate(),c=a.useCallback(((e,t)=>{const r=f("function"==typeof e?e(u):e);n.current=!0,i("?"+r,t)}),[i,u]);return[u,c]},e.useSubmit=function(){return F()},Object.defineProperty(e,"__esModule",{value:!0})}));
		!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react-router")):"function"==typeof define&&define.amd?define(["exports","react-router"],t):t((e="undefined"!=typeof globalThis?globalThis:e\|\|self).ReactRouterDOM={},e.ReactRouter)}(this,(function(e,t){"use strict";let r=!1;r\|\|"undefined"==typeof console\|\|(r=!0,console.warn("The `react-router-dom` package is deprecated in v7, you can change all of your imports to load directly from the `react-router` package.")),Object.defineProperty(e,"AbortedDeferredError",{enumerable:!0,get:function(){return t.AbortedDeferredError}}),Object.defineProperty(e,"Await",{enumerable:!0,get:function(){return t.Await}}),Object.defineProperty(e,"BrowserRouter",{enumerable:!0,get:function(){return t.BrowserRouter}}),Object.defineProperty(e,"Form",{enumerable:!0,get:function(){return t.Form}}),Object.defineProperty(e,"HashRouter",{enumerable:!0,get:function(){return t.HashRouter}}),Object.defineProperty(e,"HydratedRouter",{enumerable:!0,get:function(){return t.HydratedRouter}}),Object.defineProperty(e,"Link",{enumerable:!0,get:function(){return t.Link}}),Object.defineProperty(e,"Links",{enumerable:!0,get:function(){return t.Links}}),Object.defineProperty(e,"MemoryRouter",{enumerable:!0,get:function(){return t.MemoryRouter}}),Object.defineProperty(e,"Meta",{enumerable:!0,get:function(){return t.Meta}}),Object.defineProperty(e,"NavLink",{enumerable:!0,get:function(){return t.NavLink}}),Object.defineProperty(e,"Navigate",{enumerable:!0,get:function(){return t.Navigate}}),Object.defineProperty(e,"NavigationType",{enumerable:!0,get:function(){return t.NavigationType}}),Object.defineProperty(e,"Outlet",{enumerable:!0,get:function(){return t.Outlet}}),Object.defineProperty(e,"PrefetchPageLinks",{enumerable:!0,get:function(){return t.PrefetchPageLinks}}),Object.defineProperty(e,"RemixServer",{enumerable:!0,get:function(){return t.RemixServer}}),Object.defineProperty(e,"Route",{enumerable:!0,get:function(){return t.Route}}),Object.defineProperty(e,"Router",{enumerable:!0,get:function(){return t.Router}}),Object.defineProperty(e,"RouterProvider",{enumerable:!0,get:function(){return t.RouterProvider}}),Object.defineProperty(e,"Routes",{enumerable:!0,get:function(){return t.Routes}}),Object.defineProperty(e,"Scripts",{enumerable:!0,get:function(){return t.Scripts}}),Object.defineProperty(e,"ScrollRestoration",{enumerable:!0,get:function(){return t.ScrollRestoration}}),Object.defineProperty(e,"StaticRouter",{enumerable:!0,get:function(){return t.StaticRouter}}),Object.defineProperty(e,"StaticRouterProvider",{enumerable:!0,get:function(){return t.StaticRouterProvider}}),Object.defineProperty(e,"UNSAFE_DEFERRED_SYMBOL",{enumerable:!0,get:function(){return t.UNSAFE_DEFERRED_SYMBOL}}),Object.defineProperty(e,"UNSAFE_DataRouterContext",{enumerable:!0,get:function(){return t.UNSAFE_DataRouterContext}}),Object.defineProperty(e,"UNSAFE_DataRouterStateContext",{enumerable:!0,get:function(){return t.UNSAFE_DataRouterStateContext}}),Object.defineProperty(e,"UNSAFE_ErrorResponseImpl",{enumerable:!0,get:function(){return t.UNSAFE_ErrorResponseImpl}}),Object.defineProperty(e,"UNSAFE_FetchersContext",{enumerable:!0,get:function(){return t.UNSAFE_FetchersContext}}),Object.defineProperty(e,"UNSAFE_LocationContext",{enumerable:!0,get:function(){return t.UNSAFE_LocationContext}}),Object.defineProperty(e,"UNSAFE_NavigationContext",{enumerable:!0,get:function(){return t.UNSAFE_NavigationContext}}),Object.defineProperty(e,"UNSAFE_RemixContext",{enumerable:!0,get:function(){return t.UNSAFE_RemixContext}}),Object.defineProperty(e,"UNSAFE_RouteContext",{enumerable:!0,get:function(){return t.UNSAFE_RouteContext}}),Object.defineProperty(e,"UNSAFE_SingleFetchRedirectSymbol",{enumerable:!0,get:function(){return t.UNSAFE_SingleFetchRedirectSymbol}}),Object.defineProperty(e,"UNSAFE_ViewTransitionContext",{enumerable:!0,get:function(){return t.UNSAFE_ViewTransitionContext}}),Object.defineProperty(e,"UNSAFE_convertRoutesToDataRoutes",{enumerable:!0,get:function(){return t.UNSAFE_convertRoutesToDataRoutes}}),Object.defineProperty(e,"UNSAFE_decodeViaTurboStream",{enumerable:!0,get:function(){return t.UNSAFE_decodeViaTurboStream}}),Object.defineProperty(e,"UNSAFE_mapRouteProperties",{enumerable:!0,get:function(){return t.UNSAFE_mapRouteProperties}}),Object.defineProperty(e,"UNSAFE_useRouteId",{enumerable:!0,get:function(){return t.UNSAFE_useRouteId}}),Object.defineProperty(e,"UNSAFE_useRoutesImpl",{enumerable:!0,get:function(){return t.UNSAFE_useRoutesImpl}}),Object.defineProperty(e,"UNSAFE_useScrollRestoration",{enumerable:!0,get:function(){return t.UNSAFE_useScrollRestoration}}),Object.defineProperty(e,"createBrowserRouter",{enumerable:!0,get:function(){return t.createBrowserRouter}}),Object.defineProperty(e,"createHashRouter",{enumerable:!0,get:function(){return t.createHashRouter}}),Object.defineProperty(e,"createMemoryRouter",{enumerable:!0,get:function(){return t.createMemoryRouter}}),Object.defineProperty(e,"createPath",{enumerable:!0,get:function(){return t.createPath}}),Object.defineProperty(e,"createRemixStub",{enumerable:!0,get:function(){return t.createRemixStub}}),Object.defineProperty(e,"createRoutesFromChildren",{enumerable:!0,get:function(){return t.createRoutesFromChildren}}),Object.defineProperty(e,"createRoutesFromElements",{enumerable:!0,get:function(){return t.createRoutesFromChildren}}),Object.defineProperty(e,"createSearchParams",{enumerable:!0,get:function(){return t.createSearchParams}}),Object.defineProperty(e,"createStaticHandler",{enumerable:!0,get:function(){return t.createStaticHandler}}),Object.defineProperty(e,"createStaticRouter",{enumerable:!0,get:function(){return t.createStaticRouter}}),Object.defineProperty(e,"defer",{enumerable:!0,get:function(){return t.defer}}),Object.defineProperty(e,"generatePath",{enumerable:!0,get:function(){return t.generatePath}}),Object.defineProperty(e,"getStaticContextFromError",{enumerable:!0,get:function(){return t.getStaticContextFromError}}),Object.defineProperty(e,"isRouteErrorResponse",{enumerable:!0,get:function(){return t.isRouteErrorResponse}}),Object.defineProperty(e,"json",{enumerable:!0,get:function(){return t.json}}),Object.defineProperty(e,"matchPath",{enumerable:!0,get:function(){return t.matchPath}}),Object.defineProperty(e,"matchRoutes",{enumerable:!0,get:function(){return t.matchRoutes}}),Object.defineProperty(e,"parsePath",{enumerable:!0,get:function(){return t.parsePath}}),Object.defineProperty(e,"redirect",{enumerable:!0,get:function(){return t.redirect}}),Object.defineProperty(e,"redirectDocument",{enumerable:!0,get:function(){return t.redirectDocument}}),Object.defineProperty(e,"renderMatches",{enumerable:!0,get:function(){return t.renderMatches}}),Object.defineProperty(e,"resolvePath",{enumerable:!0,get:function(){return t.resolvePath}}),Object.defineProperty(e,"stripBasename",{enumerable:!0,get:function(){return t.stripBasename}}),Object.defineProperty(e,"unstable_HistoryRouter",{enumerable:!0,get:function(){return t.unstable_HistoryRouter}}),Object.defineProperty(e,"unstable_usePrompt",{enumerable:!0,get:function(){return t.unstable_usePrompt}}),Object.defineProperty(e,"unstable_useViewTransitionState",{enumerable:!0,get:function(){return t.unstable_useViewTransitionState}}),Object.defineProperty(e,"useActionData",{enumerable:!0,get:function(){return t.useActionData}}),Object.defineProperty(e,"useAsyncError",{enumerable:!0,get:function(){return t.useAsyncError}}),Object.defineProperty(e,"useAsyncValue",{enumerable:!0,get:function(){return t.useAsyncValue}}),Object.defineProperty(e,"useBeforeUnload",{enumerable:!0,get:function(){return t.useBeforeUnload}}),Object.defineProperty(e,"useBlocker",{enumerable:!0,get:function(){return t.useBlocker}}),Object.defineProperty(e,"useFetcher",{enumerable:!0,get:function(){return t.useFetcher}}),Object.defineProperty(e,"useFetchers",{enumerable:!0,get:function(){return t.useFetchers}}),Object.defineProperty(e,"useFormAction",{enumerable:!0,get:function(){return t.useFormAction}}),Object.defineProperty(e,"useHref",{enumerable:!0,get:function(){return t.useHref}}),Object.defineProperty(e,"useInRouterContext",{enumerable:!0,get:function(){return t.useInRouterContext}}),Object.defineProperty(e,"useLinkClickHandler",{enumerable:!0,get:function(){return t.useLinkClickHandler}}),Object.defineProperty(e,"useLoaderData",{enumerable:!0,get:function(){return t.useLoaderData}}),Object.defineProperty(e,"useLocation",{enumerable:!0,get:function(){return t.useLocation}}),Object.defineProperty(e,"useMatch",{enumerable:!0,get:function(){return t.useMatch}}),Object.defineProperty(e,"useMatches",{enumerable:!0,get:function(){return t.useMatches}}),Object.defineProperty(e,"useNavigate",{enumerable:!0,get:function(){return t.useNavigate}}),Object.defineProperty(e,"useNavigation",{enumerable:!0,get:function(){return t.useNavigation}}),Object.defineProperty(e,"useNavigationType",{enumerable:!0,get:function(){return t.useNavigationType}}),Object.defineProperty(e,"useOutlet",{enumerable:!0,get:function(){return t.useOutlet}}),Object.defineProperty(e,"useOutletContext",{enumerable:!0,get:function(){return t.useOutletContext}}),Object.defineProperty(e,"useParams",{enumerable:!0,get:function(){return t.useParams}}),Object.defineProperty(e,"useResolvedPath",{enumerable:!0,get:function(){return t.useResolvedPath}}),Object.defineProperty(e,"useRevalidator",{enumerable:!0,get:function(){return t.useRevalidator}}),Object.defineProperty(e,"useRouteError",{enumerable:!0,get:function(){return t.useRouteError}}),Object.defineProperty(e,"useRouteLoaderData",{enumerable:!0,get:function(){return t.useRouteLoaderData}}),Object.defineProperty(e,"useRoutes",{enumerable:!0,get:function(){return t.useRoutes}}),Object.defineProperty(e,"useSearchParams",{enumerable:!0,get:function(){return t.useSearchParams}}),Object.defineProperty(e,"useSubmit",{enumerable:!0,get:function(){return t.useSubmit}}),Object.defineProperty(e,"__esModule",{value:!0})}));
		//# sourceMappingURL=react-router-dom.production.min.js.map

LICENSE.md

		MIT License

		Copyright (c) React Training 2015-2019
		Copyright (c) Remix Software 2020-2022
		Copyright (c) React Training LLC 2015-2019
		Copyright (c) Remix Software Inc. 2020-2021
		Copyright (c) Shopify Inc. 2022-2023

		@@ -6,0 +7,0 @@ Permission is hereby granted, free of charge, to any person obtaining a copy

package.json

		{
		"name": "react-router-dom",
		"version": "0.0.0-experimental-f92aa2e1",
		"version": "0.0.0-experimental-fbbd4fd81",
		"description": "Declarative routing for React web applications",
		@@ -26,4 +26,3 @@ "keywords": [
		"dependencies": {
		"@remix-run/router": "0.0.0-experimental-f92aa2e1",
		"react-router": "0.0.0-experimental-f92aa2e1"
		"react-router": "0.0.0-experimental-fbbd4fd81"
		},
		@@ -40,12 +39,8 @@ "devDependencies": {
		"dist/",
		"CHANGELOG.md",
		"LICENSE.md",
		"README.md",
		"server.d.ts",
		"server.js",
		"server.mjs"
		"README.md"
		],
		"engines": {
		"node": ">=14"
		"node": ">=14.0.0"
		}
		}
		}

README.md

		# React Router DOM

		The `react-router-dom` package contains bindings for using [React
		Router](https://github.com/remix-run/react-router) in web applications.
		Please see [the Getting Started guide](https://reactrouter.com/en/main/start/tutorial) for more information on how to get started with React Router.
		The `react-router-dom` package is deprecated and only kept around for backwards-compatibility. It re-exports everything from the `react-router` package - you should convert your applications to import everything from `react-router` in v7 and beyond.

CHANGELOG.md

dist/dom.d.ts

dist/server.d.ts

dist/server.js

dist/server.mjs

server.d.ts

server.js

server.mjs

dist/index.js.map