@qwik.dev/router 2.0.0-beta.27 → 2.0.0-beta.29

package/lib/index.qwik.mjs

@@ -1,6 +1,8 @@
-import { jsx, Fragment, jsxs } from '@qwik.dev/core/jsx-runtime';
-import { component$, useErrorBoundary, useOnWindow, $, Slot, createContextId, useContext, implicit$FirstArg, useVisibleTask$, noSerialize, useServerData, useSignal, untrack, sync$, isDev, withLocale, event$, isServer, useStyles$, useStore, isBrowser, useContextProvider, useTask$, getLocale, jsx as jsx$1, SkipRender, createElement } from '@qwik.dev/core';
-import { g as getClientNavPath, s as shouldPreload, p as preloadRouteBundles, l as loadClientData, i as isPromise, a as isSamePath, c as createLoaderSignal, t as toUrl, b as isSameOrigin, d as loadRoute, D as DEFAULT_LOADERS_SERIALIZATION_STRATEGY, C as CLIENT_DATA_CACHE, Q as Q_ROUTE, e as clientNavigate, f as QFN_KEY, h as QACTION_KEY, j as QDATA_KEY } from './chunks/routing.qwik.mjs';
+import { componentQrl, inlinedQrl, useErrorBoundary, useOnWindow, _captures, _jsxSorted, Slot, useSignal, untrack, _qrlSync, useVisibleTaskQrl, isDev, _jsxSplit, _getConstProps, _getVarProps, eventQrl, isServer, useStylesQrl, useServerData, useStore, useContextProvider, useTaskQrl, isBrowser, getLocale, noSerialize, useContext, SkipRender, implicit$FirstArg, withLocale, _wrapProp, createElement } from '@qwik.dev/core';
+import { Fragment } from '@qwik.dev/core/jsx-runtime';
+import { g as getClientNavPath, s as shouldPreload, p as preloadRouteBundles, l as loadClientData, i as isSamePath, c as createLoaderSignal, a as createDocumentHead, D as DEFAULT_LOADERS_SERIALIZATION_STRATEGY, t as toUrl, b as isSameOrigin, d as loadRoute, r as resolveHead, C as CLIENT_DATA_CACHE, Q as Q_ROUTE, e as clientNavigate, f as QFN_KEY, h as QACTION_KEY, j as QDATA_KEY } from './chunks/routing.qwik.mjs';
+import { u as useNavigate, a as useLocation, b as useQwikRouterEnv, C as ContentContext, c as ContentInternalContext, D as DocumentHeadContext, H as HttpStatusContext, R as RouteLocationContext, d as RouteNavigateContext, e as RouteStateContext, f as RouteActionContext, g as RoutePreventNavigateContext, h as useAction, i as useDocumentHead } from './chunks/use-functions.qwik.mjs';
+export { j as useContent, k as useHttpStatus, l as usePreventNavigate$, m as usePreventNavigateQrl } from './chunks/use-functions.qwik.mjs';
 import * as qwikRouterConfig from '@qwik-router-config';
 import { _getContextContainer, SerializerSymbol, _UNINITIALIZED, _hasStoreEffects, forceStoreEffects, _waitUntilRendered, _getContextHostElement, _getContextEvent, _serialize, _deserialize, _resolveContextWithoutSequentialScope } from '@qwik.dev/core/internal';
 import { _asyncRequestStore } from '@qwik.dev/router/middleware/request-handler';
@@ -9,67 +11,35 @@ import * as z from 'zod';
 export { z } from 'zod';
 import swRegister from '@qwik-router-sw-register';
 import { renderToStream } from '@qwik.dev/core/server';
-import '@qwik.dev/core/preloader';
-import './chunks/types.qwik.mjs';
 
-const ErrorBoundary = component$((props) => {
+const ErrorBoundary = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   const store = useErrorBoundary();
-  useOnWindow(
-    "qerror",
-    $((e) => {
-      store.error = e.detail.error;
-    })
-  );
+  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__ */ jsx(Fragment, { children: props.fallback$(store.error) });
-  }
-  return /* @__PURE__ */ jsx(Slot, {});
-});
-
-const RouteStateContext = /* @__PURE__ */ createContextId("qc-s");
-const ContentContext = /* @__PURE__ */ createContextId("qc-c");
-const ContentInternalContext = /* @__PURE__ */ createContextId("qc-ic");
-const DocumentHeadContext = /* @__PURE__ */ createContextId("qc-h");
-const RouteLocationContext = /* @__PURE__ */ createContextId("qc-l");
-const RouteNavigateContext = /* @__PURE__ */ createContextId("qc-n");
-const RouteActionContext = /* @__PURE__ */ createContextId("qc-a");
-const RoutePreventNavigateContext = /* @__PURE__ */ createContextId("qc-p");
-
-const useContent = () => useContext(ContentContext);
-const useDocumentHead = () => useContext(DocumentHeadContext);
-const useLocation = () => useContext(RouteLocationContext);
-const useNavigate = () => useContext(RouteNavigateContext);
-const usePreventNavigateQrl = (fn) => {
-  if (!__EXPERIMENTAL__.preventNavigate) {
-    throw new Error(
-      'usePreventNavigate$ is experimental and must be enabled with `experimental: ["preventNavigate"]` in the `qwikVite` plugin.'
-    );
+    return /* @__PURE__ */ _jsxSorted(Fragment, null, null, props.fallback$(store.error), 1, "bA_0");
   }
-  const registerPreventNav = useContext(RoutePreventNavigateContext);
-  useVisibleTask$(() => registerPreventNav(fn));
-};
-const usePreventNavigate$ = implicit$FirstArg(usePreventNavigateQrl);
-const useAction = () => useContext(RouteActionContext);
-const useQwikRouterEnv = () => noSerialize(useServerData("qwikrouter"));
+  return /* @__PURE__ */ _jsxSorted(Slot, null, null, null, 3, "bA_1");
+}, "ErrorBoundary_component_pOa6vjtC7ik"));
 
-const Link = component$((props) => {
+const Link = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   const nav = useNavigate();
   const loc = useLocation();
   const originalHref = props.href;
   const anchorRef = useSignal();
-  const {
-    onClick$,
-    prefetch: prefetchProp,
-    reload,
-    replaceState,
-    scroll,
-    ...linkProps
-  } = /* @__PURE__ */ (() => props)();
-  const clientNavPath = untrack(getClientNavPath, { ...linkProps, reload }, loc);
+  const { onClick$, prefetch: prefetchProp, reload, replaceState, scroll, ...linkProps } = /* @__PURE__ */ (() => props)();
+  const clientNavPath = untrack(getClientNavPath, {
+    ...linkProps,
+    reload
+  }, loc);
   linkProps.href = clientNavPath || originalHref;
   const prefetchData = !!clientNavPath && prefetchProp !== false && prefetchProp !== "js" || void 0;
   const prefetch = prefetchData || !!clientNavPath && prefetchProp !== false && untrack(shouldPreload, clientNavPath, loc);
-  const handlePrefetch = prefetch ? $((_, elm) => {
+  const handlePrefetch = prefetch ? /* @__PURE__ */ inlinedQrl((_, elm) => {
     if (navigator.connection?.saveData) {
       return;
     }
@@ -83,138 +53,82 @@ const Link = component$((props) => {
         });
       }
     }
-  }) : void 0;
-  const preventDefault = clientNavPath ? sync$((event) => {
+  }, "Link_component_handlePrefetch_AGvVXzXKbms") : void 0;
+  const preventDefault = clientNavPath ? _qrlSync((event) => {
     if (!(event.metaKey || event.ctrlKey || event.shiftKey || event.altKey)) {
       event.preventDefault();
     }
-  }) : void 0;
-  const handleClientSideNavigation = clientNavPath ? $((event, elm) => {
+  }, "event=>{if(!(event.metaKey||event.ctrlKey||event.shiftKey||event.altKey)){event.preventDefault();}}") : void 0;
+  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");
-        nav(elm.href, { forceReload: reload, replaceState, scroll }).then(() => {
+        nav2(elm.href, {
+          forceReload: reload2,
+          replaceState: replaceState2,
+          scroll: scroll2
+        }).then(() => {
           elm.removeAttribute("aria-pressed");
         });
       }
     }
-  }) : void 0;
-  const handlePreload = $((_, elm) => {
+  }, "Link_component_handleClientSideNavigation_h3qenoGeI6M", [
+    nav,
+    reload,
+    replaceState,
+    scroll
+  ]) : void 0;
+  const handlePreload = /* @__PURE__ */ inlinedQrl((_, elm) => {
     const url = new URL(elm.href);
     preloadRouteBundles(url.pathname, 1);
-  });
-  useVisibleTask$(({ track }) => {
-    track(() => loc.url.pathname);
-    const handler = linkProps.onQVisible$;
+  }, "Link_component_handlePreload_AAemwtuBjsE");
+  useVisibleTaskQrl(/* @__PURE__ */ inlinedQrl(({ track }) => {
+    const anchorRef2 = _captures[0], handlePrefetch2 = _captures[1], linkProps2 = _captures[2], loc2 = _captures[3];
+    track(() => loc2.url.pathname);
+    const handler = linkProps2.onQVisible$;
     if (handler) {
       const event = new CustomEvent("qvisible");
       if (Array.isArray(handler)) {
-        handler.flat(10).forEach(
-          (handler2) => handler2?.(event, anchorRef.value)
-        );
+        handler.flat(10).forEach((handler2) => handler2?.(event, anchorRef2.value));
       } else {
-        handler?.(event, anchorRef.value);
+        handler?.(event, anchorRef2.value);
       }
     }
-    if (!isDev && anchorRef.value) {
-      handlePrefetch?.(void 0, anchorRef.value);
-    }
-  });
-  return /* @__PURE__ */ jsx(
-    "a",
-    {
-      ref: anchorRef,
-      ...{ "q:link": !!clientNavPath },
-      ...linkProps,
-      onClick$: [
-        preventDefault,
-        handlePreload,
-        // needs to be in between preventDefault and onClick$ to ensure it starts asap.
-        onClick$,
-        handleClientSideNavigation
-      ],
-      "data-prefetch": prefetchData,
-      onMouseOver$: [linkProps.onMouseOver$, handlePrefetch],
-      onFocus$: [linkProps.onFocus$, handlePrefetch],
-      onQVisible$: [],
-      children: /* @__PURE__ */ jsx(Slot, {})
-    }
-  );
-});
-
-const resolveHead = (endpoint, routeLocation, contentModules, locale, defaults) => withLocale(locale, () => {
-  const head = createDocumentHead(defaults);
-  const getData = ((loaderOrAction) => {
-    const id = loaderOrAction.__id;
-    if (loaderOrAction.__brand === "server_loader") {
-      if (!(id in endpoint.loaders)) {
-        throw new Error(
-          "You can not get the returned data of a loader that has not been executed for this request."
-        );
-      }
-    }
-    const data = endpoint.loaders[id];
-    if (isPromise(data)) {
-      throw new Error("Loaders returning a promise can not be resolved for the head function.");
-    }
-    return data;
-  });
-  const fns = [];
-  for (const contentModule of contentModules) {
-    const contentModuleHead = contentModule?.head;
-    if (contentModuleHead) {
-      if (typeof contentModuleHead === "function") {
-        fns.unshift(contentModuleHead);
-      } else if (typeof contentModuleHead === "object") {
-        resolveDocumentHead(head, contentModuleHead);
-      }
-    }
-  }
-  if (fns.length) {
-    const headProps = {
-      head,
-      withLocale: (fn) => fn(),
-      resolveValue: getData,
-      ...routeLocation
-    };
-    for (const fn of fns) {
-      resolveDocumentHead(head, fn(headProps));
-    }
-  }
-  return head;
-});
-const resolveDocumentHead = (resolvedHead, updatedHead) => {
-  if (typeof updatedHead.title === "string") {
-    resolvedHead.title = updatedHead.title;
-  }
-  mergeArray(resolvedHead.meta, updatedHead.meta);
-  mergeArray(resolvedHead.links, updatedHead.links);
-  mergeArray(resolvedHead.styles, updatedHead.styles);
-  mergeArray(resolvedHead.scripts, updatedHead.scripts);
-  Object.assign(resolvedHead.frontmatter, updatedHead.frontmatter);
-};
-const mergeArray = (existingArr, newArr) => {
-  if (Array.isArray(newArr)) {
-    for (const newItem of newArr) {
-      if (typeof newItem.key === "string") {
-        const existingIndex = existingArr.findIndex((i) => i.key === newItem.key);
-        if (existingIndex > -1) {
-          existingArr[existingIndex] = newItem;
-          continue;
-        }
-      }
-      existingArr.push(newItem);
+    if (!isDev && anchorRef2.value) {
+      handlePrefetch2?.(void 0, anchorRef2.value);
     }
-  }
-};
-const createDocumentHead = (defaults) => ({
-  title: defaults?.title || "",
-  meta: [...defaults?.meta || []],
-  links: [...defaults?.links || []],
-  styles: [...defaults?.styles || []],
-  scripts: [...defaults?.scripts || []],
-  frontmatter: { ...defaults?.frontmatter }
-});
+  }, "Link_component_useVisibleTask_xKeuRmnoNSA", [
+    anchorRef,
+    handlePrefetch,
+    linkProps,
+    loc
+  ]));
+  return /* @__PURE__ */ _jsxSplit("a", {
+    ref: anchorRef,
+    "q:link": !!clientNavPath,
+    ..._getVarProps(linkProps),
+    ..._getConstProps(linkProps),
+    "q-e:click": [
+      preventDefault,
+      handlePreload,
+      onClick$,
+      handleClientSideNavigation
+    ],
+    "data-prefetch": prefetchData,
+    "q-e:mouseover": [
+      linkProps.onMouseOver$,
+      handlePrefetch
+    ],
+    "q-e:focus": [
+      linkProps.onFocus$,
+      handlePrefetch
+    ]
+  }, {
+    // We need to prevent the onQVisible$ from being called twice since it is handled in the visible task
+    "q-e:qvisible": []
+  }, /* @__PURE__ */ _jsxSorted(Slot, null, null, null, 3, "jO_0"), 0, "jO_1");
+}, "Link_component_VPmar9tb3t4"));
 
 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}}}";
 
@@ -224,15 +138,6 @@ function callRestoreScrollOnDocument() {
     document.__q_scroll_restore__ = void 0;
   }
 }
-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);
-    }
-  }
-};
 const hashScroll = (toUrl, fromUrl) => {
   const elmId = toUrl.hash.slice(1);
   const elm = elmId && document.getElementById(elmId);
@@ -244,6 +149,15 @@ const hashScroll = (toUrl, fromUrl) => {
   }
   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);
+    }
+  }
+};
 const currentScrollState = (elm) => {
   return {
     x: elm.scrollLeft,
@@ -262,7 +176,7 @@ const saveScrollHistory = (scrollState) => {
   history.replaceState(state, "");
 };
 
-const spaInit = event$((_, el) => {
+const spaInit = eventQrl(/* @__PURE__ */ inlinedQrl((_, el) => {
   if (!window._qRouterSPA && !window._qRouterInitPopstate) {
     const currentPath = location.pathname + location.search;
     const checkAndScroll = (scrollState) => {
@@ -297,10 +211,12 @@ const spaInit = event$((_, el) => {
         const domContainer = container.qContainer;
         const hostElement = domContainer.vNodeLocate(el);
         const nav = domContainer?.resolveContext(hostElement, {
-          id: "qc--n"
+          id: "qr-n"
         });
         if (nav) {
-          nav(location.href, { type: "popstate" });
+          nav(location.href, {
+            type: "popstate"
+          });
         } else {
           location.reload();
         }
@@ -320,11 +236,11 @@ const spaInit = event$((_, el) => {
         if (state === null || typeof state === "undefined") {
           state = {};
         } else if (state?.constructor !== Object) {
-          state = { _data: state };
+          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`"
-            );
+            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();
@@ -361,7 +277,11 @@ const spaInit = event$((_, el) => {
             } else {
               window._qRouterScrollEnabled = false;
               clearTimeout(window._qRouterScrollDebounce);
-              saveScrollState({ ...currentScrollState(), x: 0, y: 0 });
+              saveScrollState({
+                ...currentScrollState(),
+                x: 0,
+                y: 0
+              });
               location.reload();
             }
           } else {
@@ -392,7 +312,9 @@ const spaInit = event$((_, el) => {
     window._qRouterScrollEnabled = true;
     setTimeout(() => {
       window.addEventListener("popstate", window._qRouterInitPopstate);
-      window.addEventListener("scroll", window._qRouterInitScroll, { passive: true });
+      window.addEventListener("scroll", window._qRouterInitScroll, {
+        passive: true
+      });
       document.addEventListener("click", window._qRouterInitAnchors);
       if (!window.navigation) {
         document.addEventListener("visibilitychange", window._qRouterInitVisibility, {
@@ -401,7 +323,7 @@ const spaInit = event$((_, el) => {
       }
     }, 0);
   }
-});
+}, "spa_init_event_igI1pUsax0E"));
 
 const startViewTransition = (params) => {
   if (!params.update) {
@@ -414,7 +336,9 @@ const startViewTransition = (params) => {
     } catch {
       transition = document.startViewTransition(params.update);
     }
-    const event = new CustomEvent("qviewtransition", { detail: transition });
+    const event = new CustomEvent("qviewtransition", {
+      detail: transition
+    });
     document.dispatchEvent(event);
     return transition;
   } else {
@@ -425,19 +349,17 @@ const startViewTransition = (params) => {
 const QWIK_CITY_SCROLLER = "_qCityScroller";
 const QWIK_ROUTER_SCROLLER = "_qRouterScroller";
 const preventNav = {};
-const internalState = { navCount: 0 };
+const internalState = {
+  navCount: 0
+};
 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."
-    );
+    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.");
   }
-  useStyles$(transitionCss);
+  useStylesQrl(/* @__PURE__ */ inlinedQrl(transitionCss, "useQwikRouter_useStyles_g40PKfcKmYU"));
   const env = useQwikRouterEnv();
   if (!env?.params) {
-    throw new Error(
-      `Missing Qwik Router Env Data for help visit https://github.com/QwikDev/qwik/issues/6237`
-    );
+    throw new Error(`Missing Qwik Router Env Data for help visit https://github.com/QwikDev/qwik/issues/6237`);
   }
   const urlEnv = useServerData("url");
   if (!urlEnv) {
@@ -445,9 +367,7 @@ const useQwikRouter = (props) => {
   }
   const serverHead = useServerData("documentHead");
   if (env.ev.originalUrl.pathname !== env.ev.url.pathname && !__EXPERIMENTAL__.enableRequestRewrite) {
-    throw new Error(
-      `enableRequestRewrite is an experimental feature and is not enabled. Please enable the feature flag by adding \`experimental: ["enableRequestRewrite"]\` to your qwikVite plugin options.`
-    );
+    throw new Error(`enableRequestRewrite is an experimental feature and is not enabled. Please enable the feature flag by adding \`experimental: ["enableRequestRewrite"]\` to your qwikVite plugin options.`);
   }
   const url = new URL(urlEnv);
   const routeLocationTarget = {
@@ -456,7 +376,9 @@ const useQwikRouter = (props) => {
     isNavigating: false,
     prevUrl: void 0
   };
-  const routeLocation = useStore(routeLocationTarget, { deep: false });
+  const routeLocation = useStore(routeLocationTarget, {
+    deep: false
+  });
   const navResolver = {};
   const container = _getContextContainer();
   const getSerializationStrategy = (loaderId) => {
@@ -466,13 +388,7 @@ const useQwikRouter = (props) => {
   const loaderState = {};
   for (const [key, value] of Object.entries(env.response.loaders)) {
     loadersObject[key] = value;
-    loaderState[key] = createLoaderSignal(
-      loadersObject,
-      key,
-      url,
-      getSerializationStrategy(key),
-      container
-    );
+    loaderState[key] = createLoaderSignal(loadersObject, key, url, getSerializationStrategy(key), container);
   }
   loadersObject[SerializerSymbol] = (obj) => {
     const loadersSerializationObject = {};
@@ -486,27 +402,27 @@ const useQwikRouter = (props) => {
     dest: url,
     scroll: true
   });
-  const documentHead = useStore(
-    () => createDocumentHead(serverHead)
-  );
+  const documentHead = useStore(() => createDocumentHead(serverHead));
   const content = useStore({
     headings: void 0,
     menu: void 0
   });
   const contentInternal = 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.loaders[currentActionId] : void 0;
-  const actionState = useSignal(
-    currentAction ? {
-      id: currentActionId,
-      data: env.response.formData,
-      output: {
-        result: currentAction,
-        status: env.response.status
-      }
-    } : void 0
-  );
-  const registerPreventNav = $((fn$) => {
+  const actionState = useSignal(currentAction ? {
+    id: currentActionId,
+    data: env.response.formData,
+    output: {
+      result: currentAction,
+      status: env.response.status
+    }
+  } : void 0);
+  const registerPreventNav = /* @__PURE__ */ inlinedQrl((fn$) => {
     if (!isBrowser) {
       return;
     }
@@ -515,9 +431,9 @@ const useQwikRouter = (props) => {
       if (!preventNav.$cbs$) {
         return;
       }
-      const prevents = [...preventNav.$cbs$.values()].map(
-        (cb) => cb.resolved ? cb.resolved() : cb()
-      );
+      const prevents = [
+        ...preventNav.$cbs$.values()
+      ].map((cb) => cb.resolved ? cb.resolved() : cb());
       if (prevents.some(Boolean)) {
         event.preventDefault();
         event.returnValue = true;
@@ -535,26 +451,25 @@ const useQwikRouter = (props) => {
         }
       }
     };
-  });
-  const goto = $(async (path, opt) => {
-    const {
-      type = "link",
-      forceReload = path === void 0,
-      // Hack for nav() because this API is already set.
-      replaceState = false,
-      scroll = true
-    } = typeof opt === "object" ? opt : { forceReload: opt };
+  }, "useQwikRouter_registerPreventNav_69B0DK0eZJc");
+  const goto = /* @__PURE__ */ inlinedQrl(async (path, opt) => {
+    const actionState2 = _captures[0], navResolver2 = _captures[1], routeInternal2 = _captures[2], routeLocation2 = _captures[3];
+    const { type = "link", forceReload = path === void 0, replaceState = false, scroll = true } = typeof opt === "object" ? opt : {
+      forceReload: opt
+    };
     internalState.navCount++;
-    if (isBrowser && type === "link" && routeInternal.value.type === "initial") {
+    if (isBrowser && type === "link" && routeInternal2.value.type === "initial") {
       const url2 = new URL(window.location.href);
-      routeInternal.value.dest = url2;
-      routeLocation.url = url2;
+      routeInternal2.value.dest = url2;
+      routeLocation2.url = url2;
     }
-    const lastDest = routeInternal.value.dest;
-    const dest = path === void 0 ? lastDest : typeof path === "number" ? path : toUrl(path, routeLocation.url);
+    const lastDest = routeInternal2.value.dest;
+    const dest = path === void 0 ? lastDest : typeof path === "number" ? path : toUrl(path, routeLocation2.url);
     if (preventNav.$cbs$ && (forceReload || typeof dest === "number" || !isSamePath(dest, lastDest) || !isSameOrigin(dest, lastDest))) {
       const ourNavId = internalState.navCount;
-      const prevents = await Promise.all([...preventNav.$cbs$.values()].map((cb) => cb(dest)));
+      const prevents = await Promise.all([
+        ...preventNav.$cbs$.values()
+      ].map((cb) => cb(dest)));
       if (ourNavId !== internalState.navCount || prevents.some(Boolean)) {
         if (ourNavId === internalState.navCount && type === "popstate") {
           history.pushState(null, "", lastDest);
@@ -583,9 +498,7 @@ const useQwikRouter = (props) => {
         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`
-            );
+            console.warn(`Please update your scroller ID to "${QWIK_ROUTER_SCROLLER}" as "${QWIK_CITY_SCROLLER}" is deprecated and will be removed in V3`);
           }
         }
         if (!scroller) {
@@ -596,14 +509,14 @@ const useQwikRouter = (props) => {
           window._qRouterScrollEnabled = true;
         }
       }
-      if (dest.href !== routeLocation.url.href) {
+      if (dest.href !== routeLocation2.url.href) {
         const newUrl = new URL(dest.href);
-        routeInternal.value.dest = newUrl;
-        routeLocation.url = newUrl;
+        routeInternal2.value.dest = newUrl;
+        routeLocation2.url = newUrl;
       }
       return;
     }
-    routeInternal.value = {
+    routeInternal2.value = {
       type,
       dest,
       forceReload,
@@ -612,33 +525,35 @@ const useQwikRouter = (props) => {
     };
     if (isBrowser) {
       loadClientData(dest);
-      loadRoute(
-        qwikRouterConfig.routes,
-        qwikRouterConfig.menus,
-        qwikRouterConfig.cacheModules,
-        dest.pathname
-      );
+      loadRoute(qwikRouterConfig.routes, qwikRouterConfig.cacheModules, dest.pathname);
     }
-    actionState.value = void 0;
-    routeLocation.isNavigating = true;
+    actionState2.value = void 0;
+    routeLocation2.isNavigating = true;
     return new Promise((resolve) => {
-      navResolver.r = resolve;
+      navResolver2.r = resolve;
     });
-  });
+  }, "useQwikRouter_goto_8j8Vrz2yUIM", [
+    actionState,
+    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(RouteActionContext, actionState);
   useContextProvider(RoutePreventNavigateContext, registerPreventNav);
-  useTask$(({ track }) => {
+  useTaskQrl(/* @__PURE__ */ inlinedQrl(({ track }) => {
+    const actionState2 = _captures[0], content2 = _captures[1], contentInternal2 = _captures[2], documentHead2 = _captures[3], env2 = _captures[4], goto2 = _captures[5], httpStatus2 = _captures[6], loaderState2 = _captures[7], loadersObject2 = _captures[8], navResolver2 = _captures[9], props2 = _captures[10], routeInternal2 = _captures[11], routeLocation2 = _captures[12], routeLocationTarget2 = _captures[13], serverHead2 = _captures[14];
     async function run() {
-      const navigation = track(routeInternal);
-      const action = track(actionState);
+      const navigation = track(routeInternal2);
+      const action = track(actionState2);
       const locale = getLocale("");
-      const prevUrl = routeLocation.url;
+      const prevUrl = routeLocation2.url;
       const navType = action ? "form" : navigation.type;
       const replaceState = navigation.replaceState;
       let trackUrl;
@@ -646,9 +561,9 @@ const useQwikRouter = (props) => {
       let loadedRoute = null;
       let container2;
       if (isServer) {
-        trackUrl = new URL(navigation.dest, routeLocation.url);
-        loadedRoute = env.loadedRoute;
-        clientPageData = env.response;
+        trackUrl = new URL(navigation.dest, routeLocation2.url);
+        loadedRoute = env2.loadedRoute;
+        clientPageData = env2.response;
       } else {
         trackUrl = new URL(navigation.dest, location);
         if (trackUrl.pathname.endsWith("/")) {
@@ -658,19 +573,17 @@ const useQwikRouter = (props) => {
         } else if (!globalThis.__NO_TRAILING_SLASH__) {
           trackUrl.pathname += "/";
         }
-        let loadRoutePromise = loadRoute(
-          qwikRouterConfig.routes,
-          qwikRouterConfig.menus,
-          qwikRouterConfig.cacheModules,
-          trackUrl.pathname
-        );
+        let loadRoutePromise = loadRoute(qwikRouterConfig.routes, qwikRouterConfig.cacheModules, trackUrl.pathname);
         container2 = _getContextContainer();
         const pageData = clientPageData = await loadClientData(trackUrl, {
           action,
           clearCache: true
         });
         if (!pageData) {
-          routeInternal.untrackedValue = { type: navType, dest: trackUrl };
+          routeInternal2.untrackedValue = {
+            type: navType,
+            dest: trackUrl
+          };
           return;
         }
         const newHref = pageData.href;
@@ -681,7 +594,6 @@ const useQwikRouter = (props) => {
           }
           loadRoutePromise = loadRoute(
             qwikRouterConfig.routes,
-            qwikRouterConfig.menus,
             qwikRouterConfig.cacheModules,
             newURL.pathname
             // Load the actual required path.
@@ -696,8 +608,19 @@ const useQwikRouter = (props) => {
         }
       }
       if (loadedRoute) {
-        const [routeName, params, mods, menu] = loadedRoute;
-        const contentModules = mods;
+        const { $routeName$, $params$, $mods$, $menu$, $notFound$ } = loadedRoute;
+        const contentModules = $mods$;
+        if ($notFound$) {
+          httpStatus2.value = {
+            status: 404,
+            message: "Not Found"
+          };
+        } else {
+          httpStatus2.value = {
+            status: clientPageData?.status ?? 200,
+            message: clientPageData?.statusMessage ?? ""
+          };
+        }
         const pageModule = contentModules[contentModules.length - 1];
         if (navigation.dest.search && !!isSamePath(trackUrl, prevUrl)) {
           trackUrl.search = navigation.dest.search;
@@ -706,65 +629,55 @@ const useQwikRouter = (props) => {
         let shouldForceUrl = false;
         let shouldForceParams = false;
         if (!isSamePath(trackUrl, prevUrl)) {
-          if (_hasStoreEffects(routeLocation, "prevUrl")) {
+          if (_hasStoreEffects(routeLocation2, "prevUrl")) {
             shouldForcePrevUrl = true;
           }
-          routeLocationTarget.prevUrl = prevUrl;
+          routeLocationTarget2.prevUrl = prevUrl;
         }
-        if (routeLocationTarget.url !== trackUrl) {
-          if (_hasStoreEffects(routeLocation, "url")) {
+        if (routeLocationTarget2.url !== trackUrl) {
+          if (_hasStoreEffects(routeLocation2, "url")) {
             shouldForceUrl = true;
           }
-          routeLocationTarget.url = trackUrl;
+          routeLocationTarget2.url = trackUrl;
         }
-        if (routeLocationTarget.params !== params) {
-          if (_hasStoreEffects(routeLocation, "params")) {
+        if (routeLocationTarget2.params !== $params$) {
+          if (_hasStoreEffects(routeLocation2, "params")) {
             shouldForceParams = true;
           }
-          routeLocationTarget.params = params;
+          routeLocationTarget2.params = $params$;
         }
-        routeInternal.untrackedValue = { type: navType, dest: trackUrl };
-        const resolvedHead = resolveHead(
-          clientPageData,
-          routeLocation,
-          contentModules,
-          locale,
-          serverHead
-        );
-        content.headings = pageModule.headings;
-        content.menu = menu;
-        contentInternal.untrackedValue = noSerialize(contentModules);
-        documentHead.links = resolvedHead.links;
-        documentHead.meta = resolvedHead.meta;
-        documentHead.styles = resolvedHead.styles;
-        documentHead.scripts = resolvedHead.scripts;
-        documentHead.title = resolvedHead.title;
-        documentHead.frontmatter = resolvedHead.frontmatter;
+        routeInternal2.untrackedValue = {
+          type: navType,
+          dest: trackUrl
+        };
+        const resolvedHead = resolveHead(clientPageData, routeLocation2, contentModules, locale, serverHead2);
+        content2.headings = pageModule.headings;
+        content2.menu = $menu$;
+        contentInternal2.untrackedValue = noSerialize(contentModules);
+        documentHead2.links = resolvedHead.links;
+        documentHead2.meta = resolvedHead.meta;
+        documentHead2.styles = resolvedHead.styles;
+        documentHead2.scripts = resolvedHead.scripts;
+        documentHead2.title = resolvedHead.title;
+        documentHead2.frontmatter = resolvedHead.frontmatter;
         if (isBrowser) {
           let scrollState;
           if (navType === "popstate") {
             scrollState = getScrollHistory();
           }
           const scroller = document.getElementById(QWIK_ROUTER_SCROLLER) ?? document.documentElement;
-          if (navigation.scroll && (!navigation.forceReload || !isSamePath(trackUrl, prevUrl)) && (navType === "link" || navType === "popstate") || // Action might have responded with a redirect.
-          navType === "form" && !isSamePath(trackUrl, prevUrl)) {
+          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);
           }
           const loaders = clientPageData?.loaders;
           if (loaders) {
             const container3 = _getContextContainer();
             for (const [key, value] of Object.entries(loaders)) {
-              const signal = loaderState[key];
+              const signal = loaderState2[key];
               const awaitedValue = await value;
-              loadersObject[key] = awaitedValue;
+              loadersObject2[key] = awaitedValue;
               if (!signal) {
-                loaderState[key] = createLoaderSignal(
-                  loadersObject,
-                  key,
-                  trackUrl,
-                  DEFAULT_LOADERS_SERIALIZATION_STRATEGY,
-                  container3
-                );
+                loaderState2[key] = createLoaderSignal(loadersObject2, key, trackUrl, DEFAULT_LOADERS_SERIALIZATION_STRATEGY, container3);
               } else {
                 signal.invalidate();
               }
@@ -777,7 +690,7 @@ const useQwikRouter = (props) => {
             window.addEventListener("popstate", () => {
               window._qRouterScrollEnabled = false;
               clearTimeout(window._qRouterScrollDebounce);
-              goto(location.href, {
+              goto2(location.href, {
                 type: "popstate"
               });
             });
@@ -791,11 +704,11 @@ const useQwikRouter = (props) => {
                 if (state === null || typeof state === "undefined") {
                   state = {};
                 } else if (state?.constructor !== Object) {
-                  state = { _data: state };
+                  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`"
-                    );
+                    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);
@@ -835,46 +748,40 @@ const useQwikRouter = (props) => {
                     location.reload();
                     return;
                   }
-                  goto(target.getAttribute("href"));
+                  goto2(target.getAttribute("href"));
                 }
               }
             });
             document.removeEventListener("click", window._qRouterInitAnchors);
             window._qRouterInitAnchors = void 0;
             if (!window.navigation) {
-              document.addEventListener(
-                "visibilitychange",
-                () => {
-                  if ((window._qRouterScrollEnabled || window._qCityScrollEnabled) && document.visibilityState === "hidden") {
-                    if (window._qCityScrollEnabled) {
-                      console.warn(
-                        '"_qCityScrollEnabled" is deprecated. Use "_qRouterScrollEnabled" instead.'
-                      );
-                    }
-                    const scrollState2 = currentScrollState(scroller);
-                    saveScrollHistory(scrollState2);
+              document.addEventListener("visibilitychange", () => {
+                if ((window._qRouterScrollEnabled || window._qCityScrollEnabled) && document.visibilityState === "hidden") {
+                  if (window._qCityScrollEnabled) {
+                    console.warn('"_qCityScrollEnabled" is deprecated. Use "_qRouterScrollEnabled" instead.');
                   }
-                },
-                { passive: true }
-              );
+                  const scrollState2 = currentScrollState(scroller);
+                  saveScrollHistory(scrollState2);
+                }
+              }, {
+                passive: true
+              });
               document.removeEventListener("visibilitychange", window._qRouterInitVisibility);
               window._qRouterInitVisibility = void 0;
             }
-            window.addEventListener(
-              "scroll",
-              () => {
-                if (!window._qRouterScrollEnabled && !window._qCityScrollEnabled) {
-                  return;
-                }
-                clearTimeout(window._qRouterScrollDebounce);
-                window._qRouterScrollDebounce = setTimeout(() => {
-                  const scrollState2 = currentScrollState(scroller);
-                  saveScrollHistory(scrollState2);
-                  window._qRouterScrollDebounce = void 0;
-                }, 200);
-              },
-              { passive: true }
-            );
+            window.addEventListener("scroll", () => {
+              if (!window._qRouterScrollEnabled && !window._qCityScrollEnabled) {
+                return;
+              }
+              clearTimeout(window._qRouterScrollDebounce);
+              window._qRouterScrollDebounce = setTimeout(() => {
+                const scrollState2 = currentScrollState(scroller);
+                saveScrollHistory(scrollState2);
+                window._qRouterScrollDebounce = void 0;
+              }, 200);
+            }, {
+              passive: true
+            });
             removeEventListener("scroll", window._qRouterInitScroll);
             window._qRouterInitScroll = void 0;
             spaInit.resolve();
@@ -887,16 +794,18 @@ const useQwikRouter = (props) => {
           }
           const navigate = () => {
             clientNavigate(window, navType, prevUrl, trackUrl, replaceState);
-            contentInternal.trigger();
+            contentInternal2.trigger();
             return _waitUntilRendered(container2);
           };
           const _waitNextPage = () => {
-            if (isServer || props?.viewTransition === false) {
+            if (isServer || props2?.viewTransition === false) {
               return navigate();
             } else {
               const viewTransition = startViewTransition({
                 update: navigate,
-                types: ["qwik-navigation"]
+                types: [
+                  "qwik-navigation"
+                ]
               });
               if (!viewTransition) {
                 return Promise.resolve();
@@ -908,7 +817,7 @@ const useQwikRouter = (props) => {
             navigate();
             throw err;
           }).finally(() => {
-            container2.element.setAttribute?.(Q_ROUTE, routeName);
+            container2.element.setAttribute?.(Q_ROUTE, $routeName$);
             const scrollState2 = currentScrollState(scroller);
             saveScrollHistory(scrollState2);
             window._qRouterScrollEnabled = true;
@@ -916,16 +825,16 @@ const useQwikRouter = (props) => {
               callRestoreScrollOnDocument();
             }
             if (shouldForcePrevUrl) {
-              forceStoreEffects(routeLocation, "prevUrl");
+              forceStoreEffects(routeLocation2, "prevUrl");
             }
             if (shouldForceUrl) {
-              forceStoreEffects(routeLocation, "url");
+              forceStoreEffects(routeLocation2, "url");
             }
             if (shouldForceParams) {
-              forceStoreEffects(routeLocation, "params");
+              forceStoreEffects(routeLocation2, "params");
             }
-            routeLocation.isNavigating = false;
-            navResolver.r?.();
+            routeLocation2.isNavigating = false;
+            navResolver2.r?.();
           });
         }
       }
@@ -935,79 +844,100 @@ const useQwikRouter = (props) => {
     } else {
       run();
     }
-  });
+  }, "useQwikRouter_useTask_XpalYii770E", [
+    actionState,
+    content,
+    contentInternal,
+    documentHead,
+    env,
+    goto,
+    httpStatus,
+    loaderState,
+    loadersObject,
+    navResolver,
+    props,
+    routeInternal,
+    routeLocation,
+    routeLocationTarget,
+    serverHead
+  ]));
 };
-const QwikRouterProvider = component$((props) => {
+const QwikRouterProvider = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   useQwikRouter(props);
-  return /* @__PURE__ */ jsx(Slot, {});
-});
+  return /* @__PURE__ */ _jsxSorted(Slot, null, null, null, 3, "5y_0");
+}, "QwikRouterProvider_component_6Kjfa79mqlY"));
 const QwikCityProvider = QwikRouterProvider;
 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 loaderState = useStore(loadersData ?? {}, { deep: false });
-  const goto = props.goto ?? $(async () => {
+  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 loaderState = useStore(loadersData ?? {}, {
+    deep: false
+  });
+  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 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, loaderState);
   useContextProvider(RouteActionContext, actionState);
-  const actionsMocks = props.actions?.reduce(
-    (acc, { action, handler }) => {
-      acc[action.__id] = handler;
-      return acc;
-    },
-    {}
-  );
-  useTask$(async ({ track }) => {
-    const action = track(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 = actionsMocks?.[action.id];
+    const mock = actionsMocks2?.[action.id];
     if (mock) {
       const actionResult = await mock(action.data);
       action.resolve(actionResult);
     }
-  });
+  }, "useQwikMockRouter_useTask_tXTLR4tzCy0", [
+    actionState,
+    actionsMocks
+  ]));
 };
-const QwikRouterMockProvider = component$((props) => {
+const QwikRouterMockProvider = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   useQwikMockRouter(props);
-  return /* @__PURE__ */ jsx(Slot, {});
-});
+  return /* @__PURE__ */ _jsxSorted(Slot, null, null, null, 3, "5y_1");
+}, "QwikRouterMockProvider_component_IN4dVpT0x74"));
 const QwikCityMockProvider = QwikRouterMockProvider;
 
-const RouterOutlet = component$(() => {
+const RouterOutlet = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(() => {
   const serverData = useServerData("containerAttributes");
   if (!serverData) {
     throw new Error("PrefetchServiceWorker component must be rendered on the server.");
@@ -1019,179 +949,41 @@ const RouterOutlet = component$(() => {
     let cmp = null;
     for (let i = contentsLen - 1; i >= 0; i--) {
       if (contents[i].default) {
-        cmp = jsx$1(contents[i].default, {
-          children: cmp
-        });
+        cmp = _jsxSorted(contents[i].default, null, null, cmp, 1, "Fn_0");
       }
     }
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
+    return /* @__PURE__ */ _jsxSorted(Fragment, null, null, [
       cmp,
-      !__EXPERIMENTAL__.noSPA && /* @__PURE__ */ jsx(
-        "script",
-        {
-          "document:onQCInit$": spaInit,
-          "document:onQInit$": sync$(() => {
-            ((w, h) => {
-              if (!w._qcs && h.scrollRestoration === "manual") {
-                w._qcs = true;
-                const s = h.state?._qRouterScroll;
-                if (s) {
-                  w.scrollTo(s.x, s.y);
-                }
-                document.dispatchEvent(new Event("qcinit"));
+      !__EXPERIMENTAL__.noSPA && /* @__PURE__ */ _jsxSorted("script", {
+        "q-d:qinit": _qrlSync(() => {
+          ((w, h) => {
+            if (!w._qcs && h.scrollRestoration === "manual") {
+              w._qcs = true;
+              const s = h.state?._qRouterScroll;
+              if (s) {
+                w.scrollTo(s.x, s.y);
               }
-            })(window, history);
-          })
-        }
-      )
-    ] });
+              document.dispatchEvent(new Event("qcinit"));
+            }
+          })(window, history);
+        }, '()=>{((w,h)=>{if(!w._qcs&&h.scrollRestoration==="manual"){w._qcs=!0;const s=h.state?._qRouterScroll;if(s){w.scrollTo(s.x,s.y);}document.dispatchEvent(new Event("qcinit"));}})(window,history);}')
+      }, {
+        "q-d:qcinit": spaInit
+      }, null, 2, "Fn_1")
+    ], 1, "Fn_2");
   }
   return SkipRender;
-});
+}, "RouterOutlet_component_QwONcWD5gIg"));
 
-const routeActionQrl = ((actionQrl, ...rest) => {
-  const { id, validators } = 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 = $((input = {}) => {
-      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) {
-          state.formData = data;
-        }
-        state.submitted = true;
-        state.isRunning = true;
-        loc.isNavigating = true;
-        currentAction.value = {
-          data,
-          id,
-          resolve: noSerialize(resolve)
-        };
-      }).then(({ result, status }) => {
-        state.isRunning = false;
-        state.status = status;
-        state.value = result;
-        if (form) {
-          if (form.getAttribute("data-spa-reset") === "true") {
-            form.reset();
-          }
-          const detail = { status, value: result };
-          form.dispatchEvent(
-            new CustomEvent("submitcompleted", {
-              bubbles: false,
-              cancelable: false,
-              composed: false,
-              detail
-            })
-          );
-        }
-        return {
-          status,
-          value: result
-        };
-      });
-    });
-    initialState.submit = submit;
-    return state;
-  }
-  action.__brand = "server_action";
-  action.__validators = validators;
-  action.__qrl = actionQrl;
-  action.__id = id;
-  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;
-});
-const routeAction$ = /* @__PURE__ */ implicit$FirstArg(
-  routeActionQrl
-);
-const globalAction$ = /* @__PURE__ */ implicit$FirstArg(
-  globalActionQrl
-);
 const getValue = (obj) => obj.value;
-const routeLoaderQrl = ((loaderQrl, ...rest) => {
-  const { id, validators, serializationStrategy } = getValidators(rest, loaderQrl);
-  function loader() {
-    const state = _resolveContextWithoutSequentialScope(RouteStateContext);
-    if (!(id in state)) {
-      throw new Error(`routeLoader$ "${loaderQrl.getSymbol()}" was invoked in a route where it was not declared.
-    This is because the routeLoader$ was not exported in a 'layout.tsx' or 'index.tsx' file of the existing route.
-    For more information check: https://qwik.dev/docs/route-loader/
-
-    If your are managing reusable logic or a library it is essential that this function is re-exported from within 'layout.tsx' or 'index.tsx file of the existing route otherwise it will not run or throw exception.
-    For more information check: https://qwik.dev/docs/re-exporting-loaders/`);
-    }
-    const loaderData = state[id];
-    untrack(getValue, loaderData);
-    return loaderData;
-  }
-  loader.__brand = "server_loader";
-  loader.__qrl = loaderQrl;
-  loader.__validators = validators;
-  loader.__id = id;
-  loader.__serializationStrategy = serializationStrategy;
-  loader.__expires = -1;
-  Object.freeze(loader);
-  return loader;
-});
-const routeLoader$ = /* @__PURE__ */ implicit$FirstArg(routeLoaderQrl);
-const validatorQrl = ((validator) => {
+const validatorQrl = (validator) => {
   if (isServer) {
     return {
       validate: validator
     };
   }
   return void 0;
-});
+};
 const validator$ = /* @__PURE__ */ implicit$FirstArg(validatorQrl);
 const flattenValibotIssues = (issues) => {
   return issues.reduce((acc, issue) => {
@@ -1214,9 +1006,7 @@ const flattenValibotIssues = (issues) => {
 };
 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.'
-    );
+    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 {
@@ -1250,7 +1040,9 @@ const valibotQrl = (qrl) => {
 };
 const valibot$ = /* @__PURE__ */ implicit$FirstArg(valibotQrl);
 const flattenZodIssues = (issues) => {
-  issues = Array.isArray(issues) ? issues : [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;
@@ -1306,6 +1098,205 @@ const zodQrl = (qrl) => {
   return void 0;
 };
 const zod$ = /* @__PURE__ */ implicit$FirstArg(zodQrl);
+const getValidators = (rest, qrl) => {
+  let id;
+  let serializationStrategy = DEFAULT_LOADERS_SERIALIZATION_STRATEGY;
+  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.serializationStrategy) {
+          serializationStrategy = options.serializationStrategy;
+        }
+        if (options.validation) {
+          validators.push(...options.validation);
+        }
+      }
+    }
+  } 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,
+    serializationStrategy
+  };
+};
+const routeActionQrl = (actionQrl, ...rest) => {
+  const { id, validators } = 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.
+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(({ result, status }) => {
+        state2.isRunning = false;
+        state2.status = status;
+        state2.value = result;
+        if (form) {
+          if (form.getAttribute("data-spa-reset") === "true") {
+            form.reset();
+          }
+          const detail = {
+            status,
+            value: result
+          };
+          form.dispatchEvent(new CustomEvent("submitcompleted", {
+            bubbles: false,
+            cancelable: false,
+            composed: false,
+            detail
+          }));
+        }
+        return {
+          status,
+          value: 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;
+  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;
+};
+const routeAction$ = /* @__PURE__ */ implicit$FirstArg(routeActionQrl);
+const globalAction$ = /* @__PURE__ */ implicit$FirstArg(globalActionQrl);
+const routeLoaderQrl = (loaderQrl, ...rest) => {
+  const { id, validators, serializationStrategy } = getValidators(rest, loaderQrl);
+  function loader() {
+    const state = _resolveContextWithoutSequentialScope(RouteStateContext);
+    if (!(id in state)) {
+      throw new Error(`routeLoader$ "${loaderQrl.getSymbol()}" was invoked in a route where it was not declared.
+    This is because the routeLoader$ was not exported in a 'layout.tsx' or 'index.tsx' file of the existing route.
+    For more information check: https://qwik.dev/docs/route-loader/
+
+    If your are managing reusable logic or a library it is essential that this function is re-exported from within 'layout.tsx' or 'index.tsx file of the existing route otherwise it will not run or throw exception.
+    For more information check: https://qwik.dev/docs/re-exporting-loaders/`);
+    }
+    const loaderData = state[id];
+    untrack(getValue, loaderData);
+    return loaderData;
+  }
+  loader.__brand = "server_loader";
+  loader.__qrl = loaderQrl;
+  loader.__validators = validators;
+  loader.__id = id;
+  loader.__serializationStrategy = serializationStrategy;
+  loader.__expires = -1;
+  Object.freeze(loader);
+  return loader;
+};
+const routeLoader$ = /* @__PURE__ */ implicit$FirstArg(routeLoaderQrl);
+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 = _deserialize(line);
+        yield deserializedData;
+      }
+    }
+  } finally {
+    reader.releaseLock();
+  }
+};
 const serverQrl = (qrl, options) => {
   if (isServer) {
     const captured = qrl.getCaptured();
@@ -1317,17 +1308,20 @@ const serverQrl = (qrl, options) => {
   const headers = options?.headers || {};
   const origin = options?.origin || "";
   const fetchOptions = options?.fetchOptions || {};
-  return $(async function(...args) {
+  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) {
       let requestEvent = _asyncRequestStore?.getStore();
       if (!requestEvent) {
-        const contexts = [useQwikRouterEnv()?.ev, this, _getContextEvent()];
-        requestEvent = contexts.find(
-          (v2) => v2 && Object.prototype.hasOwnProperty.call(v2, "sharedMap") && Object.prototype.hasOwnProperty.call(v2, "cookie")
-        );
+        const contexts = [
+          useQwikRouterEnv()?.ev,
+          this,
+          _getContextEvent()
+        ];
+        requestEvent = contexts.find((v2) => v2 && Object.prototype.hasOwnProperty.call(v2, "sharedMap") && Object.prototype.hasOwnProperty.call(v2, "cookie"));
       }
-      return qrl.apply(requestEvent, args);
+      return qrl2.apply(requestEvent, args);
     } else {
       let filteredArgs = args.map((arg) => {
         if (arg instanceof SubmitEvent && arg.target instanceof HTMLFormElement) {
@@ -1342,13 +1336,13 @@ const serverQrl = (qrl, options) => {
       if (!filteredArgs.length) {
         filteredArgs = void 0;
       }
-      const qrlHash = qrl.getHash();
+      const qrlHash = qrl2.getHash();
       let query = "";
       const config = {
-        ...fetchOptions,
-        method,
+        ...fetchOptions2,
+        method: method2,
         headers: {
-          ...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
@@ -1356,20 +1350,27 @@ const serverQrl = (qrl, options) => {
         },
         signal: abortSignal
       };
-      const captured = qrl.getCaptured();
-      let toSend = [filteredArgs];
+      const captured = qrl2.getCaptured();
+      let toSend = [
+        filteredArgs
+      ];
       if (captured?.length) {
-        toSend = [filteredArgs, ...captured];
+        toSend = [
+          filteredArgs,
+          ...captured
+        ];
       } else {
-        toSend = filteredArgs ? [filteredArgs] : [];
+        toSend = filteredArgs ? [
+          filteredArgs
+        ] : [];
       }
       const body = await _serialize(toSend);
-      if (method === "GET") {
+      if (method2 === "GET") {
         query += `&${QDATA_KEY}=${encodeURIComponent(body)}`;
       } else {
         config.body = body;
       }
-      const res = await fetch(`${origin}?${QFN_KEY}=${qrlHash}${query}`, config);
+      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* () {
@@ -1404,171 +1405,117 @@ const serverQrl = (qrl, options) => {
         return str;
       }
     }
-  });
+  }, "serverQrl_w03grD0Ag68", [
+    fetchOptions,
+    headers,
+    method,
+    origin,
+    qrl
+  ]);
 };
 const server$ = /* @__PURE__ */ implicit$FirstArg(serverQrl);
-const getValidators = (rest, qrl) => {
-  let id;
-  let serializationStrategy = DEFAULT_LOADERS_SERIALIZATION_STRATEGY;
-  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.serializationStrategy) {
-          serializationStrategy = options.serializationStrategy;
-        }
-        if (options.validation) {
-          validators.push(...options.validation);
-        }
-      }
-    }
-  } 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,
-    serializationStrategy
-  };
-};
-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 = _deserialize(line);
-        yield deserializedData;
-      }
-    }
-  } finally {
-    reader.releaseLock();
-  }
-};
 
-const ServiceWorkerRegister = (props) => /* @__PURE__ */ jsx("script", { type: "module", dangerouslySetInnerHTML: swRegister, nonce: props.nonce });
+const ServiceWorkerRegister = (props) => /* @__PURE__ */ _jsxSorted("script", {
+  nonce: _wrapProp(props, "nonce")
+}, {
+  type: "module",
+  dangerouslySetInnerHTML: swRegister
+}, null, 3, "1x_0");
 
+const GetForm = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(({ action: _0, spaReset, reloadDocument, onSubmit$, ...rest }) => {
+  const nav = useNavigate();
+  return /* @__PURE__ */ _jsxSplit("form", {
+    action: "get",
+    "preventdefault:submit": !reloadDocument,
+    "data-spa-reset": spaReset ? "true" : void 0,
+    ..._getVarProps(rest),
+    ..._getConstProps(rest),
+    "q-e:submit": [
+      ...Array.isArray(onSubmit$) ? onSubmit$ : [
+        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");
+}, "GetForm_component_2U5Z2Z8ryc0"));
 const Form = ({ action, spaReset, reloadDocument, onSubmit$, ...rest }, key) => {
   if (action) {
     const isArrayApi = Array.isArray(onSubmit$);
     if (isArrayApi) {
-      return jsx$1(
-        "form",
-        {
-          ...rest,
-          action: action.actionPath,
-          "preventdefault:submit": !reloadDocument,
-          onSubmit$: [
-            ...onSubmit$,
-            // action.submit "submitcompleted" event for onSubmitCompleted$ events
-            !reloadDocument ? $((evt) => {
-              if (!action.submitted) {
-                return action.submit(evt);
-              }
-            }) : void 0
-          ],
-          method: "post",
-          ["data-spa-reset"]: spaReset ? "true" : void 0
-        },
-        key
-      );
-    }
-    return jsx$1(
-      "form",
-      {
-        ...rest,
-        action: action.actionPath,
+      return _jsxSplit("form", {
+        ..._getVarProps(rest),
+        ..._getConstProps(rest),
+        action: _wrapProp(action, "actionPath"),
         "preventdefault:submit": !reloadDocument,
-        onSubmit$: [
-          // Since v2, this fires before the action is executed so it can be prevented
-          onSubmit$,
+        "q-e:submit": [
+          ...onSubmit$,
           // action.submit "submitcompleted" event for onSubmitCompleted$ events
-          !reloadDocument ? action.submit : void 0
+          !reloadDocument ? /* @__PURE__ */ inlinedQrl((evt) => {
+            const action2 = _captures[0];
+            if (!action2.submitted) {
+              return action2.submit(evt);
+            }
+          }, "Form_form_q_e_submit_6i0Jq5q8JFg", [
+            action
+          ]) : void 0
         ],
-        method: "post",
         ["data-spa-reset"]: spaReset ? "true" : void 0
-      },
-      key
-    );
-  } else {
-    return /* @__PURE__ */ jsx(
-      GetForm,
-      {
-        spaReset,
-        reloadDocument,
+      }, {
+        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$,
-        ...rest
-      },
-      key
-    );
+        // 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);
   }
 };
-const GetForm = component$(
-  ({ action: _0, spaReset, reloadDocument, onSubmit$, ...rest }) => {
-    const nav = useNavigate();
-    return /* @__PURE__ */ jsx(
-      "form",
-      {
-        action: "get",
-        "preventdefault:submit": !reloadDocument,
-        "data-spa-reset": spaReset ? "true" : void 0,
-        ...rest,
-        onSubmit$: [
-          ...Array.isArray(onSubmit$) ? onSubmit$ : [onSubmit$],
-          $(async (_evt, form) => {
-            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 });
-          }),
-          $((_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
-                }
-              })
-            );
-          })
-          // end of array
-        ],
-        children: /* @__PURE__ */ jsx(Slot, {})
-      }
-    );
-  }
-);
 
 const untypedAppUrl = function appUrl(route, params, paramsPrefix = "") {
   const path = route.split("/");
@@ -1608,44 +1555,45 @@ function omitProps(obj, keys) {
 }
 
 const createRenderer = (getOptions) => {
-  return ((opts) => {
+  return (opts) => {
     const { jsx, options } = getOptions(opts);
     return renderToStream(jsx, options);
-  });
+  };
 };
 
-const DocumentHeadTags = component$((props) => {
+const DocumentHeadTags = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
   let head = useDocumentHead();
   if (props) {
-    head = { ...head, ...props };
+    head = {
+      ...head,
+      ...props
+    };
   }
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    head.title && /* @__PURE__ */ jsx("title", { children: head.title }),
-    head.meta.map((m) => /* @__PURE__ */ jsx("meta", { ...m })),
-    head.links.map((l) => /* @__PURE__ */ jsx("link", { ...l })),
+  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
-        }
-      );
+      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
-        }
-      );
+      return /* @__PURE__ */ createElement("script", {
+        ...props2,
+        dangerouslySetInnerHTML: s.script || props2.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, globalAction$, globalActionQrl, omitProps, routeAction$, routeActionQrl, routeLoader$, routeLoaderQrl, server$, serverQrl, untypedAppUrl, useContent, useDocumentHead, useLocation, useNavigate, usePreventNavigate$, usePreventNavigateQrl, 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, globalAction$, globalActionQrl, omitProps, routeAction$, routeActionQrl, routeLoader$, routeLoaderQrl, server$, serverQrl, untypedAppUrl, useDocumentHead, useLocation, useNavigate, useQwikRouter, valibot$, valibotQrl, validator$, validatorQrl, zod$, zodQrl };