@qwik.dev/router 2.0.0-beta.39 → 2.0.0-beta.40

package/lib/index.qwik.mjs

@@ -1,1969 +1,1688 @@
-import { componentQrl, inlinedQrl, useErrorBoundary, useOnWindow, _captures, _jsxSorted, Slot, isBrowser, isDev, untrack, _qrlSync, _jsxSplit, _getConstProps, _getVarProps, eventQrl, isServer, useServerData, useStore, useSignal, useContextProvider, useTaskQrl, noSerialize, getLocale, createComputedQrl, useContext, SkipRender, implicit$FirstArg, withLocale, _wrapProp, _restProps, _fnSignal, createElement } from '@qwik.dev/core';
-import { Fragment } from '@qwik.dev/core/jsx-runtime';
-import * as qwikRouterConfig from '@qwik-router-config';
-import { p } from '@qwik.dev/core/preloader';
-import { e as ensureSlash } from './chunks/pathname.mjs';
-import { l as loadRoute, g as getModuleRouteLoaders, f as fetchRouteLoaderData, a as getClientNavPath, s as shouldPreload, i as isSamePath, t as toPath, b as isSameOrigin, Q as QACTION_KEY, e as ensureRouteLoaderSignals, c as setLoaderSignalValue, d as createDocumentHead, C as ContentContext, h as ContentInternalContext, D as DocumentHeadContext, H as HttpStatusContext, j as RouteLocationContext, k as RouteNavigateContext, m as RouteStateContext, n as RouteLoaderCtxContext, o as RouteActionContext, p as RoutePreventNavigateContext, u as updateRouteLoaderPaths, q as invalidateNavRouteLoaders, r as isImmutableLoader, v as clearNavFetchCache, w as resolveHead, x as Q_ROUTE, y as toUrl, z as getRequestEvent, A as QFN_KEY, B as QDATA_KEY } from './chunks/head.qwik.mjs';
-export { E as routeLoader$, G as routeLoaderQrl } from './chunks/head.qwik.mjs';
-import { u as useNavigate, a as useLocation, b as useDocumentHead, c as useQwikRouterEnv, d as useAction } from './chunks/use-functions.qwik.mjs';
-export { e as useContent, f as useHttpStatus, g as usePreventNavigate$, h as usePreventNavigateQrl } from './chunks/use-functions.qwik.mjs';
-import { _deserialize, _hasStoreEffects, _getContextContainer, forceStoreEffects, _waitUntilRendered, _getContextHostElement, _serialize } from '@qwik.dev/core/internal';
-import * as v from 'valibot';
-import * as z from 'zod';
-export { z } from 'zod';
-import swRegister from '@qwik-router-sw-register';
-import { renderToStream } from '@qwik.dev/core/server';
-
-const ErrorBoundary = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  const store = useErrorBoundary();
-  useOnWindow("qerror", /* @__PURE__ */ inlinedQrl((e) => {
-    const store2 = _captures[0];
-    store2.error = e.detail.error;
-  }, "ErrorBoundary_component_useOnWindow_G0jFRpoNY0M", [
-    store
-  ]));
-  if (store.error && props.fallback$) {
-    return /* @__PURE__ */ _jsxSorted(Fragment, null, null, props.fallback$(store.error), 1, "bA_0");
-  }
-  return /* @__PURE__ */ _jsxSorted(Slot, null, null, null, 3, "bA_1");
+import { t as ensureSlash } from "./chunks/pathname.mjs";
+import { A as routeLoader$, B as RouteLoaderCtxContext, E as isImmutableLoader, F as ContentContext, G as QACTION_KEY, H as RouteNavigateContext, I as ContentInternalContext, J as Q_ROUTE, K as QDATA_KEY, L as DocumentHeadContext, M as setLoaderSignalValue, P as updateRouteLoaderPaths, R as HttpStatusContext, T as invalidateNavRouteLoaders, U as RoutePreventNavigateContext, V as RouteLocationContext, W as RouteStateContext, _ as fetchRouteLoaderData, b as getRequestEvent, c as shouldPreload, d as loadRoute, g as ensureRouteLoaderSignals, i as getClientNavPath, j as routeLoaderQrl, l as toPath, m as clearNavFetchCache, n as resolveHead, o as isSameOrigin, q as QFN_KEY, s as isSamePath, t as createDocumentHead, u as toUrl, y as getModuleRouteLoaders, z as RouteActionContext } from "./chunks/head.qwik.mjs";
+import { SkipRender, Slot, _captures, _fnSignal, _getConstProps, _getVarProps, _jsxSorted, _jsxSplit, _qrlSync, _restProps, _wrapProp, componentQrl, createComputedQrl, createElement, eventQrl, getLocale, implicit$FirstArg, inlinedQrl, isBrowser, isDev, isServer, noSerialize, untrack, useContext, useContextProvider, useErrorBoundary, useOnWindow, useServerData, useSignal, useStore, useTaskQrl, useVisibleTaskQrl, withLocale } from "@qwik.dev/core";
+import { Fragment } from "@qwik.dev/core/jsx-runtime";
+import * as qwikRouterConfig from "@qwik-router-config";
+import { p } from "@qwik.dev/core/preloader";
+import { _deserialize, _getContextContainer, _getContextHostElement, _hasStoreEffects, _serialize, _waitUntilRendered, forceStoreEffects } from "@qwik.dev/core/internal";
+import * as v from "valibot";
+import * as z$1 from "zod";
+import { z } from "zod";
+import swRegister from "@qwik-router-sw-register";
+import { renderToStream } from "@qwik.dev/core/server";
+/** @public */ var ErrorBoundary = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
+	const store = useErrorBoundary();
+	useOnWindow("qerror", /*#__PURE__*/ inlinedQrl((e) => {
+		const store = _captures[0];
+		store.error = e.detail.error;
+	}, "ErrorBoundary_component_useOnWindow_G0jFRpoNY0M", [store]));
+	if (store.error && props.fallback$) return /*#__PURE__*/ _jsxSorted(Fragment, null, null, props.fallback$(store.error), 1, "bA_0");
+	return /*#__PURE__*/ _jsxSorted(Slot, null, null, null, 3, "bA_1");
 }, "ErrorBoundary_component_pOa6vjtC7ik"));
-
-const prefetchLoaderData = (loadedRoute, url, manifestHash) => {
-  if (!loadedRoute.$loaders$?.length || !loadedRoute.$loaderPaths$) {
-    return;
-  }
-  const immutableIds = new Set(getModuleRouteLoaders(loadedRoute.$mods$).filter((loader) => loader.__cacheControl === "immutable").map((loader) => loader.__id));
-  const basePath = qwikRouterConfig.basePathname ?? "/";
-  for (const hash of loadedRoute.$loaders$) {
-    if (immutableIds.has(hash)) {
-      continue;
-    }
-    let loaderPath = loadedRoute.$loaderPaths$[hash];
-    if (!loaderPath) {
-      continue;
-    }
-    if (basePath !== "/" && !loaderPath.startsWith(basePath)) {
-      loaderPath = basePath + loaderPath.slice(1);
-    }
-    fetchRouteLoaderData(hash, loaderPath, manifestHash, {
-      pageUrl: url,
-      basePath
-    }).catch(() => {
-    });
-  }
+/**
+* Prefetch a route's loader data in parallel (fire-and-forget). The per-nav fetch map dedupes
+* repeat hovers and shares the promise with the navigation's own fetch; the browser HTTP cache
+* handles freshness. Immutable loaders are skipped: they download lazily on first actual read and
+* are then browser-cached for the life of the deploy.
+*/ var prefetchLoaderData = (loadedRoute, url, manifestHash) => {
+	if (!loadedRoute.$loaders$?.length || !loadedRoute.$loaderPaths$) return;
+	const immutableIds = new Set(getModuleRouteLoaders(loadedRoute.$mods$).filter((loader) => loader.__cacheControl === "immutable").map((loader) => loader.__id));
+	const basePath = qwikRouterConfig.basePathname ?? "/";
+	for (const hash of loadedRoute.$loaders$) {
+		if (immutableIds.has(hash)) continue;
+		let loaderPath = loadedRoute.$loaderPaths$[hash];
+		if (!loaderPath) continue;
+		if (basePath !== "/" && !loaderPath.startsWith(basePath)) loaderPath = basePath + loaderPath.slice(1);
+		fetchRouteLoaderData(hash, loaderPath, manifestHash, {
+			pageUrl: url,
+			basePath
+		}).catch(() => {});
+	}
 };
-async function prefetchRoute(url, prefetchData, probability = 0.8, manifestHash, prefetchBundle = true) {
-  if (!isBrowser || isDev) {
-    return;
-  }
-  try {
-    const loadedRoute = await loadRoute(qwikRouterConfig.routes, qwikRouterConfig.cacheModules, url.pathname);
-    if (!loadedRoute) {
-      return;
-    }
-    if (prefetchBundle) {
-      let routeName = loadedRoute.$routeName$;
-      routeName = ensureSlash(routeName);
-      if (routeName.length > 1 && routeName.startsWith("/")) {
-        routeName = routeName.slice(1);
-      }
-      p(routeName, probability);
-    }
-    if (!prefetchData || !manifestHash) {
-      return;
-    }
-    prefetchLoaderData(loadedRoute, url, manifestHash);
-  } catch {
-  }
+/**
+* Prefetch a route's JS bundles and optionally its loader data.
+*
+* Resolves the route from the trie to get the routeName (for the bundle graph preloader) and
+* `$loaders$` (for data prefetching). The bundle graph is keyed by route name (e.g.
+* `products/[id]/`), not by actual pathname (e.g. `products/123/`).
+*
+* @param url - The URL pathname to prefetch
+* @param prefetchData - Whether to prefetch loader data
+* @param probability - Bundle preload probability (0-1, default 0.8)
+* @param manifestHash - Build manifest hash for loader URLs (from `useDocumentHead().manifestHash`)
+* @param prefetchBundle - Whether to prefetch route JS bundles
+*/ async function prefetchRoute(url, prefetchData, probability = .8, manifestHash, prefetchBundle = true) {
+	if (!isBrowser || isDev) return;
+	try {
+		const loadedRoute = await loadRoute(qwikRouterConfig.routes, qwikRouterConfig.cacheModules, url.pathname);
+		if (!loadedRoute) return;
+		if (prefetchBundle) {
+			let routeName = loadedRoute.$routeName$;
+			routeName = ensureSlash(routeName);
+			if (routeName.length > 1 && routeName.startsWith("/")) routeName = routeName.slice(1);
+			p(routeName, probability);
+		}
+		if (!prefetchData || !manifestHash) return;
+		prefetchLoaderData(loadedRoute, url, manifestHash);
+	} catch {}
 }
-
-const Link = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  const nav = useNavigate();
-  const loc = useLocation();
-  const head = useDocumentHead();
-  const originalHref = props.href;
-  const { onClick$, prefetch: prefetchProp, reload, replaceState, scroll, prefetchBundles: prefetchBundlesProp = "visible", prefetchData: prefetchDataProp = prefetchProp === "js" ? "off" : "intent", ...linkProps } = props;
-  const clientNavPath = untrack(getClientNavPath, {
-    ...linkProps,
-    reload
-  }, loc);
-  linkProps.href = clientNavPath || originalHref;
-  const isDepratedPrefetchDisabled = prefetchProp === false;
-  const shouldPrefetch = untrack(shouldPreload, clientNavPath, loc);
-  const shouldVisiblePrefetchBundles = !!clientNavPath && shouldPrefetch && !isDepratedPrefetchDisabled && (prefetchBundlesProp === "visible" || // deprecated prop below, remove in favor of prefetchBundles
-  prefetchProp === "js" || prefetchProp === true);
-  const shouldVisiblePrefetchData = !!clientNavPath && shouldPrefetch && !isDepratedPrefetchDisabled && (prefetchDataProp === "visible" || // deprecated prop below, remove in favor of prefetchData
-  prefetchProp === true);
-  const shouldPrefetchData = !!clientNavPath && prefetchDataProp !== "off" && shouldPrefetch && !isDepratedPrefetchDisabled;
-  const handleDataPrefetch = shouldPrefetchData ? /* @__PURE__ */ inlinedQrl((_, elm) => {
-    const head2 = _captures[0];
-    if (navigator.connection?.saveData) {
-      return;
-    }
-    if (elm && elm.href) {
-      const url = new URL(elm.href);
-      prefetchRoute(url, true, 0.8, head2.manifestHash, false);
-    }
-  }, "Link_component_handleDataPrefetch_lcd4O9LHbbA", [
-    head
-  ]) : null;
-  const preventDefault = clientNavPath ? _qrlSync((event) => {
-    if (!(event.metaKey || event.ctrlKey || event.shiftKey || event.altKey)) {
-      event.preventDefault();
-    }
-  }, "event=>{if(!(event.metaKey||event.ctrlKey||event.shiftKey||event.altKey)){event.preventDefault();}}") : null;
-  const prefetchData = /* @__PURE__ */ inlinedQrl(async (_, elm) => {
-    const handleDataPrefetch2 = _captures[0];
-    handleDataPrefetch2?.(null, elm);
-  }, "Link_component_prefetchData_UwVx4NhHkSo", [
-    handleDataPrefetch
-  ]);
-  const onEnterKeyDown = /* @__PURE__ */ inlinedQrl((event, element) => {
-    const prefetchData2 = _captures[0];
-    if (event.key === "Enter") {
-      prefetchData2(null, element);
-    }
-  }, "Link_component_onEnterKeyDown_z274ws00irY", [
-    prefetchData
-  ]);
-  const handleClientSideNavigation = clientNavPath ? /* @__PURE__ */ inlinedQrl((event, elm) => {
-    const nav2 = _captures[0], reload2 = _captures[1], replaceState2 = _captures[2], scroll2 = _captures[3];
-    if (event.defaultPrevented) {
-      if (elm.href) {
-        elm.setAttribute("aria-pressed", "true");
-        nav2(elm.href, {
-          forceReload: reload2,
-          replaceState: replaceState2,
-          scroll: scroll2
-        }).then(() => {
-          elm.removeAttribute("aria-pressed");
-        });
-      }
-    }
-  }, "Link_component_handleClientSideNavigation_h3qenoGeI6M", [
-    nav,
-    reload,
-    replaceState,
-    scroll
-  ]) : null;
-  const handlePreload = /* @__PURE__ */ inlinedQrl((_, elm) => {
-    const url = new URL(elm.href);
-    prefetchRoute(url, false, 1);
-  }, "Link_component_handlePreload_AAemwtuBjsE");
-  return /* @__PURE__ */ _jsxSplit("a", {
-    "q:link": !!clientNavPath,
-    ..._getVarProps(linkProps),
-    ..._getConstProps(linkProps),
-    "data-q-prefetch": shouldVisiblePrefetchBundles && shouldVisiblePrefetchData ? "bd" : shouldVisiblePrefetchBundles ? "b" : shouldVisiblePrefetchData ? "d" : null,
-    "q-e:click": [
-      preventDefault,
-      handlePreload,
-      onClick$,
-      handleClientSideNavigation
-    ],
-    "q-e:pointerenter": [
-      linkProps.onMouseOver$,
-      prefetchDataProp === "intent" ? prefetchData : null
-    ],
-    "q-e:focus": [
-      linkProps.onFocus$,
-      prefetchDataProp === "intent" ? prefetchData : null
-    ],
-    "q-e:pointerdown": [
-      linkProps.onPointerDown$,
-      prefetchDataProp === "commit" ? prefetchData : null
-    ],
-    "q-e:keydown": [
-      linkProps.onKeyDown$,
-      prefetchDataProp === "commit" ? onEnterKeyDown : null
-    ]
-  }, null, /* @__PURE__ */ _jsxSorted(Slot, null, null, null, 3, "jO_0"), 0, "jO_1");
+/** @public */ var useHttpStatus = () => useContext(HttpStatusContext).value;
+/** @public */ var useContent = () => useContext(ContentContext);
+/**
+* Returns the document head for the current page. The generic type describes the front matter.
+*
+* @public
+*/ var useDocumentHead = () => useContext(DocumentHeadContext);
+/** @public */ var useLocation = () => useContext(RouteLocationContext);
+/** @public */ var useNavigate = () => useContext(RouteNavigateContext);
+/** @internal Implementation of usePreventNavigate$ */ var usePreventNavigateQrl = (fn) => {
+	const registerPreventNav = useContext(RoutePreventNavigateContext);
+	useVisibleTaskQrl(/*#__PURE__*/ inlinedQrl(() => {
+		const fn = _captures[0], registerPreventNav = _captures[1];
+		return registerPreventNav(fn);
+	}, "usePreventNavigateQrl_useVisibleTask_BsYUaz9XhUs", [fn, registerPreventNav]));
+};
+/**
+* Prevent navigation attempts. This hook registers a callback that will be called before SPA or
+* browser navigation.
+*
+* Return `true` to prevent navigation.
+*
+* #### SPA Navigation
+*
+* For Single-Page-App (SPA) navigation (via `<Link />`, `const nav = useNavigate()`, and browser
+* backwards/forwards inside SPA history), the callback will be provided with the target, either a
+* URL or a number. It will only be a number if `nav(number)` was called to navigate forwards or
+* backwards in SPA history.
+*
+* If you return a Promise, the navigation will be blocked until the promise resolves.
+*
+* This can be used to show a nice dialog to the user, and wait for the user to confirm, or to
+* record the url, prevent the navigation, and navigate there later via `nav(url)`.
+*
+* #### Browser Navigation
+*
+* However, when the user navigates away by clicking on a regular `<a />`, reloading, or moving
+* backwards/forwards outside SPA history, this callback will not be awaited. This is because the
+* browser does not provide a way to asynchronously prevent these navigations.
+*
+* In this case, returning returning `true` will tell the browser to show a confirmation dialog,
+* which cannot be customized. You are also not able to show your own `window.confirm()` dialog
+* during the callback, the browser won't allow it. If you return a Promise, it will be considered
+* as `true`.
+*
+* When the callback is called from the browser, no url will be provided. Use this to know whether
+* you can show a dialog or just return `true` to prevent the navigation.
+*
+* @public
+*/ var usePreventNavigate$ = implicit$FirstArg(usePreventNavigateQrl);
+var useAction = () => useContext(RouteActionContext);
+var useQwikRouterEnv = () => noSerialize(useServerData("qwikrouter"));
+/** @public */ var Link = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
+	const nav = useNavigate();
+	const loc = useLocation();
+	const head = useDocumentHead();
+	const originalHref = props.href;
+	const { onClick$, prefetch: prefetchProp, reload, replaceState, scroll, prefetchBundles: prefetchBundlesProp = "visible", prefetchData: prefetchDataProp = prefetchProp === "js" ? "off" : "intent", ...linkProps } = props;
+	const clientNavPath = untrack(getClientNavPath, {
+		...linkProps,
+		reload
+	}, loc);
+	linkProps.href = clientNavPath || originalHref;
+	const isDepratedPrefetchDisabled = prefetchProp === false;
+	const shouldPrefetch = untrack(shouldPreload, clientNavPath, loc);
+	const shouldVisiblePrefetchBundles = !!clientNavPath && shouldPrefetch && !isDepratedPrefetchDisabled && (prefetchBundlesProp === "visible" || prefetchProp === "js" || prefetchProp === true);
+	const shouldVisiblePrefetchData = !!clientNavPath && shouldPrefetch && !isDepratedPrefetchDisabled && (prefetchDataProp === "visible" || prefetchProp === true);
+	const handleDataPrefetch = !!clientNavPath && prefetchDataProp !== "off" && shouldPrefetch && !isDepratedPrefetchDisabled ? /*#__PURE__*/ inlinedQrl((_, elm) => {
+		const head = _captures[0];
+		if (navigator.connection?.saveData) return;
+		if (elm && elm.href) prefetchRoute(new URL(elm.href), true, .8, head.manifestHash, false);
+	}, "Link_component_handleDataPrefetch_lcd4O9LHbbA", [head]) : null;
+	const preventDefault = clientNavPath ? _qrlSync((event) => {
+		if (!(event.metaKey || event.ctrlKey || event.shiftKey || event.altKey)) event.preventDefault();
+	}, "event=>{if(!(event.metaKey||event.ctrlKey||event.shiftKey||event.altKey)){event.preventDefault();}}") : null;
+	const prefetchData = /*#__PURE__*/ inlinedQrl(async (_, elm) => {
+		const handleDataPrefetch = _captures[0];
+		handleDataPrefetch?.(null, elm);
+	}, "Link_component_prefetchData_UwVx4NhHkSo", [handleDataPrefetch]);
+	const onEnterKeyDown = /*#__PURE__*/ inlinedQrl((event, element) => {
+		const prefetchData = _captures[0];
+		if (event.key === "Enter") prefetchData(null, element);
+	}, "Link_component_onEnterKeyDown_z274ws00irY", [prefetchData]);
+	const handleClientSideNavigation = clientNavPath ? /*#__PURE__*/ inlinedQrl((event, elm) => {
+		const nav = _captures[0], reload = _captures[1], replaceState = _captures[2], scroll = _captures[3];
+		if (event.defaultPrevented) {
+			if (elm.href) {
+				elm.setAttribute("aria-pressed", "true");
+				nav(elm.href, {
+					forceReload: reload,
+					replaceState,
+					scroll
+				}).then(() => {
+					elm.removeAttribute("aria-pressed");
+				});
+			}
+		}
+	}, "Link_component_handleClientSideNavigation_h3qenoGeI6M", [
+		nav,
+		reload,
+		replaceState,
+		scroll
+	]) : null;
+	const handlePreload = /*#__PURE__*/ inlinedQrl((_, elm) => {
+		prefetchRoute(new URL(elm.href), false, 1);
+	}, "Link_component_handlePreload_AAemwtuBjsE");
+	return /*#__PURE__*/ _jsxSplit("a", {
+		"q:link": !!clientNavPath,
+		..._getVarProps(linkProps),
+		..._getConstProps(linkProps),
+		"data-q-prefetch": shouldVisiblePrefetchBundles && shouldVisiblePrefetchData ? "bd" : shouldVisiblePrefetchBundles ? "b" : shouldVisiblePrefetchData ? "d" : null,
+		"q-e:click": [
+			preventDefault,
+			handlePreload,
+			onClick$,
+			handleClientSideNavigation
+		],
+		"q-e:pointerenter": [linkProps.onMouseOver$, prefetchDataProp === "intent" ? prefetchData : null],
+		"q-e:focus": [linkProps.onFocus$, prefetchDataProp === "intent" ? prefetchData : null],
+		"q-e:pointerdown": [linkProps.onPointerDown$, prefetchDataProp === "commit" ? prefetchData : null],
+		"q-e:keydown": [linkProps.onKeyDown$, prefetchDataProp === "commit" ? onEnterKeyDown : null]
+	}, null, /*#__PURE__*/ _jsxSorted(Slot, null, null, null, 3, "jO_0"), 0, "jO_1");
 }, "Link_component_VPmar9tb3t4"));
-
-const newScrollState = () => {
-  return {
-    x: 0,
-    y: 0,
-    w: 0,
-    h: 0
-  };
+var newScrollState = () => {
+	return {
+		x: 0,
+		y: 0,
+		w: 0,
+		h: 0
+	};
 };
-const clientNavigate = (win, navType, fromURL, toURL, replaceState = false) => {
-  if (navType !== "popstate") {
-    const samePath = isSamePath(fromURL, toURL);
-    const sameHash = fromURL.hash === toURL.hash;
-    if (!samePath || !sameHash) {
-      const newState = {
-        _qRouterScroll: newScrollState()
-      };
-      if (replaceState) {
-        win.history.replaceState(newState, "", toPath(toURL));
-      } else {
-        win.history.pushState(newState, "", toPath(toURL));
-      }
-    }
-  }
+var clientNavigate = (win, navType, fromURL, toURL, replaceState = false) => {
+	if (navType !== "popstate") {
+		const samePath = isSamePath(fromURL, toURL);
+		const sameHash = fromURL.hash === toURL.hash;
+		if (!samePath || !sameHash) {
+			const newState = { _qRouterScroll: newScrollState() };
+			if (replaceState) win.history.replaceState(newState, "", toPath(toURL));
+			else win.history.pushState(newState, "", toPath(toURL));
+		}
+	}
 };
-const preloadRouteBundles = (path, probability = 0.8) => {
-  if (isBrowser) {
-    path = ensureSlash(path);
-    path = path.length > 1 && path.startsWith("/") ? path.slice(1) : path;
-    p(path, probability);
-  }
+var preloadRouteBundles = (path, probability = .8) => {
+	if (isBrowser) {
+		path = ensureSlash(path);
+		path = path.length > 1 && path.startsWith("/") ? path.slice(1) : path;
+		p(path, probability);
+	}
 };
-
-let prefetchedLinks = /* @__PURE__ */ new WeakSet();
-let cleanupPrefetchObserver;
-const resetLinkPrefetchState = () => {
-  prefetchedLinks = /* @__PURE__ */ new WeakSet();
+var prefetchedLinks = /* @__PURE__ */ new WeakSet();
+var cleanupPrefetchObserver;
+var resetLinkPrefetchState = () => {
+	prefetchedLinks = /* @__PURE__ */ new WeakSet();
 };
-const createLinkPrefetchObserver = (manifestHash) => {
-  const anchors = document.querySelectorAll("a[q\\:link][data-q-prefetch]");
-  const prefetchAnchor = (anchor, observer2) => {
-    if (prefetchedLinks.has(anchor)) {
-      return;
-    }
-    prefetchedLinks.add(anchor);
-    observer2?.unobserve(anchor);
-    if (navigator.connection?.saveData || !anchor.href) {
-      return;
-    }
-    let url;
-    try {
-      url = new URL(anchor.href);
-    } catch {
-      return;
-    }
-    const currentUrl = new URL(location.href);
-    if (!isSameOrigin(url, currentUrl) || !shouldPreload(toPath(url), {
-      url: currentUrl
-    })) {
-      return;
-    }
-    const mode = anchor.getAttribute("data-q-prefetch") || "";
-    if (mode.includes("b")) {
-      preloadRouteBundles(url.pathname);
-    }
-    if (mode.includes("d")) {
-      prefetchRoute(url, true, 0.8, manifestHash, false);
-    }
-  };
-  if (typeof IntersectionObserver === "undefined") {
-    anchors.forEach((anchor) => prefetchAnchor(anchor));
-    return () => {
-    };
-  }
-  const observer = new IntersectionObserver((entries) => {
-    for (const entry of entries) {
-      if (entry.isIntersecting) {
-        prefetchAnchor(entry.target, observer);
-      }
-    }
-  });
-  anchors.forEach((anchor) => observer.observe(anchor));
-  return () => {
-    observer.disconnect();
-  };
+var createLinkPrefetchObserver = (manifestHash) => {
+	const anchors = document.querySelectorAll("a[q\\:link][data-q-prefetch]");
+	const prefetchAnchor = (anchor, observer) => {
+		if (prefetchedLinks.has(anchor)) return;
+		prefetchedLinks.add(anchor);
+		observer?.unobserve(anchor);
+		if (navigator.connection?.saveData || !anchor.href) return;
+		let url;
+		try {
+			url = new URL(anchor.href);
+		} catch {
+			return;
+		}
+		const currentUrl = new URL(location.href);
+		if (!isSameOrigin(url, currentUrl) || !shouldPreload(toPath(url), { url: currentUrl })) return;
+		const mode = anchor.getAttribute("data-q-prefetch") || "";
+		if (mode.includes("b")) preloadRouteBundles(url.pathname);
+		if (mode.includes("d")) prefetchRoute(url, true, .8, manifestHash, false);
+	};
+	if (typeof IntersectionObserver === "undefined") {
+		anchors.forEach((anchor) => prefetchAnchor(anchor));
+		return () => {};
+	}
+	const observer = new IntersectionObserver((entries) => {
+		for (const entry of entries) if (entry.isIntersecting) prefetchAnchor(entry.target, observer);
+	});
+	anchors.forEach((anchor) => observer.observe(anchor));
+	return () => {
+		observer.disconnect();
+	};
 };
-const refreshLinkPrefetchObserver = (manifestHash) => {
-  resetLinkPrefetchState();
-  cleanupPrefetchObserver?.();
-  cleanupPrefetchObserver = createLinkPrefetchObserver(manifestHash);
+var refreshLinkPrefetchObserver = (manifestHash) => {
+	resetLinkPrefetchState();
+	cleanupPrefetchObserver?.();
+	cleanupPrefetchObserver = createLinkPrefetchObserver(manifestHash);
 };
-const linkPrefetchInit = eventQrl(/* @__PURE__ */ inlinedQrl((_, element) => {
-  const manifestHash = element.closest("[q\\:manifest-hash]")?.getAttribute("q:manifest-hash") || void 0;
-  refreshLinkPrefetchObserver(manifestHash);
+var linkPrefetchInit = eventQrl(/*#__PURE__*/ inlinedQrl((_, element) => {
+	refreshLinkPrefetchObserver(element.closest("[q\\:manifest-hash]")?.getAttribute("q:manifest-hash") || void 0);
 }, "linkPrefetchInit_event_hoZr9O26Irg"));
-
 function callRestoreScrollOnDocument() {
-  if (document.__q_scroll_restore__) {
-    document.__q_scroll_restore__();
-    document.__q_scroll_restore__ = void 0;
-  }
+	if (document.__q_scroll_restore__) {
+		document.__q_scroll_restore__();
+		document.__q_scroll_restore__ = void 0;
+	}
 }
-const hashScroll = (toUrl, fromUrl) => {
-  const elmId = toUrl.hash.slice(1);
-  const elm = elmId && document.getElementById(elmId);
-  if (elm) {
-    elm.scrollIntoView();
-    return true;
-  } else if (!elm && toUrl.hash && isSamePath(toUrl, fromUrl)) {
-    return true;
-  }
-  return false;
+var hashScroll = (toUrl, fromUrl) => {
+	const elmId = toUrl.hash.slice(1);
+	const elm = elmId && document.getElementById(elmId);
+	if (elm) {
+		elm.scrollIntoView();
+		return true;
+	} else if (!elm && toUrl.hash && isSamePath(toUrl, fromUrl)) return true;
+	return false;
 };
-const restoreScroll = (type, toUrl, fromUrl, scroller, scrollState) => {
-  if (type === "popstate" && scrollState) {
-    scroller.scrollTo(scrollState.x, scrollState.y);
-  } else if (type === "link" || type === "form") {
-    if (!hashScroll(toUrl, fromUrl)) {
-      scroller.scrollTo(0, 0);
-    }
-  }
+var restoreScroll = (type, toUrl, fromUrl, scroller, scrollState) => {
+	if (type === "popstate" && scrollState) scroller.scrollTo(scrollState.x, scrollState.y);
+	else if (type === "link" || type === "form") {
+		if (!hashScroll(toUrl, fromUrl)) scroller.scrollTo(0, 0);
+	}
 };
-const currentScrollState = (elm) => {
-  return {
-    x: elm.scrollLeft,
-    y: elm.scrollTop,
-    w: Math.max(elm.scrollWidth, elm.clientWidth),
-    h: Math.max(elm.scrollHeight, elm.clientHeight)
-  };
+var currentScrollState = (elm) => {
+	return {
+		x: elm.scrollLeft,
+		y: elm.scrollTop,
+		w: Math.max(elm.scrollWidth, elm.clientWidth),
+		h: Math.max(elm.scrollHeight, elm.clientHeight)
+	};
 };
-const getScrollHistory = () => {
-  const state = history.state;
-  return state?._qRouterScroll;
+var getScrollHistory = () => {
+	return history.state?._qRouterScroll;
 };
-const saveScrollHistory = (scrollState) => {
-  const state = history.state || {};
-  state._qRouterScroll = scrollState;
-  history.replaceState(state, "");
+var saveScrollHistory = (scrollState) => {
+	const state = history.state || {};
+	state._qRouterScroll = scrollState;
+	history.replaceState(state, "");
 };
-
-const Q_ROUTER_POPSTATE_EVENT = "qrouterpopstate";
-const createCurrentPathTracker = (initialPath) => {
-  let currentPath = initialPath;
-  return (nextPath) => {
-    if (currentPath !== nextPath) {
-      currentPath = nextPath;
-      return true;
-    }
-    return false;
-  };
+var Q_ROUTER_POPSTATE_EVENT = "qrouterpopstate";
+var createCurrentPathTracker = (initialPath) => {
+	let currentPath = initialPath;
+	return (nextPath) => {
+		if (currentPath !== nextPath) {
+			currentPath = nextPath;
+			return true;
+		}
+		return false;
+	};
 };
-const dispatchRouterPopstate = (document1, href) => {
-  document1.dispatchEvent(new CustomEvent(Q_ROUTER_POPSTATE_EVENT, {
-    detail: {
-      href
-    }
-  }));
+var dispatchRouterPopstate = (document1, href) => {
+	document1.dispatchEvent(new CustomEvent(Q_ROUTER_POPSTATE_EVENT, { detail: { href } }));
 };
-const spaInit = eventQrl(/* @__PURE__ */ inlinedQrl((_, el) => {
-  if (!window._qRouterSPA && !window._qRouterInitPopstate) {
-    const hasPathChanged = createCurrentPathTracker(location.pathname + location.search);
-    const checkAndScroll = (scrollState) => {
-      if (scrollState) {
-        window.scrollTo(scrollState.x, scrollState.y);
-      }
-    };
-    const currentScrollState = () => {
-      const elm = document.documentElement;
-      return {
-        x: elm.scrollLeft,
-        y: elm.scrollTop,
-        w: Math.max(elm.scrollWidth, elm.clientWidth),
-        h: Math.max(elm.scrollHeight, elm.clientHeight)
-      };
-    };
-    const saveScrollState = (scrollState) => {
-      const state = history.state || {};
-      state._qRouterScroll = scrollState || currentScrollState();
-      history.replaceState(state, "");
-    };
-    saveScrollState();
-    window._qRouterInitPopstate = () => {
-      if (window._qRouterSPA) {
-        return;
-      }
-      window._qRouterScrollEnabled = false;
-      clearTimeout(window._qRouterScrollDebounce);
-      if (hasPathChanged(location.pathname + location.search)) {
-        dispatchRouterPopstate(document, location.href);
-      } else {
-        if (history.scrollRestoration === "manual") {
-          const scrollState = history.state?._qRouterScroll;
-          checkAndScroll(scrollState);
-          window._qRouterScrollEnabled = true;
-        }
-      }
-    };
-    if (!window._qRouterHistoryPatch) {
-      window._qRouterHistoryPatch = true;
-      const pushState = history.pushState;
-      const replaceState = history.replaceState;
-      const prepareState = (state) => {
-        if (state === null || typeof state === "undefined") {
-          state = {};
-        } else if (state?.constructor !== Object) {
-          state = {
-            _data: state
-          };
-          if (isDev) {
-            console.warn("In a Qwik SPA context, `history.state` is used to store scroll state. Direct calls to `pushState()` and `replaceState()` must supply an actual Object type. We need to be able to automatically attach the scroll state to your state object. A new state object has been created, your data has been moved to: `history.state._data`");
-          }
-        }
-        state._qRouterScroll = state._qRouterScroll || currentScrollState();
-        return state;
-      };
-      history.pushState = (state, title, url) => {
-        state = prepareState(state);
-        return pushState.call(history, state, title, url);
-      };
-      history.replaceState = (state, title, url) => {
-        state = prepareState(state);
-        return replaceState.call(history, state, title, url);
-      };
-    }
-    window._qRouterInitAnchors = (event) => {
-      if (window._qRouterSPA || event.defaultPrevented) {
-        return;
-      }
-      const target = event.target.closest("a[href]");
-      if (target && !target.hasAttribute("preventdefault:click")) {
-        const href = target.getAttribute("href");
-        const prev = new URL(location.href);
-        const dest = new URL(href, prev);
-        const sameOrigin = dest.origin === prev.origin;
-        const samePath = dest.pathname + dest.search === prev.pathname + prev.search;
-        if (sameOrigin && samePath) {
-          event.preventDefault();
-          if (dest.href !== prev.href) {
-            history.pushState(null, "", dest);
-          }
-          if (!dest.hash) {
-            if (dest.href.endsWith("#")) {
-              window.scrollTo(0, 0);
-            } else {
-              window._qRouterScrollEnabled = false;
-              clearTimeout(window._qRouterScrollDebounce);
-              saveScrollState({
-                ...currentScrollState(),
-                x: 0,
-                y: 0
-              });
-              location.reload();
-            }
-          } else {
-            const elmId = dest.hash.slice(1);
-            const elm = document.getElementById(elmId);
-            if (elm) {
-              elm.scrollIntoView();
-            }
-          }
-        }
-      }
-    };
-    window._qRouterInitVisibility = () => {
-      if (!window._qRouterSPA && window._qRouterScrollEnabled && document.visibilityState === "hidden") {
-        saveScrollState();
-      }
-    };
-    window._qRouterInitScroll = () => {
-      if (window._qRouterSPA || !window._qRouterScrollEnabled) {
-        return;
-      }
-      clearTimeout(window._qRouterScrollDebounce);
-      window._qRouterScrollDebounce = setTimeout(() => {
-        saveScrollState();
-        window._qRouterScrollDebounce = void 0;
-      }, 200);
-    };
-    window._qRouterScrollEnabled = true;
-    window.addEventListener("popstate", window._qRouterInitPopstate);
-    window.addEventListener("scroll", window._qRouterInitScroll, {
-      passive: true
-    });
-    document.addEventListener("click", window._qRouterInitAnchors);
-    if (!window.navigation) {
-      document.addEventListener("visibilitychange", window._qRouterInitVisibility, {
-        passive: true
-      });
-    }
-  }
+var spa_init_default = eventQrl(/*#__PURE__*/ inlinedQrl((_, el) => {
+	if (!window._qRouterSPA && !window._qRouterInitPopstate) {
+		const hasPathChanged = createCurrentPathTracker(location.pathname + location.search);
+		const checkAndScroll = (scrollState) => {
+			if (scrollState) window.scrollTo(scrollState.x, scrollState.y);
+		};
+		const currentScrollState = () => {
+			const elm = document.documentElement;
+			return {
+				x: elm.scrollLeft,
+				y: elm.scrollTop,
+				w: Math.max(elm.scrollWidth, elm.clientWidth),
+				h: Math.max(elm.scrollHeight, elm.clientHeight)
+			};
+		};
+		const saveScrollState = (scrollState) => {
+			const state = history.state || {};
+			state._qRouterScroll = scrollState || currentScrollState();
+			history.replaceState(state, "");
+		};
+		saveScrollState();
+		window._qRouterInitPopstate = () => {
+			if (window._qRouterSPA) return;
+			window._qRouterScrollEnabled = false;
+			clearTimeout(window._qRouterScrollDebounce);
+			if (hasPathChanged(location.pathname + location.search)) dispatchRouterPopstate(document, location.href);
+			else if (history.scrollRestoration === "manual") {
+				const scrollState = history.state?._qRouterScroll;
+				checkAndScroll(scrollState);
+				window._qRouterScrollEnabled = true;
+			}
+		};
+		if (!window._qRouterHistoryPatch) {
+			window._qRouterHistoryPatch = true;
+			const pushState = history.pushState;
+			const replaceState = history.replaceState;
+			const prepareState = (state) => {
+				if (state === null || typeof state === "undefined") state = {};
+				else if (state?.constructor !== Object) {
+					state = { _data: state };
+					if (isDev) console.warn("In a Qwik SPA context, `history.state` is used to store scroll state. Direct calls to `pushState()` and `replaceState()` must supply an actual Object type. We need to be able to automatically attach the scroll state to your state object. A new state object has been created, your data has been moved to: `history.state._data`");
+				}
+				state._qRouterScroll = state._qRouterScroll || currentScrollState();
+				return state;
+			};
+			history.pushState = (state, title, url) => {
+				state = prepareState(state);
+				return pushState.call(history, state, title, url);
+			};
+			history.replaceState = (state, title, url) => {
+				state = prepareState(state);
+				return replaceState.call(history, state, title, url);
+			};
+		}
+		window._qRouterInitAnchors = (event) => {
+			if (window._qRouterSPA || event.defaultPrevented) return;
+			const target = event.target.closest("a[href]");
+			if (target && !target.hasAttribute("preventdefault:click")) {
+				const href = target.getAttribute("href");
+				const prev = new URL(location.href);
+				const dest = new URL(href, prev);
+				const sameOrigin = dest.origin === prev.origin;
+				const samePath = dest.pathname + dest.search === prev.pathname + prev.search;
+				if (sameOrigin && samePath) {
+					event.preventDefault();
+					if (dest.href !== prev.href) history.pushState(null, "", dest);
+					if (!dest.hash) {
+						if (dest.href.endsWith("#")) window.scrollTo(0, 0);
+						else {
+							window._qRouterScrollEnabled = false;
+							clearTimeout(window._qRouterScrollDebounce);
+							saveScrollState({
+								...currentScrollState(),
+								x: 0,
+								y: 0
+							});
+							location.reload();
+						}
+					} else {
+						const elmId = dest.hash.slice(1);
+						const elm = document.getElementById(elmId);
+						if (elm) elm.scrollIntoView();
+					}
+				}
+			}
+		};
+		window._qRouterInitVisibility = () => {
+			if (!window._qRouterSPA && window._qRouterScrollEnabled && document.visibilityState === "hidden") saveScrollState();
+		};
+		window._qRouterInitScroll = () => {
+			if (window._qRouterSPA || !window._qRouterScrollEnabled) return;
+			clearTimeout(window._qRouterScrollDebounce);
+			window._qRouterScrollDebounce = setTimeout(() => {
+				saveScrollState();
+				window._qRouterScrollDebounce = void 0;
+			}, 200);
+		};
+		window._qRouterScrollEnabled = true;
+		window.addEventListener("popstate", window._qRouterInitPopstate);
+		window.addEventListener("scroll", window._qRouterInitScroll, { passive: true });
+		document.addEventListener("click", window._qRouterInitAnchors);
+		if (!window.navigation) document.addEventListener("visibilitychange", window._qRouterInitVisibility, { passive: true });
+	}
 }, "spa_init_event_igI1pUsax0E"));
-
-async function submitAction(action, routeUrl) {
-  const pathBase = ensureSlash(routeUrl.pathname);
-  const searchParams = new URLSearchParams(routeUrl.search);
-  searchParams.set(QACTION_KEY, action.id);
-  const search = searchParams.toString();
-  const url = `${pathBase}?${search}`;
-  const actionData = action.data;
-  action.data = void 0;
-  let fetchOptions;
-  if (actionData instanceof FormData) {
-    fetchOptions = {
-      method: "POST",
-      body: actionData,
-      headers: {
-        Accept: "application/json"
-      }
-    };
-  } else {
-    fetchOptions = {
-      method: "POST",
-      body: JSON.stringify(actionData),
-      headers: {
-        "Content-Type": "application/json; charset=UTF-8",
-        Accept: "application/json"
-      }
-    };
-  }
-  const response = await fetch(url, fetchOptions);
-  if (response.redirected) {
-    const redirectedURL = new URL(response.url);
-    if (redirectedURL.origin !== location.origin) {
-      location.href = redirectedURL.href;
-      return void 0;
-    }
-    location.href = redirectedURL.href;
-    return void 0;
-  }
-  if ((response.headers.get("content-type") || "").includes("json")) {
-    const text = await response.text();
-    const data = await _deserialize(text);
-    return {
-      status: response.status,
-      result: data?.result,
-      redirect: data?.redirect,
-      loaderHashes: data?.loaderHashes
-    };
-  }
-  return void 0;
+/**
+* Submit an action to the server and get the result.
+*
+* POSTs to the route URL with `qaction={actionId}` appended and `Accept: application/json`. The
+* server runs the action and returns the action result, optionally with the loader hashes that
+* should be invalidated.
+*/ async function submitAction(action, routeUrl) {
+	const pathBase = ensureSlash(routeUrl.pathname);
+	const searchParams = new URLSearchParams(routeUrl.search);
+	searchParams.set(QACTION_KEY, action.id);
+	const url = `${pathBase}?${searchParams.toString()}`;
+	const actionData = action.data;
+	action.data = void 0;
+	let fetchOptions;
+	if (actionData instanceof FormData) fetchOptions = {
+		method: "POST",
+		body: actionData,
+		headers: { Accept: "application/json" }
+	};
+	else fetchOptions = {
+		method: "POST",
+		body: JSON.stringify(actionData),
+		headers: {
+			"Content-Type": "application/json; charset=UTF-8",
+			Accept: "application/json"
+		}
+	};
+	const response = await fetch(url, fetchOptions);
+	if (response.redirected) {
+		const redirectedURL = new URL(response.url);
+		if (redirectedURL.origin !== location.origin) {
+			location.href = redirectedURL.href;
+			return;
+		}
+		location.href = redirectedURL.href;
+		return;
+	}
+	if ((response.headers.get("content-type") || "").includes("json")) {
+		const text = await response.text();
+		const data = await _deserialize(text);
+		return {
+			status: response.status,
+			result: data?.result,
+			redirect: data?.redirect,
+			loaderHashes: data?.loaderHashes
+		};
+	}
 }
-
-const transitionCss = "@layer qwik{@supports selector(html:active-view-transition-type(type)){html:active-view-transition-type(qwik-navigation){:root{view-transition-name:none}}}@supports not selector(html:active-view-transition-type(type)){:root{view-transition-name:none}}}";
-
-const shouldStartViewTransition = (viewTransition) => viewTransition === true && "startViewTransition" in document;
-const VIEW_TRANSITION_STYLE_ID = "qwik-view-transition";
-const ensureViewTransitionStyles = () => {
-  if (document.getElementById(VIEW_TRANSITION_STYLE_ID)) {
-    return;
-  }
-  const style = document.createElement("style");
-  style.id = VIEW_TRANSITION_STYLE_ID;
-  style.textContent = transitionCss;
-  document.head.appendChild(style);
-};
-const startViewTransition = (params) => {
-  if ("startViewTransition" in document) {
-    ensureViewTransitionStyles();
-    let transition;
-    try {
-      transition = document.startViewTransition(params);
-    } catch {
-      transition = document.startViewTransition(params.update);
-    }
-    const event = new CustomEvent("qviewtransition", {
-      detail: transition
-    });
-    document.dispatchEvent(event);
-    return {
-      ready: transition.ready,
-      transition
-    };
-  } else {
-    return {
-      ready: params.update()
-    };
-  }
+var qwik_view_transition_default = "@layer qwik{@supports selector(html:active-view-transition-type(type)){html:active-view-transition-type(qwik-navigation){& :root{view-transition-name:none}}}@supports not selector(html:active-view-transition-type(type)){:root{view-transition-name:none}}}";
+/** View transitions are opt-in and require browser support. */ var shouldStartViewTransition = (viewTransition) => viewTransition === true && "startViewTransition" in document;
+var VIEW_TRANSITION_STYLE_ID = "qwik-view-transition";
+/** Inject the view-transition stylesheet once, only when a transition actually runs. */ var ensureViewTransitionStyles = () => {
+	if (document.getElementById(VIEW_TRANSITION_STYLE_ID)) return;
+	const style = document.createElement("style");
+	style.id = VIEW_TRANSITION_STYLE_ID;
+	style.textContent = qwik_view_transition_default;
+	document.head.appendChild(style);
 };
-
-const QWIK_CITY_SCROLLER = "_qCityScroller";
-const QWIK_ROUTER_SCROLLER = "_qRouterScroller";
-const preventNav = {};
-const internalState = {
-  navCount: 0
+var startViewTransition = (params) => {
+	if ("startViewTransition" in document) {
+		ensureViewTransitionStyles();
+		let transition;
+		try {
+			transition = document.startViewTransition(params);
+		} catch {
+			transition = document.startViewTransition(params.update);
+		}
+		const event = new CustomEvent("qviewtransition", { detail: transition });
+		document.dispatchEvent(event);
+		return {
+			ready: transition.ready,
+			transition
+		};
+	} else return { ready: params.update() };
 };
-const getScroller = () => {
-  let scroller = document.getElementById(QWIK_ROUTER_SCROLLER);
-  if (!scroller) {
-    scroller = document.getElementById(QWIK_CITY_SCROLLER);
-    if (scroller && isDev) {
-      console.warn(`Please update your scroller ID to "${QWIK_ROUTER_SCROLLER}" as "${QWIK_CITY_SCROLLER}" is deprecated and will be removed in V3`);
-    }
-  }
-  return scroller ?? document.documentElement;
+/**
+* Qwik Router Component
+*
+* This file contains the main Qwik Router component, which initializes the router and provides the
+* necessary context for it to work. It also contains the logic for handling navigation, including
+* updating the URL, managing scroll restoration, and resolving document head changes.
+*
+* Note: This component is designed to work both on the server and the client. During server-side
+* rendering (SSR), it initializes the router state based on the URL and route data provided by the
+* server environment. On the client, it handles navigation events and updates the router state
+* accordingly.
+*
+* SSR is _required_ for the initial load.
+*
+* The flow of navigation is as follows:
+*
+* 1. During SSR, the server environment parses the initial URL and collects the route data.
+* 2. It runs the middleware hooks (`onRequest`, `onGet`, `onPost`, etc.), and responds to q-loader,
+*    action$ and server$ requests.
+* 3. If SSR is deemed appropriate, the route data is provided via `useServerData` and this component
+*    uses it to initialize the router contexts, register Tasks, and render the Slot. This component
+*    will never render again.
+* 4. Then, slotted components like `<DocumentHeadTags />` and `<RouterOutlet />` can consume the route
+*    data to render the page.
+* 5. On the client, when a navigation event occurs, this calls `goto()`, which updates the URL in the
+*    same tick, loads the route data and adjusts the router context.
+* 6. The changed contexts trigger the slotted components to re-render with the new route data.
+*
+* Since the head data can depend on route loaders and they get their data asynchronously and can
+* update without navigation, the head is resolved in a separate Task that tracks the relevant
+* signals.
+*/
+/**
+* @deprecated Use `QWIK_ROUTER_SCROLLER` instead (will be removed in V3)
+* @public
+*/ var QWIK_CITY_SCROLLER = "_qCityScroller";
+/** @public */ var QWIK_ROUTER_SCROLLER = "_qRouterScroller";
+var preventNav = {};
+var internalState = { navCount: 0 };
+var getScroller = () => {
+	let scroller = document.getElementById(QWIK_ROUTER_SCROLLER);
+	if (!scroller) {
+		scroller = document.getElementById(QWIK_CITY_SCROLLER);
+		if (scroller && isDev) console.warn(`Please update your scroller ID to "${QWIK_ROUTER_SCROLLER}" as "${QWIK_CITY_SCROLLER}" is deprecated and will be removed in V3`);
+	}
+	return scroller ?? document.documentElement;
 };
-const useQwikMockRouter = (props) => {
-  const urlEnv = props.url ?? "http://localhost/";
-  const url = new URL(urlEnv);
-  const routeLocation = useStore({
-    url,
-    params: props.params ?? {},
-    isNavigating: false,
-    prevUrl: void 0
-  }, {
-    deep: false
-  });
-  const loadersData = props.loaders?.reduce((acc, { loader, data }) => {
-    acc[loader.__id] = data;
-    return acc;
-  }, {});
-  const loadersState = useStore({}, {
-    deep: false
-  });
-  for (const [loaderId, data] of Object.entries(loadersData ?? {})) {
-    loadersState[loaderId] ||= createComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
-      const data2 = _captures[0];
-      return data2;
-    }, "useQwikMockRouter_createComputed_JL6bChMwwyc", [
-      data
-    ]));
-  }
-  const goto = props.goto ?? /* @__PURE__ */ inlinedQrl(async () => {
-    console.warn("QwikRouterMockProvider: goto not provided");
-  }, "useQwikMockRouter_goto_aViHFxQ1a3s");
-  const documentHead = useStore(createDocumentHead, {
-    deep: false
-  });
-  const content = useStore({
-    headings: void 0,
-    menu: void 0
-  }, {
-    deep: false
-  });
-  const contentInternal = useSignal();
-  const actionState = useSignal();
-  const httpStatus = useSignal({
-    status: 200,
-    message: ""
-  });
-  useContextProvider(ContentContext, content);
-  useContextProvider(ContentInternalContext, contentInternal);
-  useContextProvider(DocumentHeadContext, documentHead);
-  useContextProvider(HttpStatusContext, httpStatus);
-  useContextProvider(RouteLocationContext, routeLocation);
-  useContextProvider(RouteNavigateContext, goto);
-  useContextProvider(RouteStateContext, loadersState);
-  useContextProvider(RouteActionContext, actionState);
-  const actionsMocks = props.actions?.reduce((acc, { action, handler }) => {
-    acc[action.__id] = handler;
-    return acc;
-  }, {});
-  useTaskQrl(/* @__PURE__ */ inlinedQrl(async ({ track }) => {
-    const actionState2 = _captures[0], actionsMocks2 = _captures[1];
-    const action = track(actionState2);
-    if (!action?.resolve) {
-      return;
-    }
-    const mock = actionsMocks2?.[action.id];
-    if (mock) {
-      const actionResult = await mock(action.data);
-      action.resolve(actionResult);
-    }
-  }, "useQwikMockRouter_useTask_tXTLR4tzCy0", [
-    actionState,
-    actionsMocks
-  ]));
+/** @public */ var useQwikMockRouter = (props) => {
+	const urlEnv = props.url ?? "http://localhost/";
+	const url = new URL(urlEnv);
+	const routeLocation = useStore({
+		url,
+		params: props.params ?? {},
+		isNavigating: false,
+		prevUrl: void 0
+	}, { deep: false });
+	const loadersData = props.loaders?.reduce((acc, { loader, data }) => {
+		acc[loader.__id] = data;
+		return acc;
+	}, {});
+	const loadersState = useStore({}, { deep: false });
+	for (const [loaderId, data] of Object.entries(loadersData ?? {})) loadersState[loaderId] ||= createComputedQrl(/*#__PURE__*/ inlinedQrl(() => {
+		return _captures[0];
+	}, "useQwikMockRouter_createComputed_JL6bChMwwyc", [data]));
+	const goto = props.goto ?? /*#__PURE__*/ inlinedQrl(async () => {
+		console.warn("QwikRouterMockProvider: goto not provided");
+	}, "useQwikMockRouter_goto_aViHFxQ1a3s");
+	const documentHead = useStore(createDocumentHead, { deep: false });
+	const content = useStore({
+		headings: void 0,
+		menu: void 0
+	}, { deep: false });
+	const contentInternal = useSignal();
+	const actionState = useSignal();
+	const httpStatus = useSignal({
+		status: 200,
+		message: ""
+	});
+	useContextProvider(ContentContext, content);
+	useContextProvider(ContentInternalContext, contentInternal);
+	useContextProvider(DocumentHeadContext, documentHead);
+	useContextProvider(HttpStatusContext, httpStatus);
+	useContextProvider(RouteLocationContext, routeLocation);
+	useContextProvider(RouteNavigateContext, goto);
+	useContextProvider(RouteStateContext, loadersState);
+	useContextProvider(RouteActionContext, actionState);
+	const actionsMocks = props.actions?.reduce((acc, { action, handler }) => {
+		acc[action.__id] = handler;
+		return acc;
+	}, {});
+	useTaskQrl(/*#__PURE__*/ inlinedQrl(async ({ track }) => {
+		const actionState = _captures[0], actionsMocks = _captures[1];
+		const action = track(actionState);
+		if (!action?.resolve) return;
+		const mock = actionsMocks?.[action.id];
+		if (mock) {
+			const actionResult = await mock(action.data);
+			action.resolve(actionResult);
+		}
+	}, "useQwikMockRouter_useTask_tXTLR4tzCy0", [actionState, actionsMocks]));
 };
-const QwikRouterMockProvider = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  useQwikMockRouter(props);
-  return /* @__PURE__ */ _jsxSorted(Slot, null, null, null, 3, "5y_1");
+/** @public */ var QwikRouterMockProvider = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
+	useQwikMockRouter(props);
+	return /*#__PURE__*/ _jsxSorted(Slot, null, null, null, 3, "5y_1");
 }, "QwikRouterMockProvider_component_IN4dVpT0x74"));
-const QwikCityMockProvider = QwikRouterMockProvider;
+/**
+* @deprecated Use `useQwikMockRouter()` instead. Will be removed in V3
+* @public
+*/ var QwikCityMockProvider = QwikRouterMockProvider;
 function initializeSPA(goto, scroller) {
-  if (!window._qRouterSPA) {
-    window._qRouterSPA = true;
-    history.scrollRestoration = "manual";
-    window.addEventListener("popstate", () => {
-      window._qRouterScrollEnabled = false;
-      clearTimeout(window._qRouterScrollDebounce);
-      goto(location.href, {
-        type: "popstate"
-      });
-    });
-    window.removeEventListener("popstate", window._qRouterInitPopstate);
-    window._qRouterInitPopstate = void 0;
-    if (!window._qRouterHistoryPatch) {
-      window._qRouterHistoryPatch = true;
-      const pushState = history.pushState;
-      const replaceState = history.replaceState;
-      const prepareState = (state) => {
-        if (state === null || typeof state === "undefined") {
-          state = {};
-        } else if (state?.constructor !== Object) {
-          state = {
-            _data: state
-          };
-          if (isDev) {
-            console.warn("In a Qwik SPA context, `history.state` is used to store scroll state. Direct calls to `pushState()` and `replaceState()` must supply an actual Object type. We need to be able to automatically attach the scroll state to your state object. A new state object has been created, your data has been moved to: `history.state._data`");
-          }
-        }
-        state._qRouterScroll = state._qRouterScroll || currentScrollState(scroller);
-        return state;
-      };
-      history.pushState = (state, title, url) => {
-        state = prepareState(state);
-        return pushState.call(history, state, title, url);
-      };
-      history.replaceState = (state, title, url) => {
-        state = prepareState(state);
-        return replaceState.call(history, state, title, url);
-      };
-    }
-    document.addEventListener("click", (event) => {
-      if (event.defaultPrevented) {
-        return;
-      }
-      const target = event.target.closest("a[href]");
-      if (target && !target.hasAttribute("preventdefault:click")) {
-        const href = target.getAttribute("href");
-        const prev = new URL(location.href);
-        const dest = new URL(href, prev);
-        if (isSameOrigin(dest, prev) && isSamePath(dest, prev)) {
-          event.preventDefault();
-          if (!dest.hash && !dest.href.endsWith("#")) {
-            if (dest.href !== prev.href) {
-              history.pushState(null, "", dest);
-            }
-            window._qRouterScrollEnabled = false;
-            clearTimeout(window._qRouterScrollDebounce);
-            saveScrollHistory({
-              ...currentScrollState(scroller),
-              x: 0,
-              y: 0
-            });
-            location.reload();
-            return;
-          }
-          goto(target.getAttribute("href"));
-        }
-      }
-    });
-    document.removeEventListener("click", window._qRouterInitAnchors);
-    window._qRouterInitAnchors = void 0;
-    if (!window.navigation) {
-      document.addEventListener("visibilitychange", () => {
-        if (window._qRouterScrollEnabled && document.visibilityState === "hidden") {
-          const scrollState = currentScrollState(scroller);
-          saveScrollHistory(scrollState);
-        }
-      }, {
-        passive: true
-      });
-      document.removeEventListener("visibilitychange", window._qRouterInitVisibility);
-      window._qRouterInitVisibility = void 0;
-    }
-    window.addEventListener("scroll", () => {
-      if (!window._qRouterScrollEnabled) {
-        return;
-      }
-      clearTimeout(window._qRouterScrollDebounce);
-      window._qRouterScrollDebounce = setTimeout(() => {
-        const scrollState = currentScrollState(scroller);
-        saveScrollHistory(scrollState);
-        window._qRouterScrollDebounce = void 0;
-      }, 200);
-    }, {
-      passive: true
-    });
-    removeEventListener("scroll", window._qRouterInitScroll);
-    window._qRouterInitScroll = void 0;
-    spaInit.resolve();
-  }
+	if (!window._qRouterSPA) {
+		window._qRouterSPA = true;
+		history.scrollRestoration = "manual";
+		window.addEventListener("popstate", () => {
+			window._qRouterScrollEnabled = false;
+			clearTimeout(window._qRouterScrollDebounce);
+			goto(location.href, { type: "popstate" });
+		});
+		window.removeEventListener("popstate", window._qRouterInitPopstate);
+		window._qRouterInitPopstate = void 0;
+		if (!window._qRouterHistoryPatch) {
+			window._qRouterHistoryPatch = true;
+			const pushState = history.pushState;
+			const replaceState = history.replaceState;
+			const prepareState = (state) => {
+				if (state === null || typeof state === "undefined") state = {};
+				else if (state?.constructor !== Object) {
+					state = { _data: state };
+					if (isDev) console.warn("In a Qwik SPA context, `history.state` is used to store scroll state. Direct calls to `pushState()` and `replaceState()` must supply an actual Object type. We need to be able to automatically attach the scroll state to your state object. A new state object has been created, your data has been moved to: `history.state._data`");
+				}
+				state._qRouterScroll = state._qRouterScroll || currentScrollState(scroller);
+				return state;
+			};
+			history.pushState = (state, title, url) => {
+				state = prepareState(state);
+				return pushState.call(history, state, title, url);
+			};
+			history.replaceState = (state, title, url) => {
+				state = prepareState(state);
+				return replaceState.call(history, state, title, url);
+			};
+		}
+		document.addEventListener("click", (event) => {
+			if (event.defaultPrevented) return;
+			const target = event.target.closest("a[href]");
+			if (target && !target.hasAttribute("preventdefault:click")) {
+				const href = target.getAttribute("href");
+				const prev = new URL(location.href);
+				const dest = new URL(href, prev);
+				if (isSameOrigin(dest, prev) && isSamePath(dest, prev)) {
+					event.preventDefault();
+					if (!dest.hash && !dest.href.endsWith("#")) {
+						if (dest.href !== prev.href) history.pushState(null, "", dest);
+						window._qRouterScrollEnabled = false;
+						clearTimeout(window._qRouterScrollDebounce);
+						saveScrollHistory({
+							...currentScrollState(scroller),
+							x: 0,
+							y: 0
+						});
+						location.reload();
+						return;
+					}
+					goto(target.getAttribute("href"));
+				}
+			}
+		});
+		document.removeEventListener("click", window._qRouterInitAnchors);
+		window._qRouterInitAnchors = void 0;
+		if (!window.navigation) {
+			document.addEventListener("visibilitychange", () => {
+				if (window._qRouterScrollEnabled && document.visibilityState === "hidden") saveScrollHistory(currentScrollState(scroller));
+			}, { passive: true });
+			document.removeEventListener("visibilitychange", window._qRouterInitVisibility);
+			window._qRouterInitVisibility = void 0;
+		}
+		window.addEventListener("scroll", () => {
+			if (!window._qRouterScrollEnabled) return;
+			clearTimeout(window._qRouterScrollDebounce);
+			window._qRouterScrollDebounce = setTimeout(() => {
+				saveScrollHistory(currentScrollState(scroller));
+				window._qRouterScrollDebounce = void 0;
+			}, 200);
+		}, { passive: true });
+		removeEventListener("scroll", window._qRouterInitScroll);
+		window._qRouterInitScroll = void 0;
+		spa_init_default.resolve();
+	}
 }
-const useQwikRouter = (props) => {
-  if (!isServer) {
-    throw new Error("useQwikRouter can only run during SSR on the server. If you are seeing this, it means you are re-rendering the root of your application. Fix that or use the <QwikRouterProvider> component around the root of your application.");
-  }
-  const env = useQwikRouterEnv();
-  if (!env?.params) {
-    throw new Error(`Missing Qwik Router Env Data for help visit https://github.com/QwikDev/qwik/issues/6237`);
-  }
-  const urlEnv = useServerData("url");
-  if (!urlEnv) {
-    throw new Error(`Missing Qwik URL Env Data`);
-  }
-  const serverHead = useServerData("documentHead");
-  const manifestHash = useServerData("containerAttributes")?.["q:manifest-hash"];
-  const url = new URL(urlEnv);
-  const routeLocationTarget = {
-    url,
-    params: env.params,
-    isNavigating: false,
-    prevUrl: void 0
-  };
-  const routeLocation = useStore(routeLocationTarget, {
-    deep: false
-  });
-  const navResolver = {};
-  const routeLoaderCtx = useStore(env.routeLoaderCtx);
-  routeLoaderCtx.manifestHash = manifestHash;
-  const loaderState = {};
-  const contentModulesForInit = env.loadedRoute.$mods$;
-  const loaders = ensureRouteLoaderSignals(contentModulesForInit, loaderState, routeLoaderCtx);
-  for (const loader of loaders) {
-    if (loader.__id in env.loaderValues) {
-      const value = env.loaderValues[loader.__id];
-      setLoaderSignalValue(loaderState[loader.__id], value);
-    }
-  }
-  const routeInternal = useSignal({
-    type: "initial",
-    dest: url
-  });
-  const documentHead = useStore(() => createDocumentHead(serverHead, manifestHash));
-  const content = useStore({
-    headings: void 0,
-    menu: void 0
-  });
-  const contentInternal = useSignal();
-  const navContext = useSignal();
-  const httpStatus = useSignal({
-    status: env.response.status,
-    message: env.loadedRoute.$notFound$ ? "Not Found" : env.response.statusMessage ?? ""
-  });
-  const currentActionId = env.response.action;
-  const currentAction = currentActionId ? env.response.actionResult : void 0;
-  const actionState = useSignal(currentAction ? {
-    id: currentActionId,
-    data: env.response.formData,
-    output: {
-      result: currentAction,
-      status: env.response.status
-    }
-  } : void 0);
-  const actionDataSignal = useSignal(currentActionId ? {
-    action: currentActionId,
-    actionResult: currentAction,
-    status: env.response.status
-  } : void 0);
-  const registerPreventNav = /* @__PURE__ */ inlinedQrl((fn$) => {
-    if (!isBrowser) {
-      return;
-    }
-    preventNav.$handler$ ||= (event) => {
-      internalState.navCount++;
-      if (!preventNav.$cbs$) {
-        return;
-      }
-      const prevents = [
-        ...preventNav.$cbs$.values()
-      ].map((cb) => cb.resolved ? cb.resolved() : cb());
-      if (prevents.some(Boolean)) {
-        event.preventDefault();
-        event.returnValue = true;
-      }
-    };
-    (preventNav.$cbs$ ||= /* @__PURE__ */ new Set()).add(fn$);
-    fn$.resolve();
-    window.addEventListener("beforeunload", preventNav.$handler$);
-    return () => {
-      if (preventNav.$cbs$) {
-        preventNav.$cbs$.delete(fn$);
-        if (!preventNav.$cbs$.size) {
-          preventNav.$cbs$ = void 0;
-          window.removeEventListener("beforeunload", preventNav.$handler$);
-        }
-      }
-    };
-  }, "useQwikRouter_registerPreventNav_69B0DK0eZJc");
-  const goto = /* @__PURE__ */ inlinedQrl(async (path, opt) => {
-    const actionState2 = _captures[0], manifestHash2 = _captures[1], navResolver2 = _captures[2], routeInternal2 = _captures[3], routeLocation2 = _captures[4];
-    const { type = "link", forceReload = path === void 0, replaceState = false, scroll = true } = typeof opt === "object" ? opt : {
-      forceReload: opt
-    };
-    if (isBrowser && type === "link" && routeInternal2.value.type === "initial") {
-      const url2 = new URL(window.location.href);
-      routeInternal2.value.dest = url2;
-      routeLocation2.url = url2;
-    }
-    const lastDest = routeInternal2.value.dest;
-    const dest = path === void 0 ? lastDest : typeof path === "number" ? path : toUrl(path, routeLocation2.url);
-    if (navResolver2.p && !forceReload && typeof dest !== "number" && isSamePath(dest, lastDest) && dest.href === lastDest.href) {
-      return navResolver2.p;
-    }
-    const navCount = ++internalState.navCount;
-    internalState.currentTransition?.skipTransition();
-    if (preventNav.$cbs$ && (forceReload || typeof dest === "number" || !isSamePath(dest, lastDest) || !isSameOrigin(dest, lastDest))) {
-      const prevents = await Promise.all([
-        ...preventNav.$cbs$.values()
-      ].map((cb) => cb(dest)));
-      if (navCount !== internalState.navCount || prevents.some(Boolean)) {
-        if (navCount === internalState.navCount && type === "popstate") {
-          history.pushState(null, "", lastDest);
-        }
-        return;
-      }
-    }
-    if (typeof dest === "number") {
-      if (isBrowser) {
-        history.go(dest);
-      }
-      return;
-    }
-    if (!isSameOrigin(dest, lastDest)) {
-      if (isBrowser) {
-        location.href = dest.href;
-      }
-      return;
-    }
-    if (!forceReload && isSamePath(dest, lastDest)) {
-      if (isBrowser) {
-        if (type === "link" && dest.href !== location.href) {
-          history.pushState(null, "", dest);
-        }
-        const scroller = getScroller();
-        restoreScroll(type, dest, new URL(location.href), scroller, getScrollHistory());
-        if (type === "popstate") {
-          window._qRouterScrollEnabled = true;
-        }
-      }
-      if (dest.href !== routeLocation2.url.href) {
-        const newUrl = new URL(dest.href);
-        routeInternal2.value.dest = newUrl;
-        routeLocation2.url = newUrl;
-      }
-      return;
-    }
-    let historyUpdated = false;
-    if (isBrowser && type === "link" && !forceReload) {
-      const scroller = getScroller();
-      window._qRouterScrollEnabled = false;
-      clearTimeout(window._qRouterScrollDebounce);
-      const scrollState = currentScrollState(scroller);
-      saveScrollHistory(scrollState);
-      clientNavigate(window, type, new URL(location.href), dest, replaceState);
-      historyUpdated = true;
-    }
-    routeLocation2.isNavigating = true;
-    const container = isBrowser ? _getContextContainer() : void 0;
-    if (container) {
-      await _waitUntilRendered(container);
-      if (navCount !== internalState.navCount) {
-        return;
-      }
-    }
-    actionState2.value = void 0;
-    routeInternal2.value = {
-      type,
-      dest,
-      forceReload,
-      replaceState,
-      scroll,
-      historyUpdated
-    };
-    if (isBrowser) {
-      prefetchRoute(dest, true, 0.8, manifestHash2);
-    }
-    navResolver2.p = new Promise((resolve) => {
-      navResolver2.r = () => {
-        navResolver2.r = void 0;
-        navResolver2.p = void 0;
-        resolve();
-      };
-    });
-    return navResolver2.p;
-  }, "useQwikRouter_goto_8j8Vrz2yUIM", [
-    actionState,
-    manifestHash,
-    navResolver,
-    routeInternal,
-    routeLocation
-  ]);
-  useContextProvider(ContentContext, content);
-  useContextProvider(ContentInternalContext, contentInternal);
-  useContextProvider(DocumentHeadContext, documentHead);
-  useContextProvider(HttpStatusContext, httpStatus);
-  useContextProvider(RouteLocationContext, routeLocation);
-  useContextProvider(RouteNavigateContext, goto);
-  useContextProvider(RouteStateContext, loaderState);
-  useContextProvider(RouteLoaderCtxContext, routeLoaderCtx);
-  useContextProvider(RouteActionContext, actionState);
-  useContextProvider(RoutePreventNavigateContext, registerPreventNav);
-  useTaskQrl(
-    /* @__PURE__ */ inlinedQrl(async ({ track }) => {
-      const actionDataSignal2 = _captures[0], actionState2 = _captures[1], content2 = _captures[2], contentInternal2 = _captures[3], env2 = _captures[4], goto2 = _captures[5], httpStatus2 = _captures[6], loaderState2 = _captures[7], navContext2 = _captures[8], routeInternal2 = _captures[9], routeLoaderCtx2 = _captures[10], routeLocation2 = _captures[11], routeLocationTarget2 = _captures[12];
-      const navigation = track(routeInternal2);
-      const action = track(actionState2);
-      const prevUrl = routeLocation2.url;
-      const navType = action ? "form" : navigation.type;
-      const replaceState = navigation.replaceState;
-      const navCountBefore = internalState.navCount;
-      let trackUrl;
-      let endpointResponse;
-      let actionData;
-      let actionLoaderHashes;
-      let shouldInvalidateActionLoaders = false;
-      let loadedRoute;
-      if (isServer) {
-        trackUrl = new URL(navigation.dest, routeLocation2.url);
-        loadedRoute = env2.loadedRoute;
-        endpointResponse = env2.response;
-        actionData = endpointResponse;
-      } else {
-        trackUrl = new URL(navigation.dest, location);
-        if (trackUrl.pathname.endsWith("/")) {
-          if (globalThis.__NO_TRAILING_SLASH__) {
-            trackUrl.pathname = trackUrl.pathname.slice(0, -1);
-          }
-        } else if (!globalThis.__NO_TRAILING_SLASH__) {
-          trackUrl.pathname = ensureSlash(trackUrl.pathname);
-        }
-        const loadRoutePromise = loadRoute(qwikRouterConfig.routes, qwikRouterConfig.cacheModules, trackUrl.pathname);
-        try {
-          loadedRoute = await loadRoutePromise;
-        } catch (e) {
-          console.error(`Could not load route ${trackUrl.pathname}, reloading:`, e);
-          window.location.href = trackUrl.href;
-          return;
-        }
-        if (internalState.navCount !== navCountBefore) {
-          return;
-        }
-        if (action) {
-          const result = await submitAction(action, trackUrl);
-          if (!result) {
-            routeInternal2.untrackedValue = {
-              type: navType,
-              dest: trackUrl
-            };
-            return;
-          }
-          if (action.resolve) {
-            action.resolve({
-              status: result.status,
-              result: result.result
-            });
-            action.resolve = void 0;
-          }
-          if (result.redirect) {
-            goto2(result.redirect, {
-              replaceState: true
-            });
-            return;
-          }
-          actionData = {
-            status: result.status,
-            action: action.id,
-            actionResult: result.result
-          };
-          actionLoaderHashes = result.loaderHashes;
-          shouldInvalidateActionLoaders = true;
-        }
-      }
-      const { $routeName$, $params$, $mods$, $menu$, $notFound$ } = loadedRoute;
-      const contentModules = $mods$;
-      if (!isServer) {
-        routeLoaderCtx2.goto = noSerialize(goto2);
-      }
-      updateRouteLoaderPaths(routeLoaderCtx2, loadedRoute.$loaderPaths$, trackUrl);
-      const routeLoaders = ensureRouteLoaderSignals(contentModules, loaderState2, routeLoaderCtx2);
-      if (!isServer) {
-        invalidateNavRouteLoaders(loaderState2);
-      }
-      if (shouldInvalidateActionLoaders) {
-        if (actionLoaderHashes !== void 0) {
-          for (const hash of actionLoaderHashes) {
-            loaderState2[hash]?.invalidate(true);
-          }
-        } else {
-          for (const loader of routeLoaders) {
-            loaderState2[loader.__id].invalidate(true);
-          }
-        }
-      }
-      if (routeLoaders.length > 0) {
-        for (let i = 0; i < routeLoaders.length; i++) {
-          const loader = routeLoaders[i];
-          if (!isImmutableLoader(loader.__id)) {
-            loaderState2[loader.__id].untrackedPending;
-          }
-        }
-      }
-      if (!isServer) {
-        clearNavFetchCache();
-      }
-      if (internalState.navCount !== navCountBefore) {
-        return;
-      }
-      if ($notFound$) {
-        httpStatus2.value = {
-          status: 404,
-          message: "Not Found"
-        };
-      } else if (endpointResponse) {
-        httpStatus2.value = {
-          status: endpointResponse.status,
-          message: endpointResponse.statusMessage ?? "OK"
-        };
-      } else if (actionData) {
-        httpStatus2.value = {
-          status: actionData.status,
-          message: "OK"
-        };
-      } else {
-        httpStatus2.value = {
-          status: 200,
-          message: "OK"
-        };
-      }
-      const pageModule = contentModules[contentModules.length - 1];
-      if (navigation.dest.search && !!isSamePath(trackUrl, prevUrl)) {
-        trackUrl.search = navigation.dest.search;
-      }
-      let shouldForcePrevUrl = false;
-      let shouldForceUrl = false;
-      let shouldForceParams = false;
-      if (!isSamePath(trackUrl, prevUrl)) {
-        if (_hasStoreEffects(routeLocation2, "prevUrl")) {
-          shouldForcePrevUrl = true;
-        }
-        routeLocationTarget2.prevUrl = prevUrl;
-      }
-      if (routeLocationTarget2.url !== trackUrl) {
-        if (_hasStoreEffects(routeLocation2, "url")) {
-          shouldForceUrl = true;
-        }
-        routeLocationTarget2.url = trackUrl;
-      }
-      if (routeLocationTarget2.params !== $params$) {
-        if (_hasStoreEffects(routeLocation2, "params")) {
-          shouldForceParams = true;
-        }
-        routeLocationTarget2.params = $params$;
-      }
-      const nextRouteInternal = {
-        type: navType,
-        dest: trackUrl
-      };
-      if (navigation.forceReload !== void 0) {
-        nextRouteInternal.forceReload = navigation.forceReload;
-      }
-      if (navigation.replaceState !== void 0) {
-        nextRouteInternal.replaceState = navigation.replaceState;
-      }
-      if (navigation.scroll !== void 0) {
-        nextRouteInternal.scroll = navigation.scroll;
-      }
-      if (navigation.historyUpdated !== void 0) {
-        nextRouteInternal.historyUpdated = navigation.historyUpdated;
-      }
-      routeInternal2.untrackedValue = nextRouteInternal;
-      content2.headings = pageModule.headings;
-      content2.menu = $menu$;
-      contentInternal2.untrackedValue = noSerialize(contentModules);
-      actionDataSignal2.value = actionData;
-      navContext2.value = noSerialize({
-        routeName: $routeName$,
-        navType,
-        prevUrl,
-        replaceState,
-        shouldForcePrevUrl,
-        shouldForceUrl,
-        shouldForceParams,
-        navCount: navCountBefore
-      });
-    }, "useQwikRouter_useTask_XpalYii770E", [
-      actionDataSignal,
-      actionState,
-      content,
-      contentInternal,
-      env,
-      goto,
-      httpStatus,
-      loaderState,
-      navContext,
-      routeInternal,
-      routeLoaderCtx,
-      routeLocation,
-      routeLocationTarget
-    ]),
-    // We should only wait for head calculation to complete on the server
-    {
-      deferUpdates: isServer
-    }
-  );
-  useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track }) => {
-    const actionDataSignal2 = _captures[0], contentInternal2 = _captures[1], documentHead2 = _captures[2], loaderState2 = _captures[3], routeLocation2 = _captures[4], serverHead2 = _captures[5];
-    const contentModules = track(contentInternal2);
-    if (!contentModules) {
-      return;
-    }
-    const actionData = track(actionDataSignal2);
-    const head = track(() => resolveHead(actionData, loaderState2, routeLocation2, contentModules, getLocale(""), serverHead2));
-    documentHead2.links = head.links;
-    documentHead2.meta = head.meta;
-    documentHead2.styles = head.styles;
-    documentHead2.scripts = head.scripts;
-    documentHead2.title = head.title;
-    documentHead2.frontmatter = head.frontmatter;
-  }, "useQwikRouter_useTask_1_1sKEZ9Pg1ow", [
-    actionDataSignal,
-    contentInternal,
-    documentHead,
-    loaderState,
-    routeLocation,
-    serverHead
-  ]), {
-    deferUpdates: isServer
-  });
-  useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track }) => {
-    const contentInternal2 = _captures[0], goto2 = _captures[1], manifestHash2 = _captures[2], navContext2 = _captures[3], navResolver2 = _captures[4], props2 = _captures[5], routeInternal2 = _captures[6], routeLocation2 = _captures[7];
-    const nav = track(navContext2);
-    if (isServer || !nav) {
-      return;
-    }
-    if (nav.navCount !== internalState.navCount) {
-      return;
-    }
-    const container = _getContextContainer();
-    const navigation = routeInternal2.untrackedValue;
-    const { navType, prevUrl, replaceState, routeName } = nav;
-    const trackUrl = routeLocation2.url;
-    const scroller = getScroller();
-    let scrollState;
-    if (navType === "popstate") {
-      scrollState = getScrollHistory();
-    }
-    if (navigation.scroll && (!navigation.forceReload || !isSamePath(trackUrl, prevUrl)) && (navType === "link" || navType === "popstate") || navType === "form" && !isSamePath(trackUrl, prevUrl)) {
-      document.__q_scroll_restore__ = () => restoreScroll(navType, trackUrl, prevUrl, scroller, scrollState);
-    }
-    initializeSPA(goto2, scroller);
-    if (navType !== "popstate") {
-      window._qRouterScrollEnabled = false;
-      clearTimeout(window._qRouterScrollDebounce);
-      if (!navigation.historyUpdated) {
-        const scrollState2 = currentScrollState(scroller);
-        saveScrollHistory(scrollState2);
-      }
-    }
-    let didNavigate = false;
-    let navigatePromise;
-    let currentTransition;
-    const navigate = () => {
-      if (navigatePromise) {
-        return navigatePromise;
-      }
-      if (nav.navCount !== internalState.navCount) {
-        return Promise.resolve();
-      }
-      didNavigate = true;
-      if (navigation.historyUpdated) {
-        const currentPath = location.pathname + location.search + location.hash;
-        const nextPath = toPath(trackUrl);
-        if (currentPath !== nextPath) {
-          history.replaceState(history.state, "", nextPath);
-        }
-      } else {
-        clientNavigate(window, navType, prevUrl, trackUrl, replaceState);
-      }
-      contentInternal2.trigger();
-      return navigatePromise = _waitUntilRendered(container);
-    };
-    const _waitNextPage = () => {
-      if (!shouldStartViewTransition(props2?.viewTransition)) {
-        return navigate().then(() => void 0);
-      }
-      const { ready, transition } = startViewTransition({
-        update: navigate,
-        types: [
-          "qwik-navigation"
-        ]
-      });
-      currentTransition = transition;
-      internalState.currentTransition = transition;
-      return ready.then(() => transition, (reason) => {
-        if (!didNavigate && nav.navCount === internalState.navCount) {
-          return navigate().then(() => transition);
-        }
-        if (reason?.name === "AbortError") {
-          return transition;
-        }
-        throw reason;
-      });
-    };
-    _waitNextPage().finally(() => {
-      if (currentTransition && internalState.currentTransition === currentTransition) {
-        internalState.currentTransition = void 0;
-      }
-      if (nav.navCount !== internalState.navCount) {
-        return;
-      }
-      container.element.setAttribute?.(Q_ROUTE, routeName);
-      const scrollState2 = currentScrollState(scroller);
-      saveScrollHistory(scrollState2);
-      window._qRouterScrollEnabled = true;
-      callRestoreScrollOnDocument();
-      refreshLinkPrefetchObserver(manifestHash2);
-      if (nav.shouldForcePrevUrl) {
-        forceStoreEffects(routeLocation2, "prevUrl");
-      }
-      if (nav.shouldForceUrl) {
-        forceStoreEffects(routeLocation2, "url");
-      }
-      if (nav.shouldForceParams) {
-        forceStoreEffects(routeLocation2, "params");
-      }
-      routeLocation2.isNavigating = false;
-      navResolver2.r?.();
-    });
-  }, "useQwikRouter_useTask_2_yw17chooOac", [
-    contentInternal,
-    goto,
-    manifestHash,
-    navContext,
-    navResolver,
-    props,
-    routeInternal,
-    routeLocation
-  ]), {
-    deferUpdates: false
-  });
+/**
+* @public
+* This hook initializes Qwik Router, providing the necessary context for it to work.
+*
+* This hook should be used once, at the root of your application.
+*/ var useQwikRouter = (props) => {
+	if (!isServer) throw new Error("useQwikRouter can only run during SSR on the server. If you are seeing this, it means you are re-rendering the root of your application. Fix that or use the <QwikRouterProvider> component around the root of your application.");
+	const env = useQwikRouterEnv();
+	if (!env?.params) throw new Error(`Missing Qwik Router Env Data for help visit https://github.com/QwikDev/qwik/issues/6237`);
+	const urlEnv = useServerData("url");
+	if (!urlEnv) throw new Error(`Missing Qwik URL Env Data`);
+	const serverHead = useServerData("documentHead");
+	const manifestHash = useServerData("containerAttributes")?.["q:manifest-hash"];
+	const url = new URL(urlEnv);
+	const routeLocationTarget = {
+		url,
+		params: env.params,
+		isNavigating: false,
+		prevUrl: void 0
+	};
+	const routeLocation = useStore(routeLocationTarget, { deep: false });
+	const navResolver = {};
+	const routeLoaderCtx = useStore(env.routeLoaderCtx);
+	routeLoaderCtx.manifestHash = manifestHash;
+	const loaderState = {};
+	const contentModulesForInit = env.loadedRoute.$mods$;
+	const loaders = ensureRouteLoaderSignals(contentModulesForInit, loaderState, routeLoaderCtx);
+	for (const loader of loaders) if (loader.__id in env.loaderValues) {
+		const value = env.loaderValues[loader.__id];
+		setLoaderSignalValue(loaderState[loader.__id], value);
+	}
+	const routeInternal = useSignal({
+		type: "initial",
+		dest: url
+	});
+	const documentHead = useStore(() => createDocumentHead(serverHead, manifestHash));
+	const content = useStore({
+		headings: void 0,
+		menu: void 0
+	});
+	const contentInternal = useSignal();
+	/**
+	* Non-serializable navigation context passed from the nav task to the head+commit task. Only the
+	* data that can't be derived from existing stores/signals.
+	*/ const navContext = useSignal();
+	const httpStatus = useSignal({
+		status: env.response.status,
+		message: env.loadedRoute.$notFound$ ? "Not Found" : env.response.statusMessage ?? ""
+	});
+	const currentActionId = env.response.action;
+	const currentAction = currentActionId ? env.response.actionResult : void 0;
+	const actionState = useSignal(currentAction ? {
+		id: currentActionId,
+		data: env.response.formData,
+		output: {
+			result: currentAction,
+			status: env.response.status
+		}
+	} : void 0);
+	const actionDataSignal = useSignal(currentActionId ? {
+		action: currentActionId,
+		actionResult: currentAction,
+		status: env.response.status
+	} : void 0);
+	const registerPreventNav = /*#__PURE__*/ inlinedQrl((fn$) => {
+		if (!isBrowser) return;
+		preventNav.$handler$ ||= (event) => {
+			internalState.navCount++;
+			if (!preventNav.$cbs$) return;
+			if ([...preventNav.$cbs$.values()].map((cb) => cb.resolved ? cb.resolved() : cb()).some(Boolean)) {
+				event.preventDefault();
+				event.returnValue = true;
+			}
+		};
+		(preventNav.$cbs$ ||= /* @__PURE__ */ new Set()).add(fn$);
+		fn$.resolve();
+		window.addEventListener("beforeunload", preventNav.$handler$);
+		return () => {
+			if (preventNav.$cbs$) {
+				preventNav.$cbs$.delete(fn$);
+				if (!preventNav.$cbs$.size) {
+					preventNav.$cbs$ = void 0;
+					window.removeEventListener("beforeunload", preventNav.$handler$);
+				}
+			}
+		};
+	}, "useQwikRouter_registerPreventNav_69B0DK0eZJc");
+	/**
+	* This is the `nav()` function that `useNavigation()` returns. It is also used internally for SPA
+	* navigations and is provided in context for use in loaders and actions.
+	*
+	* Note: when goto is called, the address bar change must happen in the same tick for Safari to
+	* treat it as a user-initiated navigation and allow scroll restoration to work. For this reason,
+	* make sure to change the address bar before awaiting anything.
+	*/ const goto = /*#__PURE__*/ inlinedQrl(async (path, opt) => {
+		const actionState = _captures[0], manifestHash = _captures[1], navResolver = _captures[2], routeInternal = _captures[3], routeLocation = _captures[4];
+		const { type = "link", forceReload = path === void 0, replaceState = false, scroll = true } = typeof opt === "object" ? opt : { forceReload: opt };
+		if (isBrowser && type === "link" && routeInternal.value.type === "initial") {
+			const url = new URL(window.location.href);
+			routeInternal.value.dest = url;
+			routeLocation.url = url;
+		}
+		const lastDest = routeInternal.value.dest;
+		const dest = path === void 0 ? lastDest : typeof path === "number" ? path : toUrl(path, routeLocation.url);
+		if (navResolver.p && !forceReload && typeof dest !== "number" && isSamePath(dest, lastDest) && dest.href === lastDest.href) return navResolver.p;
+		const navCount = ++internalState.navCount;
+		internalState.currentTransition?.skipTransition();
+		if (preventNav.$cbs$ && (forceReload || typeof dest === "number" || !isSamePath(dest, lastDest) || !isSameOrigin(dest, lastDest))) {
+			const prevents = await Promise.all([...preventNav.$cbs$.values()].map((cb) => cb(dest)));
+			if (navCount !== internalState.navCount || prevents.some(Boolean)) {
+				if (navCount === internalState.navCount && type === "popstate") history.pushState(null, "", lastDest);
+				return;
+			}
+		}
+		if (typeof dest === "number") {
+			if (isBrowser) history.go(dest);
+			return;
+		}
+		if (!isSameOrigin(dest, lastDest)) {
+			if (isBrowser) location.href = dest.href;
+			return;
+		}
+		if (!forceReload && isSamePath(dest, lastDest)) {
+			if (isBrowser) {
+				if (type === "link" && dest.href !== location.href) history.pushState(null, "", dest);
+				const scroller = getScroller();
+				restoreScroll(type, dest, new URL(location.href), scroller, getScrollHistory());
+				if (type === "popstate") window._qRouterScrollEnabled = true;
+			}
+			if (dest.href !== routeLocation.url.href) {
+				const newUrl = new URL(dest.href);
+				routeInternal.value.dest = newUrl;
+				routeLocation.url = newUrl;
+			}
+			return;
+		}
+		let historyUpdated = false;
+		if (isBrowser && type === "link" && !forceReload) {
+			const scroller = getScroller();
+			window._qRouterScrollEnabled = false;
+			clearTimeout(window._qRouterScrollDebounce);
+			saveScrollHistory(currentScrollState(scroller));
+			clientNavigate(window, type, new URL(location.href), dest, replaceState);
+			historyUpdated = true;
+		}
+		routeLocation.isNavigating = true;
+		const container = isBrowser ? _getContextContainer() : void 0;
+		if (container) {
+			await _waitUntilRendered(container);
+			if (navCount !== internalState.navCount) return;
+		}
+		actionState.value = void 0;
+		routeInternal.value = {
+			type,
+			dest,
+			forceReload,
+			replaceState,
+			scroll,
+			historyUpdated
+		};
+		if (isBrowser) prefetchRoute(dest, true, .8, manifestHash);
+		navResolver.p = new Promise((resolve) => {
+			navResolver.r = () => {
+				navResolver.r = void 0;
+				navResolver.p = void 0;
+				resolve();
+			};
+		});
+		return navResolver.p;
+	}, "useQwikRouter_goto_8j8Vrz2yUIM", [
+		actionState,
+		manifestHash,
+		navResolver,
+		routeInternal,
+		routeLocation
+	]);
+	useContextProvider(ContentContext, content);
+	useContextProvider(ContentInternalContext, contentInternal);
+	useContextProvider(DocumentHeadContext, documentHead);
+	useContextProvider(HttpStatusContext, httpStatus);
+	useContextProvider(RouteLocationContext, routeLocation);
+	useContextProvider(RouteNavigateContext, goto);
+	useContextProvider(RouteStateContext, loaderState);
+	useContextProvider(RouteLoaderCtxContext, routeLoaderCtx);
+	useContextProvider(RouteActionContext, actionState);
+	useContextProvider(RoutePreventNavigateContext, registerPreventNav);
+	/**
+	* This is split in 3 tasks because we need to update the head once we figured out the route, and
+	* before we trigger the render, and we need to subscribe only head to loader signal updates
+	*/ useTaskQrl(/*#__PURE__*/ inlinedQrl(async ({ track }) => {
+		const actionDataSignal = _captures[0], actionState = _captures[1], content = _captures[2], contentInternal = _captures[3], env = _captures[4], goto = _captures[5], httpStatus = _captures[6], loaderState = _captures[7], navContext = _captures[8], routeInternal = _captures[9], routeLoaderCtx = _captures[10], routeLocation = _captures[11], routeLocationTarget = _captures[12];
+		const navigation = track(routeInternal);
+		const action = track(actionState);
+		const prevUrl = routeLocation.url;
+		const navType = action ? "form" : navigation.type;
+		const replaceState = navigation.replaceState;
+		const navCountBefore = internalState.navCount;
+		let trackUrl;
+		let endpointResponse;
+		let actionData;
+		let actionLoaderHashes;
+		let shouldInvalidateActionLoaders = false;
+		let loadedRoute;
+		if (isServer) {
+			trackUrl = new URL(navigation.dest, routeLocation.url);
+			loadedRoute = env.loadedRoute;
+			endpointResponse = env.response;
+			actionData = endpointResponse;
+		} else {
+			trackUrl = new URL(navigation.dest, location);
+			if (trackUrl.pathname.endsWith("/")) {
+				if (globalThis.__NO_TRAILING_SLASH__) trackUrl.pathname = trackUrl.pathname.slice(0, -1);
+			} else if (!globalThis.__NO_TRAILING_SLASH__) trackUrl.pathname = ensureSlash(trackUrl.pathname);
+			const loadRoutePromise = loadRoute(qwikRouterConfig.routes, qwikRouterConfig.cacheModules, trackUrl.pathname);
+			try {
+				loadedRoute = await loadRoutePromise;
+			} catch (e) {
+				console.error(`Could not load route ${trackUrl.pathname}, reloading:`, e);
+				window.location.href = trackUrl.href;
+				return;
+			}
+			if (internalState.navCount !== navCountBefore) return;
+			if (action) {
+				const result = await submitAction(action, trackUrl);
+				if (!result) {
+					routeInternal.untrackedValue = {
+						type: navType,
+						dest: trackUrl
+					};
+					return;
+				}
+				if (action.resolve) {
+					action.resolve({
+						status: result.status,
+						result: result.result
+					});
+					action.resolve = void 0;
+				}
+				if (result.redirect) {
+					goto(result.redirect, { replaceState: true });
+					return;
+				}
+				actionData = {
+					status: result.status,
+					action: action.id,
+					actionResult: result.result
+				};
+				actionLoaderHashes = result.loaderHashes;
+				shouldInvalidateActionLoaders = true;
+			}
+		}
+		const { $routeName$, $params$, $mods$, $menu$, $notFound$ } = loadedRoute;
+		const contentModules = $mods$;
+		if (!isServer) routeLoaderCtx.goto = noSerialize(goto);
+		updateRouteLoaderPaths(routeLoaderCtx, loadedRoute.$loaderPaths$, trackUrl);
+		const routeLoaders = ensureRouteLoaderSignals(contentModules, loaderState, routeLoaderCtx);
+		if (!isServer) invalidateNavRouteLoaders(loaderState);
+		if (shouldInvalidateActionLoaders) {
+			if (actionLoaderHashes !== void 0) for (const hash of actionLoaderHashes) loaderState[hash]?.invalidate(true);
+			else for (const loader of routeLoaders) loaderState[loader.__id].invalidate(true);
+		}
+		if (routeLoaders.length > 0) for (let i = 0; i < routeLoaders.length; i++) {
+			const loader = routeLoaders[i];
+			if (!isImmutableLoader(loader.__id)) loaderState[loader.__id].untrackedPending;
+		}
+		if (!isServer) clearNavFetchCache();
+		if (internalState.navCount !== navCountBefore) return;
+		if ($notFound$) httpStatus.value = {
+			status: 404,
+			message: "Not Found"
+		};
+		else if (endpointResponse) httpStatus.value = {
+			status: endpointResponse.status,
+			message: endpointResponse.statusMessage ?? "OK"
+		};
+		else if (actionData) httpStatus.value = {
+			status: actionData.status,
+			message: "OK"
+		};
+		else httpStatus.value = {
+			status: 200,
+			message: "OK"
+		};
+		const pageModule = contentModules[contentModules.length - 1];
+		if (navigation.dest.search && !!isSamePath(trackUrl, prevUrl)) trackUrl.search = navigation.dest.search;
+		let shouldForcePrevUrl = false;
+		let shouldForceUrl = false;
+		let shouldForceParams = false;
+		if (!isSamePath(trackUrl, prevUrl)) {
+			if (_hasStoreEffects(routeLocation, "prevUrl")) shouldForcePrevUrl = true;
+			routeLocationTarget.prevUrl = prevUrl;
+		}
+		if (routeLocationTarget.url !== trackUrl) {
+			if (_hasStoreEffects(routeLocation, "url")) shouldForceUrl = true;
+			routeLocationTarget.url = trackUrl;
+		}
+		if (routeLocationTarget.params !== $params$) {
+			if (_hasStoreEffects(routeLocation, "params")) shouldForceParams = true;
+			routeLocationTarget.params = $params$;
+		}
+		const nextRouteInternal = {
+			type: navType,
+			dest: trackUrl
+		};
+		if (navigation.forceReload !== void 0) nextRouteInternal.forceReload = navigation.forceReload;
+		if (navigation.replaceState !== void 0) nextRouteInternal.replaceState = navigation.replaceState;
+		if (navigation.scroll !== void 0) nextRouteInternal.scroll = navigation.scroll;
+		if (navigation.historyUpdated !== void 0) nextRouteInternal.historyUpdated = navigation.historyUpdated;
+		routeInternal.untrackedValue = nextRouteInternal;
+		content.headings = pageModule.headings;
+		content.menu = $menu$;
+		contentInternal.untrackedValue = noSerialize(contentModules);
+		actionDataSignal.value = actionData;
+		navContext.value = noSerialize({
+			routeName: $routeName$,
+			navType,
+			prevUrl,
+			replaceState,
+			shouldForcePrevUrl,
+			shouldForceUrl,
+			shouldForceParams,
+			navCount: navCountBefore
+		});
+	}, "useQwikRouter_useTask_XpalYii770E", [
+		actionDataSignal,
+		actionState,
+		content,
+		contentInternal,
+		env,
+		goto,
+		httpStatus,
+		loaderState,
+		navContext,
+		routeInternal,
+		routeLoaderCtx,
+		routeLocation,
+		routeLocationTarget
+	]), { deferUpdates: isServer });
+	/**
+	* Calc head. This is in a separate task so that loader updates can trigger head recalculation
+	* without re-running the navigation logic.
+	*
+	* Note that on the server these tasks run sequentially.
+	*/ useTaskQrl(/*#__PURE__*/ inlinedQrl(({ track }) => {
+		const actionDataSignal = _captures[0], contentInternal = _captures[1], documentHead = _captures[2], loaderState = _captures[3], routeLocation = _captures[4], serverHead = _captures[5];
+		const contentModules = track(contentInternal);
+		if (!contentModules) return;
+		const actionData = track(actionDataSignal);
+		const head = track(() => resolveHead(actionData, loaderState, routeLocation, contentModules, getLocale(""), serverHead));
+		documentHead.links = head.links;
+		documentHead.meta = head.meta;
+		documentHead.styles = head.styles;
+		documentHead.scripts = head.scripts;
+		documentHead.title = head.title;
+		documentHead.frontmatter = head.frontmatter;
+	}, "useQwikRouter_useTask_1_1sKEZ9Pg1ow", [
+		actionDataSignal,
+		contentInternal,
+		documentHead,
+		loaderState,
+		routeLocation,
+		serverHead
+	]), { deferUpdates: isServer });
+	/** Actual navigation */ useTaskQrl(/*#__PURE__*/ inlinedQrl(({ track }) => {
+		const contentInternal = _captures[0], goto = _captures[1], manifestHash = _captures[2], navContext = _captures[3], navResolver = _captures[4], props = _captures[5], routeInternal = _captures[6], routeLocation = _captures[7];
+		const nav = track(navContext);
+		if (isServer || !nav) return;
+		if (nav.navCount !== internalState.navCount) return;
+		const container = _getContextContainer();
+		const navigation = routeInternal.untrackedValue;
+		const { navType, prevUrl, replaceState, routeName } = nav;
+		const trackUrl = routeLocation.url;
+		const scroller = getScroller();
+		let scrollState;
+		if (navType === "popstate") scrollState = getScrollHistory();
+		if (navigation.scroll && (!navigation.forceReload || !isSamePath(trackUrl, prevUrl)) && (navType === "link" || navType === "popstate") || navType === "form" && !isSamePath(trackUrl, prevUrl)) document.__q_scroll_restore__ = () => restoreScroll(navType, trackUrl, prevUrl, scroller, scrollState);
+		initializeSPA(goto, scroller);
+		if (navType !== "popstate") {
+			window._qRouterScrollEnabled = false;
+			clearTimeout(window._qRouterScrollDebounce);
+			if (!navigation.historyUpdated) saveScrollHistory(currentScrollState(scroller));
+		}
+		let didNavigate = false;
+		let navigatePromise;
+		let currentTransition;
+		const navigate = () => {
+			if (navigatePromise) return navigatePromise;
+			if (nav.navCount !== internalState.navCount) return Promise.resolve();
+			didNavigate = true;
+			if (navigation.historyUpdated) {
+				const currentPath = location.pathname + location.search + location.hash;
+				const nextPath = toPath(trackUrl);
+				if (currentPath !== nextPath) history.replaceState(history.state, "", nextPath);
+			} else clientNavigate(window, navType, prevUrl, trackUrl, replaceState);
+			contentInternal.trigger();
+			return navigatePromise = _waitUntilRendered(container);
+		};
+		const _waitNextPage = () => {
+			if (!shouldStartViewTransition(props?.viewTransition)) return navigate().then(() => void 0);
+			const { ready, transition } = startViewTransition({
+				update: navigate,
+				types: ["qwik-navigation"]
+			});
+			currentTransition = transition;
+			internalState.currentTransition = transition;
+			return ready.then(() => transition, (reason) => {
+				if (!didNavigate && nav.navCount === internalState.navCount) return navigate().then(() => transition);
+				if (reason?.name === "AbortError") return transition;
+				throw reason;
+			});
+		};
+		_waitNextPage().finally(() => {
+			if (currentTransition && internalState.currentTransition === currentTransition) internalState.currentTransition = void 0;
+			if (nav.navCount !== internalState.navCount) return;
+			container.element.setAttribute?.(Q_ROUTE, routeName);
+			saveScrollHistory(currentScrollState(scroller));
+			window._qRouterScrollEnabled = true;
+			callRestoreScrollOnDocument();
+			refreshLinkPrefetchObserver(manifestHash);
+			if (nav.shouldForcePrevUrl) forceStoreEffects(routeLocation, "prevUrl");
+			if (nav.shouldForceUrl) forceStoreEffects(routeLocation, "url");
+			if (nav.shouldForceParams) forceStoreEffects(routeLocation, "params");
+			routeLocation.isNavigating = false;
+			navResolver.r?.();
+		});
+	}, "useQwikRouter_useTask_2_yw17chooOac", [
+		contentInternal,
+		goto,
+		manifestHash,
+		navContext,
+		navResolver,
+		props,
+		routeInternal,
+		routeLocation
+	]), { deferUpdates: false });
 };
-const QwikRouterProvider = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  useQwikRouter(props);
-  return /* @__PURE__ */ _jsxSorted(Slot, null, null, null, 3, "5y_0");
+/** @public This is a wrapper around the `useQwikRouter()` hook. We recommend using the hook instead of this component, unless you have a good reason to make your root component reactive. */ var QwikRouterProvider = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
+	useQwikRouter(props);
+	return /*#__PURE__*/ _jsxSorted(Slot, null, null, null, 3, "5y_0");
 }, "QwikRouterProvider_component_6Kjfa79mqlY"));
-const QwikCityProvider = QwikRouterProvider;
-
-const handleRouterPopstate = (nav, event) => {
-  const href = event.detail?.href;
-  if (href) {
-    return nav(href, {
-      type: "popstate"
-    });
-  }
+/**
+* @deprecated Use `useQwikRouter()` instead. Will be removed in v3.
+* @public
+*/ var QwikCityProvider = QwikRouterProvider;
+var handleRouterPopstate = (nav, event) => {
+	const href = event.detail?.href;
+	if (href) return nav(href, { type: "popstate" });
 };
-const RouterOutlet = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(() => {
-  const serverData = useServerData("containerAttributes");
-  if (!serverData) {
-    throw new Error("PrefetchServiceWorker component must be rendered on the server.");
-  }
-  const internalContext = useContext(ContentInternalContext);
-  const nav = useNavigate();
-  const contents = internalContext.value;
-  if (contents && contents.length > 0) {
-    const contentsLen = contents.length;
-    let cmp = null;
-    for (let i = contentsLen - 1; i >= 0; i--) {
-      if (contents[i].default) {
-        cmp = _jsxSorted(contents[i].default, null, null, cmp, 1, "Fn_0");
-      }
-    }
-    return /* @__PURE__ */ _jsxSorted(Fragment, null, null, [
-      cmp,
-      !__EXPERIMENTAL__.noSPA && /* @__PURE__ */ _jsxSorted("script", {
-        "q-d:qinit": _qrlSync(() => {
-          ((w, h) => {
-            if (!w._qcs) {
-              w._qcs = true;
-              const s = h.state?._qRouterScroll;
-              if (s) {
-                h.scrollRestoration = "manual";
-                w.scrollTo(s.x, s.y);
-              }
-              document.dispatchEvent(new Event("qcinit"));
-            }
-          })(window, history);
-        }, '()=>{((w,h)=>{if(!w._qcs){w._qcs=!0;const s=h.state?._qRouterScroll;if(s){h.scrollRestoration="manual";w.scrollTo(s.x,s.y);}document.dispatchEvent(new Event("qcinit"));}})(window,history);}'),
-        "q-d:qrouterpopstate": /* @__PURE__ */ inlinedQrl((event, _1, nav2) => handleRouterPopstate(nav2, event), "RouterOutlet_component_Fragment_script_q_d_qrouterpopstate_aRL6GvFyews").m(),
-        "q:p": nav
-      }, {
-        "q-d:qcinit": [
-          spaInit,
-          linkPrefetchInit
-        ]
-      }, null, 6, "Fn_1")
-    ], 1, "Fn_2");
-  }
-  return SkipRender;
+/** @public */ var RouterOutlet = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl(() => {
+	if (!useServerData("containerAttributes")) throw new Error("PrefetchServiceWorker component must be rendered on the server.");
+	const internalContext = useContext(ContentInternalContext);
+	const nav = useNavigate();
+	const contents = internalContext.value;
+	if (contents && contents.length > 0) {
+		const contentsLen = contents.length;
+		let cmp = null;
+		for (let i = contentsLen - 1; i >= 0; i--) if (contents[i].default) cmp = _jsxSorted(contents[i].default, null, null, cmp, 1, "Fn_0");
+		return /*#__PURE__*/ _jsxSorted(Fragment, null, null, [cmp, !__EXPERIMENTAL__.noSPA && /*#__PURE__*/ _jsxSorted("script", {
+			"q-d:qinit": _qrlSync(() => {
+				((w, h) => {
+					if (!w._qcs) {
+						w._qcs = !0;
+						const s = h.state?._qRouterScroll;
+						if (s) {
+							h.scrollRestoration = "manual";
+							w.scrollTo(s.x, s.y);
+						}
+						document.dispatchEvent(new Event("qcinit"));
+					}
+				})(window, history);
+			}, "()=>{((w,h)=>{if(!w._qcs){w._qcs=!0;const s=h.state?._qRouterScroll;if(s){h.scrollRestoration=\"manual\";w.scrollTo(s.x,s.y);}document.dispatchEvent(new Event(\"qcinit\"));}})(window,history);}"),
+			"q-d:qrouterpopstate": /*#__PURE__*/ inlinedQrl((event, _1, nav) => handleRouterPopstate(nav, event), "RouterOutlet_component_Fragment_script_q_d_qrouterpopstate_aRL6GvFyews").m(),
+			"q:p": nav
+		}, { "q-d:qcinit": [spa_init_default, linkPrefetchInit] }, null, 6, "Fn_1")], 1, "Fn_2");
+	}
+	return SkipRender;
 }, "RouterOutlet_component_QwONcWD5gIg"));
-
-const validatorQrl = (validator) => {
-  if (isServer) {
-    return {
-      validate: validator
-    };
-  }
-  return void 0;
+/** @internal */ var validatorQrl = (validator) => {
+	if (isServer) return { validate: validator };
 };
-const validator$ = /* @__PURE__ */ implicit$FirstArg(validatorQrl);
-const flattenValibotIssues = (issues) => {
-  return issues.reduce((acc, issue) => {
-    if (issue.path) {
-      const hasArrayType = issue.path.some((path) => path.type === "array");
-      if (hasArrayType) {
-        const keySuffix = issue.expected === "Array" ? "[]" : "";
-        const key = issue.path.map((item) => item.type === "array" ? "*" : item.key).join(".").replace(/\.\*/g, "[]") + keySuffix;
-        acc[key] = acc[key] || [];
-        if (Array.isArray(acc[key])) {
-          acc[key].push(issue.message);
-        }
-        return acc;
-      } else {
-        acc[issue.path.map((item) => item.key).join(".")] = issue.message;
-      }
-    }
-    return acc;
-  }, {});
+/** @public */ var validator$ = /*#__PURE__*/ implicit$FirstArg(validatorQrl);
+var flattenValibotIssues = (issues) => {
+	return issues.reduce((acc, issue) => {
+		if (issue.path) {
+			if (issue.path.some((path) => path.type === "array")) {
+				const keySuffix = issue.expected === "Array" ? "[]" : "";
+				const key = issue.path.map((item) => item.type === "array" ? "*" : item.key).join(".").replace(/\.\*/g, "[]") + keySuffix;
+				acc[key] = acc[key] || [];
+				if (Array.isArray(acc[key])) acc[key].push(issue.message);
+				return acc;
+			} else acc[issue.path.map((item) => item.key).join(".")] = issue.message;
+		}
+		return acc;
+	}, {});
 };
-const valibotQrl = (qrl) => {
-  if (!__EXPERIMENTAL__.valibot) {
-    throw new Error('Valibot is an experimental feature and is not enabled. Please enable the feature flag by adding `experimental: ["valibot"]` to your qwikVite plugin options.');
-  }
-  if (isServer) {
-    return {
-      __brand: "valibot",
-      async validate(ev, inputData) {
-        const schema = await qrl.resolve().then((obj) => typeof obj === "function" ? obj(ev) : obj);
-        const data = inputData ?? await ev.parseBody();
-        const result = await v.safeParseAsync(schema, data);
-        if (result.success) {
-          return {
-            success: true,
-            data: result.output
-          };
-        } else {
-          if (isDev) {
-            console.error("ERROR: Valibot validation failed", result.issues);
-          }
-          return {
-            success: false,
-            status: 400,
-            error: {
-              formErrors: v.flatten(result.issues).root ?? [],
-              fieldErrors: flattenValibotIssues(result.issues)
-            }
-          };
-        }
-      }
-    };
-  }
-  return void 0;
+/** @internal */ var valibotQrl = (qrl) => {
+	if (!__EXPERIMENTAL__.valibot) throw new Error("Valibot is an experimental feature and is not enabled. Please enable the feature flag by adding `experimental: [\"valibot\"]` to your qwikVite plugin options.");
+	if (isServer) return {
+		__brand: "valibot",
+		async validate(ev, inputData) {
+			const schema = await qrl.resolve().then((obj) => typeof obj === "function" ? obj(ev) : obj);
+			const data = inputData ?? await ev.parseBody();
+			const result = await v.safeParseAsync(schema, data);
+			if (result.success) return {
+				success: true,
+				data: result.output
+			};
+			else {
+				if (isDev) console.error("ERROR: Valibot validation failed", result.issues);
+				return {
+					success: false,
+					status: 400,
+					error: {
+						formErrors: v.flatten(result.issues).root ?? [],
+						fieldErrors: flattenValibotIssues(result.issues)
+					}
+				};
+			}
+		}
+	};
 };
-const valibot$ = /* @__PURE__ */ implicit$FirstArg(valibotQrl);
-const flattenZodIssues = (issues) => {
-  issues = Array.isArray(issues) ? issues : [
-    issues
-  ];
-  return issues.reduce((acc, issue) => {
-    const isExpectingArray = "expected" in issue && issue.expected === "array";
-    const hasArrayType = issue.path.some((path) => typeof path === "number") || isExpectingArray;
-    if (hasArrayType) {
-      const keySuffix = "expected" in issue && issue.expected === "array" ? "[]" : "";
-      const key = issue.path.map((path) => typeof path === "number" ? "*" : path).join(".").replace(/\.\*/g, "[]") + keySuffix;
-      acc[key] = acc[key] || [];
-      if (Array.isArray(acc[key])) {
-        acc[key].push(issue.message);
-      }
-      return acc;
-    } else {
-      acc[issue.path.join(".")] = issue.message;
-    }
-    return acc;
-  }, {});
+/** @beta */ var valibot$ = /*#__PURE__*/ implicit$FirstArg(valibotQrl);
+var flattenZodIssues = (issues) => {
+	issues = Array.isArray(issues) ? issues : [issues];
+	return issues.reduce((acc, issue) => {
+		const isExpectingArray = "expected" in issue && issue.expected === "array";
+		if (issue.path.some((path) => typeof path === "number") || isExpectingArray) {
+			const keySuffix = "expected" in issue && issue.expected === "array" ? "[]" : "";
+			const key = issue.path.map((path) => typeof path === "number" ? "*" : path).join(".").replace(/\.\*/g, "[]") + keySuffix;
+			acc[key] = acc[key] || [];
+			if (Array.isArray(acc[key])) acc[key].push(issue.message);
+			return acc;
+		} else acc[issue.path.join(".")] = issue.message;
+		return acc;
+	}, {});
 };
-const zodQrl = (qrl) => {
-  if (isServer) {
-    return {
-      __brand: "zod",
-      async validate(ev, inputData) {
-        const schema = await qrl.resolve().then((obj) => {
-          if (typeof obj === "function") {
-            obj = obj(z, ev);
-          }
-          if (obj instanceof z.Schema) {
-            return obj;
-          } else {
-            return z.object(obj);
-          }
-        });
-        const data = inputData ?? await ev.parseBody();
-        const result = await withLocale(ev.locale(), () => schema.safeParseAsync(data));
-        if (result.success) {
-          return result;
-        } else {
-          if (isDev) {
-            console.error("ERROR: Zod validation failed", result.error.issues);
-          }
-          return {
-            success: false,
-            status: 400,
-            error: {
-              formErrors: result.error.flatten().formErrors,
-              fieldErrors: flattenZodIssues(result.error.issues)
-            }
-          };
-        }
-      }
-    };
-  }
-  return void 0;
+/** @internal */ var zodQrl = (qrl) => {
+	if (isServer) return {
+		__brand: "zod",
+		async validate(ev, inputData) {
+			const schema = await qrl.resolve().then((obj) => {
+				if (typeof obj === "function") obj = obj(z$1, ev);
+				if (obj instanceof z$1.Schema) return obj;
+				else return z$1.object(obj);
+			});
+			const data = inputData ?? await ev.parseBody();
+			const result = await withLocale(ev.locale(), () => schema.safeParseAsync(data));
+			if (result.success) return result;
+			else {
+				if (isDev) console.error("ERROR: Zod validation failed", result.error.issues);
+				return {
+					success: false,
+					status: 400,
+					error: {
+						formErrors: result.error.flatten().formErrors,
+						fieldErrors: flattenZodIssues(result.error.issues)
+					}
+				};
+			}
+		}
+	};
 };
-const zod$ = /* @__PURE__ */ implicit$FirstArg(zodQrl);
-const getValidators = (rest, qrl) => {
-  let id;
-  let invalidate;
-  const validators = [];
-  if (rest.length === 1) {
-    const options = rest[0];
-    if (options && typeof options === "object") {
-      if ("validate" in options) {
-        validators.push(options);
-      } else {
-        id = options.id;
-        if (options.validation) {
-          validators.push(...options.validation);
-        }
-        if (options.invalidate) {
-          invalidate = options.invalidate.map((loader) => loader.__id);
-        }
-      }
-    }
-  } else if (rest.length > 1) {
-    validators.push(...rest.filter((v2) => !!v2));
-  }
-  if (typeof id === "string") {
-    if (isDev) {
-      if (!/^[\w/.-]+$/.test(id)) {
-        throw new Error(`Invalid id: ${id}, id can only contain [a-zA-Z0-9_.-]`);
-      }
-    }
-    id = `id_${id}`;
-  } else {
-    id = qrl.getHash();
-  }
-  return {
-    validators: validators.reverse(),
-    id,
-    invalidate
-  };
+/** @public */ var zod$ = /*#__PURE__*/ implicit$FirstArg(zodQrl);
+var getValidators = (rest, qrl) => {
+	let id;
+	let invalidate;
+	const validators = [];
+	if (rest.length === 1) {
+		const options = rest[0];
+		if (options && typeof options === "object") {
+			if ("validate" in options) validators.push(options);
+			else {
+				id = options.id;
+				if (options.validation) validators.push(...options.validation);
+				if (options.invalidate) invalidate = options.invalidate.map((loader) => loader.__id);
+			}
+		}
+	} else if (rest.length > 1) validators.push(...rest.filter((v) => !!v));
+	if (typeof id === "string") {
+		if (isDev) {
+			if (!/^[\w/.-]+$/.test(id)) throw new Error(`Invalid id: ${id}, id can only contain [a-zA-Z0-9_.-]`);
+		}
+		id = `id_${id}`;
+	} else id = qrl.getHash();
+	return {
+		validators: validators.reverse(),
+		id,
+		invalidate
+	};
 };
-const routeActionQrl = (actionQrl, ...rest) => {
-  const { id, validators, invalidate } = getValidators(rest, actionQrl);
-  function action() {
-    const loc = useLocation();
-    const currentAction = useAction();
-    const initialState = {
-      actionPath: `?${QACTION_KEY}=${id}`,
-      submitted: false,
-      isRunning: false,
-      status: void 0,
-      value: void 0,
-      formData: void 0
-    };
-    const state = useStore(() => {
-      const value = currentAction.value;
-      if (value && value?.id === id) {
-        const data = value.data;
-        if (data instanceof FormData) {
-          initialState.formData = data;
-        }
-        if (value.output) {
-          const { status, result } = value.output;
-          initialState.status = status;
-          initialState.value = result;
-        }
-      }
-      return initialState;
-    });
-    const submit = /* @__PURE__ */ inlinedQrl((input = {}) => {
-      const currentAction2 = _captures[0], id2 = _captures[1], loc2 = _captures[2], state2 = _captures[3];
-      if (isServer) {
-        throw new Error(`Actions can not be invoked within the server during SSR.
+/** @public */ var routeActionQrl = (actionQrl, ...rest) => {
+	const { id, validators, invalidate } = getValidators(rest, actionQrl);
+	function action() {
+		const loc = useLocation();
+		const currentAction = useAction();
+		const initialState = {
+			actionPath: `?${QACTION_KEY}=${id}`,
+			submitted: false,
+			isRunning: false,
+			status: void 0,
+			value: void 0,
+			formData: void 0
+		};
+		const state = useStore(() => {
+			const value = currentAction.value;
+			if (value && value?.id === id) {
+				const data = value.data;
+				if (data instanceof FormData) initialState.formData = data;
+				if (value.output) {
+					const { status, result } = value.output;
+					initialState.status = status;
+					initialState.value = result;
+				}
+			}
+			return initialState;
+		});
+		initialState.submit = /* @__PURE__ */ inlinedQrl((input = {}) => {
+			const currentAction = _captures[0], id = _captures[1], loc = _captures[2], state = _captures[3];
+			if (isServer) throw new Error(`Actions can not be invoked within the server during SSR.
 Action.run() can only be called on the browser, for example when a user clicks a button, or submits a form.`);
-      }
-      let data;
-      let form;
-      if (input instanceof SubmitEvent) {
-        form = input.target;
-        data = new FormData(form);
-        if ((input.submitter instanceof HTMLInputElement || input.submitter instanceof HTMLButtonElement) && input.submitter.name) {
-          if (input.submitter.name) {
-            data.append(input.submitter.name, input.submitter.value);
-          }
-        }
-      } else {
-        data = input;
-      }
-      return new Promise((resolve) => {
-        if (data instanceof FormData) {
-          state2.formData = data;
-        }
-        state2.submitted = true;
-        state2.isRunning = true;
-        loc2.isNavigating = true;
-        currentAction2.value = {
-          data,
-          id: id2,
-          resolve: noSerialize(resolve)
-        };
-      }).then((_rawProps) => {
-        state2.isRunning = false;
-        state2.status = _rawProps.status;
-        state2.value = _rawProps.result;
-        if (form) {
-          if (form.getAttribute("data-spa-reset") === "true") {
-            form.reset();
-          }
-          const detail = {
-            status: _rawProps.status,
-            value: _rawProps.result
-          };
-          form.dispatchEvent(new CustomEvent("submitcompleted", {
-            bubbles: false,
-            cancelable: false,
-            composed: false,
-            detail
-          }));
-        }
-        return {
-          status: _rawProps.status,
-          value: _rawProps.result
-        };
-      });
-    }, "routeActionQrl_action_submit_YuS5bpdQ360", [
-      currentAction,
-      id,
-      loc,
-      state
-    ]);
-    initialState.submit = submit;
-    return state;
-  }
-  action.__brand = "server_action";
-  action.__validators = validators;
-  action.__qrl = actionQrl;
-  action.__id = id;
-  action.__invalidate = invalidate;
-  Object.freeze(action);
-  return action;
+			let data;
+			let form;
+			if (input instanceof SubmitEvent) {
+				form = input.target;
+				data = new FormData(form);
+				if ((input.submitter instanceof HTMLInputElement || input.submitter instanceof HTMLButtonElement) && input.submitter.name) {
+					if (input.submitter.name) data.append(input.submitter.name, input.submitter.value);
+				}
+			} else data = input;
+			return new Promise((resolve) => {
+				if (data instanceof FormData) state.formData = data;
+				state.submitted = true;
+				state.isRunning = true;
+				loc.isNavigating = true;
+				currentAction.value = {
+					data,
+					id,
+					resolve: noSerialize(resolve)
+				};
+			}).then((_rawProps) => {
+				state.isRunning = false;
+				state.status = _rawProps.status;
+				state.value = _rawProps.result;
+				if (form) {
+					if (form.getAttribute("data-spa-reset") === "true") form.reset();
+					const detail = {
+						status: _rawProps.status,
+						value: _rawProps.result
+					};
+					form.dispatchEvent(new CustomEvent("submitcompleted", {
+						bubbles: false,
+						cancelable: false,
+						composed: false,
+						detail
+					}));
+				}
+				return {
+					status: _rawProps.status,
+					value: _rawProps.result
+				};
+			});
+		}, "routeActionQrl_action_submit_YuS5bpdQ360", [
+			currentAction,
+			id,
+			loc,
+			state
+		]);
+		return state;
+	}
+	action.__brand = "server_action";
+	action.__validators = validators;
+	action.__qrl = actionQrl;
+	action.__id = id;
+	action.__invalidate = invalidate;
+	Object.freeze(action);
+	return action;
 };
-const globalActionQrl = (actionQrl, ...rest) => {
-  const action = routeActionQrl(actionQrl, ...rest);
-  if (isServer) {
-    if (typeof globalThis._qwikActionsMap === "undefined") {
-      globalThis._qwikActionsMap = /* @__PURE__ */ new Map();
-    }
-    globalThis._qwikActionsMap.set(action.__id, action);
-  }
-  return action;
+/** @internal */ var globalActionQrl = (actionQrl, ...rest) => {
+	const action = routeActionQrl(actionQrl, ...rest);
+	if (isServer) {
+		if (typeof globalThis._qwikActionsMap === "undefined") globalThis._qwikActionsMap = /* @__PURE__ */ new Map();
+		globalThis._qwikActionsMap.set(action.__id, action);
+	}
+	return action;
 };
-const routeAction$ = /* @__PURE__ */ implicit$FirstArg(routeActionQrl);
-const globalAction$ = /* @__PURE__ */ implicit$FirstArg(globalActionQrl);
-const deserializeStream = async function* (stream, abortSignal) {
-  const reader = stream.getReader();
-  try {
-    let buffer = "";
-    const decoder = new TextDecoder();
-    while (!abortSignal?.aborted) {
-      const result = await reader.read();
-      if (result.done) {
-        break;
-      }
-      buffer += decoder.decode(result.value, {
-        stream: true
-      });
-      const lines = buffer.split(/\n/);
-      buffer = lines.pop();
-      for (const line of lines) {
-        const deserializedData = await _deserialize(line);
-        yield deserializedData;
-      }
-    }
-  } finally {
-    reader.releaseLock();
-  }
+/**
+* Define a route action that handles form submissions or programmatic invocations.
+*
+* Actions run on the server when submitted from the client. The result is returned as an
+* `ActionStore` with `.value` for success data and `.error` for errors (including validation errors
+* from `zod$`/`valibot$` where `.fieldErrors` etc. are accessible directly on `.error`).
+*
+* By default, after an action completes, ALL current route loaders are invalidated on the client
+* and re-fetched as needed (so that the browser cache is correct). This can be controlled with:
+*
+* - `invalidate: [loader1, loader2]`: Only invalidate specific loaders. The client re-fetches them
+*   individually. Other loaders keep their current data.
+* - `invalidate: []`: No loaders are invalidated. The action response only contains the action
+*   result. Use this when the action doesn't affect any loader data.
+*
+* The `strictLoaders` Vite plugin option applies `invalidate: []` globally for all actions that
+* don't specify an explicit `invalidate` option.
+*
+* @public
+*/ var routeAction$ = /*#__PURE__*/ implicit$FirstArg(routeActionQrl);
+/** @public */ var globalAction$ = /*#__PURE__*/ implicit$FirstArg(globalActionQrl);
+var deserializeStream = async function* (stream, abortSignal) {
+	const reader = stream.getReader();
+	try {
+		let buffer = "";
+		const decoder = new TextDecoder();
+		while (!abortSignal?.aborted) {
+			const result = await reader.read();
+			if (result.done) break;
+			buffer += decoder.decode(result.value, { stream: true });
+			const lines = buffer.split(/\n/);
+			buffer = lines.pop();
+			for (const line of lines) yield await _deserialize(line);
+		}
+	} finally {
+		reader.releaseLock();
+	}
 };
-const serverQrl = (qrl, options) => {
-  if (isServer) {
-    const captured = qrl.getCaptured();
-    if (captured && captured.length > 0 && !_getContextHostElement()) {
-      throw new Error("For security reasons, we cannot serialize QRLs that capture lexical scope.");
-    }
-  }
-  const method = options?.method?.toUpperCase?.() || "POST";
-  const headers = options?.headers || {};
-  const origin = options?.origin || "";
-  const fetchOptions = options?.fetchOptions || {};
-  return /* @__PURE__ */ inlinedQrl(async function(...args) {
-    const fetchOptions2 = _captures[0], headers2 = _captures[1], method2 = _captures[2], origin2 = _captures[3], qrl2 = _captures[4];
-    const abortSignal = args.length > 0 && args[0] instanceof AbortSignal ? args.shift() : void 0;
-    if (isServer) {
-      return qrl2.apply(getRequestEvent(this), args);
-    } else {
-      let filteredArgs = args.map((arg) => {
-        if (arg instanceof SubmitEvent && arg.target instanceof HTMLFormElement) {
-          return new FormData(arg.target);
-        } else if (arg instanceof Event) {
-          return null;
-        } else if (arg instanceof Node) {
-          return null;
-        }
-        return arg;
-      });
-      if (!filteredArgs.length) {
-        filteredArgs = void 0;
-      }
-      const qrlHash = qrl2.getHash();
-      let query = "";
-      const config = {
-        ...fetchOptions2,
-        method: method2,
-        headers: {
-          ...headers2,
-          "Content-Type": "application/qwik-json",
-          Accept: "application/json, application/qwik-json, text/qwik-json-stream, text/plain",
-          // Required so we don't call accidentally
-          "X-QRL": qrlHash
-        },
-        signal: abortSignal
-      };
-      const captured = qrl2.getCaptured();
-      let toSend = [
-        filteredArgs
-      ];
-      if (captured?.length) {
-        toSend = [
-          filteredArgs,
-          ...captured
-        ];
-      } else {
-        toSend = filteredArgs ? [
-          filteredArgs
-        ] : [];
-      }
-      const body = await _serialize(toSend);
-      if (method2 === "GET") {
-        query += `&${QDATA_KEY}=${encodeURIComponent(body)}`;
-      } else {
-        config.body = body;
-      }
-      const res = await fetch(`${origin2}?${QFN_KEY}=${qrlHash}${query}`, config);
-      const contentType = res.headers.get("Content-Type");
-      if (res.ok && contentType === "text/qwik-json-stream" && res.body) {
-        return (async function* () {
-          try {
-            for await (const result of deserializeStream(res.body, abortSignal)) {
-              yield result;
-            }
-          } finally {
-            if (!abortSignal?.aborted) {
-              await res.body.cancel();
-            }
-          }
-        })();
-      } else if (contentType === "application/qwik-json") {
-        const str = await res.text();
-        const obj = await _deserialize(str);
-        if (res.status >= 400) {
-          throw obj;
-        }
-        return obj;
-      } else if (contentType === "application/json") {
-        const obj = await res.json();
-        if (res.status >= 400) {
-          throw obj;
-        }
-        return obj;
-      } else if (contentType === "text/plain" || contentType === "text/html") {
-        const str = await res.text();
-        if (res.status >= 400) {
-          throw str;
-        }
-        return str;
-      }
-    }
-  }, "serverQrl_w03grD0Ag68", [
-    fetchOptions,
-    headers,
-    method,
-    origin,
-    qrl
-  ]);
+/** @internal */ var serverQrl = (qrl, options) => {
+	if (isServer) {
+		const captured = qrl.getCaptured();
+		if (captured && captured.length > 0 && !_getContextHostElement()) throw new Error("For security reasons, we cannot serialize QRLs that capture lexical scope.");
+	}
+	const method = options?.method?.toUpperCase?.() || "POST";
+	const headers = options?.headers || {};
+	const origin = options?.origin || "";
+	const fetchOptions = options?.fetchOptions || {};
+	return /*#__PURE__*/ inlinedQrl(async function(...args) {
+		const fetchOptions = _captures[0], headers = _captures[1], method = _captures[2], origin = _captures[3], qrl = _captures[4];
+		const abortSignal = args.length > 0 && args[0] instanceof AbortSignal ? args.shift() : void 0;
+		if (isServer) return qrl.apply(getRequestEvent(this), args);
+		else {
+			let filteredArgs = args.map((arg) => {
+				if (arg instanceof SubmitEvent && arg.target instanceof HTMLFormElement) return new FormData(arg.target);
+				else if (arg instanceof Event) return null;
+				else if (arg instanceof Node) return null;
+				return arg;
+			});
+			if (!filteredArgs.length) filteredArgs = void 0;
+			const qrlHash = qrl.getHash();
+			let query = "";
+			const config = {
+				...fetchOptions,
+				method,
+				headers: {
+					...headers,
+					"Content-Type": "application/qwik-json",
+					Accept: "application/json, application/qwik-json, text/qwik-json-stream, text/plain",
+					"X-QRL": qrlHash
+				},
+				signal: abortSignal
+			};
+			const captured = qrl.getCaptured();
+			let toSend = [filteredArgs];
+			if (captured?.length) toSend = [filteredArgs, ...captured];
+			else toSend = filteredArgs ? [filteredArgs] : [];
+			const body = await _serialize(toSend);
+			if (method === "GET") query += `&${QDATA_KEY}=${encodeURIComponent(body)}`;
+			else config.body = body;
+			const res = await fetch(`${origin}?${QFN_KEY}=${qrlHash}${query}`, config);
+			const contentType = res.headers.get("Content-Type");
+			if (res.ok && contentType === "text/qwik-json-stream" && res.body) return async function* () {
+				try {
+					for await (const result of deserializeStream(res.body, abortSignal)) yield result;
+				} finally {
+					if (!abortSignal?.aborted) await res.body.cancel();
+				}
+			}();
+			else if (contentType === "application/qwik-json") {
+				const str = await res.text();
+				const obj = await _deserialize(str);
+				if (res.status >= 400) throw obj;
+				return obj;
+			} else if (contentType === "application/json") {
+				const obj = await res.json();
+				if (res.status >= 400) throw obj;
+				return obj;
+			} else if (contentType === "text/plain" || contentType === "text/html") {
+				const str = await res.text();
+				if (res.status >= 400) throw str;
+				return str;
+			}
+		}
+	}, "serverQrl_w03grD0Ag68", [
+		fetchOptions,
+		headers,
+		method,
+		origin,
+		qrl
+	]);
 };
-const server$ = /* @__PURE__ */ implicit$FirstArg(serverQrl);
-
-const ServiceWorkerRegister = (props) => /* @__PURE__ */ _jsxSorted("script", {
-  nonce: _wrapProp(props, "nonce")
-}, {
-  type: "module",
-  dangerouslySetInnerHTML: swRegister
+/** @public */ var server$ = /*#__PURE__*/ implicit$FirstArg(serverQrl);
+/**
+* Loads the service workers that are defined in the routes. Any file named `service-worker.*` (all
+* JS extensions are allowed) will be picked up, bundled into a separate file, and registered as a
+* service worker.
+*
+* Qwik 1.14.0 and above now use `<link rel="modulepreload">` by default. If you didn't add custom
+* service-worker logic, you should remove your service-worker.ts file(s) for the
+* `ServiceWorkerRegister` Component to actually unregister the service-worker.js and delete its
+* related cache. Make sure to keep the `ServiceWorkerRegister` Component in your app (without any
+* service-worker.ts file) as long as you want to unregister the service-worker.js for your users.
+*
+* @public
+*/ var ServiceWorkerRegister = (props) => /*#__PURE__*/ _jsxSorted("script", { nonce: _wrapProp(props, "nonce") }, {
+	type: "module",
+	dangerouslySetInnerHTML: swRegister
 }, null, 3, "1x_0");
-
-const _hf0 = (p0) => !p0.reloadDocument;
-const _hf0_str = "!p0.reloadDocument";
-const _hf1 = (p0) => p0.spaReset ? "true" : void 0;
-const _hf1_str = 'p0.spaReset?"true":undefined';
-const GetForm = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawProps) => {
-  const rest = _restProps(_rawProps, [
-    "action",
-    "spaReset",
-    "reloadDocument",
-    "onSubmit$"
-  ]);
-  const nav = useNavigate();
-  return /* @__PURE__ */ _jsxSplit("form", {
-    action: "get",
-    "preventdefault:submit": _fnSignal(_hf0, [
-      _rawProps
-    ], _hf0_str),
-    "data-spa-reset": _fnSignal(_hf1, [
-      _rawProps
-    ], _hf1_str),
-    ..._getVarProps(rest),
-    ..._getConstProps(rest),
-    "q-e:submit": [
-      ...Array.isArray(_rawProps.onSubmit$) ? _rawProps.onSubmit$ : [
-        _rawProps.onSubmit$
-      ],
-      /* @__PURE__ */ inlinedQrl(async (_evt, form) => {
-        const nav2 = _captures[0];
-        const formData = new FormData(form);
-        const params = new URLSearchParams();
-        formData.forEach((value, key) => {
-          if (typeof value === "string") {
-            params.append(key, value);
-          }
-        });
-        await nav2("?" + params.toString(), {
-          type: "form",
-          forceReload: true
-        });
-      }, "GetForm_component_form_q_e_submit_r3dkP9d2cF8", [
-        nav
-      ]),
-      /* @__PURE__ */ inlinedQrl((_evt, form) => {
-        if (form.getAttribute("data-spa-reset") === "true") {
-          form.reset();
-        }
-        form.dispatchEvent(new CustomEvent("submitcompleted", {
-          bubbles: false,
-          cancelable: false,
-          composed: false,
-          detail: {
-            status: 200
-          }
-        }));
-      }, "GetForm_component_form_q_e_submit_1_cuYklZAOHrA")
-    ]
-  }, null, /* @__PURE__ */ _jsxSorted(Slot, null, null, null, 3, "Q4_0"), 0, "Q4_1");
+var _hf0 = (p0) => !p0.reloadDocument;
+var _hf0_str = "!p0.reloadDocument";
+var _hf1 = (p0) => p0.spaReset ? "true" : void 0;
+var _hf1_str = "p0.spaReset?\"true\":undefined";
+var GetForm = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) => {
+	const rest = _restProps(_rawProps, [
+		"action",
+		"spaReset",
+		"reloadDocument",
+		"onSubmit$"
+	]);
+	const nav = useNavigate();
+	return /*#__PURE__*/ _jsxSplit("form", {
+		action: "get",
+		"preventdefault:submit": _fnSignal(_hf0, [_rawProps], _hf0_str),
+		"data-spa-reset": _fnSignal(_hf1, [_rawProps], _hf1_str),
+		..._getVarProps(rest),
+		..._getConstProps(rest),
+		"q-e:submit": [
+			...Array.isArray(_rawProps.onSubmit$) ? _rawProps.onSubmit$ : [_rawProps.onSubmit$],
+			/*#__PURE__*/ inlinedQrl(async (_evt, form) => {
+				const nav = _captures[0];
+				const formData = new FormData(form);
+				const params = new URLSearchParams();
+				formData.forEach((value, key) => {
+					if (typeof value === "string") params.append(key, value);
+				});
+				await nav("?" + params.toString(), {
+					type: "form",
+					forceReload: true
+				});
+			}, "GetForm_component_form_q_e_submit_r3dkP9d2cF8", [nav]),
+			/*#__PURE__*/ inlinedQrl((_evt, form) => {
+				if (form.getAttribute("data-spa-reset") === "true") form.reset();
+				form.dispatchEvent(new CustomEvent("submitcompleted", {
+					bubbles: false,
+					cancelable: false,
+					composed: false,
+					detail: { status: 200 }
+				}));
+			}, "GetForm_component_form_q_e_submit_1_cuYklZAOHrA")
+		]
+	}, null, /*#__PURE__*/ _jsxSorted(Slot, null, null, null, 3, "Q4_0"), 0, "Q4_1");
 }, "GetForm_component_2U5Z2Z8ryc0"));
-const Form = ({ action, spaReset, reloadDocument, onSubmit$, ...rest }, key) => {
-  if (action) {
-    const isArrayApi = Array.isArray(onSubmit$);
-    if (isArrayApi) {
-      return _jsxSplit("form", {
-        ..._getVarProps(rest),
-        ..._getConstProps(rest),
-        action: _wrapProp(action, "actionPath"),
-        "preventdefault:submit": !reloadDocument,
-        "q-e:submit": [
-          ...onSubmit$,
-          // action.submit "submitcompleted" event for onSubmitCompleted$ events
-          !reloadDocument ? /* @__PURE__ */ inlinedQrl((evt) => {
-            const action2 = _captures[0];
-            if (!action2.submitted) {
-              return action2.submit(evt);
-            }
-          }, "Form_form_q_e_submit_6i0Jq5q8JFg", [
-            action
-          ]) : void 0
-        ],
-        ["data-spa-reset"]: spaReset ? "true" : void 0
-      }, {
-        method: "post"
-      }, null, 0, key);
-    }
-    return _jsxSplit("form", {
-      ..._getVarProps(rest),
-      ..._getConstProps(rest),
-      action: _wrapProp(action, "actionPath"),
-      "preventdefault:submit": !reloadDocument,
-      "q-e:submit": [
-        // Since v2, this fires before the action is executed so it can be prevented
-        onSubmit$,
-        // action.submit "submitcompleted" event for onSubmitCompleted$ events
-        !reloadDocument ? action.submit : void 0
-      ],
-      ["data-spa-reset"]: spaReset ? "true" : void 0
-    }, {
-      method: "post"
-    }, null, 0, key);
-  } else {
-    return /* @__PURE__ */ _jsxSplit(GetForm, {
-      spaReset,
-      reloadDocument,
-      onSubmit$,
-      ...rest
-    }, null, null, 0, key);
-  }
+/** @public */ var Form = ({ action, spaReset, reloadDocument, onSubmit$, ...rest }, key) => {
+	if (action) {
+		if (Array.isArray(onSubmit$)) return _jsxSplit("form", {
+			..._getVarProps(rest),
+			..._getConstProps(rest),
+			action: _wrapProp(action, "actionPath"),
+			"preventdefault:submit": !reloadDocument,
+			"q-e:submit": [...onSubmit$, !reloadDocument ? /*#__PURE__*/ inlinedQrl((evt) => {
+				const action = _captures[0];
+				if (!action.submitted) return action.submit(evt);
+			}, "Form_form_q_e_submit_6i0Jq5q8JFg", [action]) : void 0],
+			["data-spa-reset"]: spaReset ? "true" : void 0
+		}, { method: "post" }, null, 0, key);
+		return _jsxSplit("form", {
+			..._getVarProps(rest),
+			..._getConstProps(rest),
+			action: _wrapProp(action, "actionPath"),
+			"preventdefault:submit": !reloadDocument,
+			"q-e:submit": [onSubmit$, !reloadDocument ? action.submit : void 0],
+			["data-spa-reset"]: spaReset ? "true" : void 0
+		}, { method: "post" }, null, 0, key);
+	} else return /*#__PURE__*/ _jsxSplit(GetForm, {
+		spaReset,
+		reloadDocument,
+		onSubmit$,
+		...rest
+	}, null, null, 0, key);
 };
-
-const untypedAppUrl = function appUrl(route, params, paramsPrefix = "") {
-  const path = route.split("/");
-  for (let i = 0; i < path.length; i++) {
-    const segment = path[i];
-    if (segment.startsWith("[") && segment.endsWith("]")) {
-      const isSpread = segment.startsWith("[...");
-      const key = segment.substring(segment.startsWith("[...") ? 4 : 1, segment.length - 1);
-      const value = params ? params[paramsPrefix + key] || params[key] : "";
-      path[i] = isSpread ? value : encodeURIComponent(value);
-    }
-    if (segment.startsWith("(") && segment.endsWith(")")) {
-      path.splice(i, 1);
-    }
-  }
-  let url = path.join("/");
-  let baseURL = "/";
-  if (baseURL) {
-    baseURL = ensureSlash(baseURL);
-    while (url.startsWith("/")) {
-      url = url.substring(1);
-    }
-    url = baseURL + url;
-  }
-  return url;
+/**
+* @beta
+* @experimental
+*/ var untypedAppUrl = function appUrl(route, params, paramsPrefix = "") {
+	const path = route.split("/");
+	for (let i = 0; i < path.length; i++) {
+		const segment = path[i];
+		if (segment.startsWith("[") && segment.endsWith("]")) {
+			const isSpread = segment.startsWith("[...");
+			const key = segment.substring(segment.startsWith("[...") ? 4 : 1, segment.length - 1);
+			const value = params ? params[paramsPrefix + key] || params[key] : "";
+			path[i] = isSpread ? value : encodeURIComponent(value);
+		}
+		if (segment.startsWith("(") && segment.endsWith(")")) path.splice(i, 1);
+	}
+	let url = path.join("/");
+	let baseURL = "/";
+	if (baseURL) {
+		baseURL = ensureSlash(baseURL);
+		while (url.startsWith("/")) url = url.substring(1);
+		url = baseURL + url;
+	}
+	return url;
 };
-function omitProps(obj, keys) {
-  const omittedObj = {};
-  for (const key in obj) {
-    if (!key.startsWith("param:") && !keys.includes(key)) {
-      omittedObj[key] = obj[key];
-    }
-  }
-  return omittedObj;
+/**
+* Creates a new object from `obj` by omitting a set of `keys`.
+*
+* @beta
+* @experimental
+*/ function omitProps(obj, keys) {
+	const omittedObj = {};
+	for (const key in obj) if (!key.startsWith("param:") && !keys.includes(key)) omittedObj[key] = obj[key];
+	return omittedObj;
 }
-
-const createRenderer = (getOptions) => {
-  return (opts) => {
-    const { jsx, options } = getOptions(opts);
-    const isStatic = opts.serverData.renderMode === "static";
-    const renderOptions = isStatic ? {
-      ...options,
-      streaming: {
-        ...options.streaming,
-        outOfOrder: false
-      }
-    } : options;
-    return renderToStream(jsx, renderOptions);
-  };
+/**
+* Creates the `render()` function that is required by `createQwikRouter()`. It requires a function
+* that returns the `jsx` and `options` for the renderer.
+*
+* @example
+*
+* ```tsx
+* const renderer = createRenderer((opts) => {
+*   if (opts.requestHeaders['x-hello'] === 'world') {
+*     return { jsx: <Hello />, options: opts };
+*   }
+*   return { jsx: <Root />, options: {
+*     ...opts,
+*     serverData: {
+*       ...opts.serverData,
+*       documentHead: {
+*         meta: [
+*           { name: 'renderedAt', content: new Date().toISOString() },
+*         ],
+*       },
+*     },
+*   } };
+* });
+* ```
+*
+* @public
+*/ var createRenderer = (getOptions) => {
+	return (opts) => {
+		const { jsx, options } = getOptions(opts);
+		const renderOptions = opts.serverData.renderMode === "static" ? {
+			...options,
+			streaming: {
+				...options.streaming,
+				outOfOrder: false
+			}
+		} : options;
+		return renderToStream(jsx, renderOptions);
+	};
 };
-
-const DocumentHeadTags = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
-  let head = useDocumentHead();
-  if (props) {
-    head = {
-      ...head,
-      ...props
-    };
-  }
-  return /* @__PURE__ */ _jsxSorted(Fragment, null, null, [
-    head.title && /* @__PURE__ */ _jsxSorted("title", null, null, head.title, 1, "r5_0"),
-    head.meta.map((m) => /* @__PURE__ */ _jsxSplit("meta", {
-      ..._getVarProps(m)
-    }, _getConstProps(m), null, 0, "r5_1")),
-    head.links.map((l) => /* @__PURE__ */ _jsxSplit("link", {
-      ..._getVarProps(l)
-    }, _getConstProps(l), null, 0, "r5_2")),
-    head.styles.map((s) => {
-      const props2 = s.props || s;
-      return /* @__PURE__ */ createElement("style", {
-        ...props2,
-        dangerouslySetInnerHTML: s.style || props2.dangerouslySetInnerHTML,
-        key: s.key
-      });
-    }),
-    head.scripts.map((s) => {
-      const props2 = s.props || s;
-      return /* @__PURE__ */ createElement("script", {
-        ...props2,
-        dangerouslySetInnerHTML: s.script || props2.dangerouslySetInnerHTML,
-        key: s.key
-      });
-    })
-  ], 1, "r5_3");
+/**
+* This renders all the tags collected from `head`.
+*
+* You can partially override the head, for example if you want to change the title:
+*
+* ```tsx
+* import { DocumentHeadTags, useDocumentHead } from '@qwik.dev/router';
+*
+* export default component$(() => {
+*   const head = useDocumentHead();
+*   return <DocumentHeadTags title={`${head.title} - My App`} />;
+* });
+* ```
+*
+* You don't have to use this component, you can also do it yourself for full control. Just copy the
+* code from this component and modify it to your needs.
+*
+* Note that this component normally only runs once, during SSR. You can use Signals in your
+* `src/root.tsx` to make runtime changes to `<head>` if needed.
+*
+* @public
+*/ var DocumentHeadTags = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((props) => {
+	let head = useDocumentHead();
+	if (props) head = {
+		...head,
+		...props
+	};
+	return /*#__PURE__*/ _jsxSorted(Fragment, null, null, [
+		head.title && /*#__PURE__*/ _jsxSorted("title", null, null, head.title, 1, "r5_0"),
+		head.meta.map((m) => /*#__PURE__*/ _jsxSplit("meta", { ..._getVarProps(m) }, _getConstProps(m), null, 0, "r5_1")),
+		head.links.map((l) => /*#__PURE__*/ _jsxSplit("link", { ..._getVarProps(l) }, _getConstProps(l), null, 0, "r5_2")),
+		head.styles.map((s) => {
+			const props = s.props || s;
+			return /*#__PURE__*/ createElement("style", {
+				...props,
+				dangerouslySetInnerHTML: s.style || props.dangerouslySetInnerHTML,
+				key: s.key
+			});
+		}),
+		head.scripts.map((s) => {
+			const props = s.props || s;
+			return /*#__PURE__*/ createElement("script", {
+				...props,
+				dangerouslySetInnerHTML: s.script || props.dangerouslySetInnerHTML,
+				key: s.key
+			});
+		})
+	], 1, "r5_3");
 }, "DocumentHeadTags_component_9CrWYOoCpgY"));
-
-export { DocumentHeadTags, ErrorBoundary, Form, Link, QWIK_CITY_SCROLLER, QWIK_ROUTER_SCROLLER, QwikCityMockProvider, QwikCityProvider, QwikRouterMockProvider, QwikRouterProvider, RouterOutlet, ServiceWorkerRegister, createRenderer, getRequestEvent, globalAction$, globalActionQrl, omitProps, routeAction$, routeActionQrl, server$, serverQrl, untypedAppUrl, useDocumentHead, useLocation, useNavigate, useQwikRouter, valibot$, valibotQrl, validator$, validatorQrl, zod$, zodQrl };
+export { DocumentHeadTags, ErrorBoundary, Form, Link, QWIK_CITY_SCROLLER, QWIK_ROUTER_SCROLLER, QwikCityMockProvider, QwikCityProvider, QwikRouterMockProvider, QwikRouterProvider, RouterOutlet, ServiceWorkerRegister, createRenderer, getRequestEvent, globalAction$, globalActionQrl, omitProps, routeAction$, routeActionQrl, routeLoader$, routeLoaderQrl, server$, serverQrl, untypedAppUrl, useContent, useDocumentHead, useHttpStatus, useLocation, useNavigate, usePreventNavigate$, usePreventNavigateQrl, useQwikRouter, valibot$, valibotQrl, validator$, validatorQrl, z, zod$, zodQrl };