@tanstack/react-router 0.0.1-beta.46 → 0.0.1-beta.49

package/build/umd/index.development.js

@@ -9,10 +9,10 @@
  * @license MIT
  */
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('use-sync-external-store/shim')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'react', 'use-sync-external-store/shim'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.ReactRouter = {}, global.React, global.shim));
-})(this, (function (exports, React, shim) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('use-sync-external-store/shim/with-selector')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'react', 'use-sync-external-store/shim/with-selector'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.ReactRouter = {}, global.React, global.withSelector));
+})(this, (function (exports, React, withSelector) { 'use strict';
 
   function _interopNamespace(e) {
     if (e && e.__esModule) return e;
@@ -34,414 +34,6 @@
 
   var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-  function _extends$1() {
-    _extends$1 = Object.assign ? Object.assign.bind() : function (target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i];
-        for (var key in source) {
-          if (Object.prototype.hasOwnProperty.call(source, key)) {
-            target[key] = source[key];
-          }
-        }
-      }
-      return target;
-    };
-    return _extends$1.apply(this, arguments);
-  }
-
-  // src/core.ts
-  var CurrentReaction = void 0;
-  var CurrentGets = null;
-  var CurrentGetsIndex = 0;
-  var EffectQueue = null;
-  var CacheClean = 0;
-  var CacheCheck = 1;
-  var CacheDirty = 2;
-  var Root;
-  var Reactive = class {
-    value;
-    fn;
-    observers = null;
-    sources = null;
-    state;
-    effect;
-    cleanups = null;
-    alwaysUpdate = false;
-    constructor(fnOrValue, type) {
-      if (type != 0 /* Signal */) {
-        this.fn = fnOrValue;
-        this.value = void 0;
-        this.state = CacheDirty;
-        if (Root)
-          Root.push(this);
-        else
-          console.error("Memos and effects must be wrapped in a createRoot");
-        this.effect = type == 2 /* Effect */;
-        if (this.effect)
-          this.update();
-      } else {
-        this.fn = void 0;
-        this.value = fnOrValue;
-        this.state = CacheClean;
-        this.effect = false;
-      }
-    }
-    get() {
-      if (CurrentReaction) {
-        if (!CurrentGets && CurrentReaction.sources && CurrentReaction.sources[CurrentGetsIndex] == this) {
-          CurrentGetsIndex++;
-        } else {
-          if (!CurrentGets)
-            CurrentGets = [this];
-          else
-            CurrentGets.push(this);
-        }
-      }
-      if (this.fn)
-        this.updateIfNecessary();
-      return this.value;
-    }
-    set(value) {
-      const notInBatch = !EffectQueue;
-      const newValue = typeof value === "function" ? value(this.value) : value;
-      if ((this.value !== newValue || this.alwaysUpdate) && this.observers) {
-        for (let i = 0; i < this.observers.length; i++) {
-          this.observers[i].stale(CacheDirty);
-        }
-      }
-      this.value = newValue;
-      if (notInBatch)
-        stabilize();
-      return newValue;
-    }
-    stale(state) {
-      if (this.state < state) {
-        if (this.state === CacheClean && this.effect) {
-          if (EffectQueue)
-            EffectQueue.push(this);
-          else
-            EffectQueue = [this];
-        }
-        this.state = state;
-        if (this.observers) {
-          for (let i = 0; i < this.observers.length; i++) {
-            this.observers[i].stale(CacheCheck);
-          }
-        }
-      }
-    }
-    update() {
-      const oldValue = this.value;
-      const prevReaction = CurrentReaction;
-      const prevGets = CurrentGets;
-      const prevIndex = CurrentGetsIndex;
-      CurrentReaction = this;
-      CurrentGets = null;
-      CurrentGetsIndex = 0;
-      try {
-        if (this.cleanups) {
-          this.cleanups.forEach((c) => c());
-          this.cleanups = null;
-        }
-        this.value = this.fn();
-        if (CurrentGets) {
-          this.removeParentObservers(CurrentGetsIndex);
-          if (this.sources && CurrentGetsIndex > 0) {
-            this.sources.length = CurrentGetsIndex + CurrentGets.length;
-            for (let i = 0; i < CurrentGets.length; i++) {
-              this.sources[CurrentGetsIndex + i] = CurrentGets[i];
-            }
-          } else {
-            this.sources = CurrentGets;
-          }
-          for (let i = CurrentGetsIndex; i < this.sources.length; i++) {
-            const source = this.sources[i];
-            if (!source.observers) {
-              source.observers = [this];
-            } else {
-              source.observers.push(this);
-            }
-          }
-        } else if (this.sources && CurrentGetsIndex < this.sources.length) {
-          this.removeParentObservers(CurrentGetsIndex);
-          this.sources.length = CurrentGetsIndex;
-        }
-      } finally {
-        CurrentGets = prevGets;
-        CurrentReaction = prevReaction;
-        CurrentGetsIndex = prevIndex;
-      }
-      if ((oldValue !== this.value || this.alwaysUpdate) && this.observers) {
-        for (let i = 0; i < this.observers.length; i++) {
-          this.observers[i].state = CacheDirty;
-        }
-      }
-      this.state = CacheClean;
-    }
-    updateIfNecessary() {
-      if (this.state === CacheCheck) {
-        for (const source of this.sources) {
-          source.updateIfNecessary();
-          if (this.state === CacheDirty) {
-            break;
-          }
-        }
-      }
-      if (this.state === CacheDirty) {
-        this.update();
-      }
-      this.state = CacheClean;
-    }
-    removeParentObservers(index) {
-      if (!this.sources)
-        return;
-      for (let i = index; i < this.sources.length; i++) {
-        const source = this.sources[i];
-        const swap = source.observers.findIndex((v) => v === this);
-        source.observers[swap] = source.observers[source.observers.length - 1];
-        source.observers.pop();
-      }
-    }
-    destroy() {
-      if (this.cleanups) {
-        this.cleanups.forEach((c) => c());
-        this.cleanups = null;
-      }
-      this.removeParentObservers(0);
-    }
-  };
-  function onCleanup(fn) {
-    if (CurrentReaction) {
-      if (!CurrentReaction.cleanups)
-        CurrentReaction.cleanups = [fn];
-      else
-        CurrentReaction.cleanups.push(fn);
-    } else {
-      console.error("onCleanup must be called from within a memo or effect");
-    }
-  }
-  function stabilize() {
-    if (!EffectQueue)
-      return;
-    for (let i = 0; i < EffectQueue.length; i++) {
-      EffectQueue[i].get();
-    }
-    EffectQueue = null;
-  }
-  function createSignal(value, options) {
-    const signal = new Reactive(value, 0 /* Signal */);
-    if (options?.equals !== void 0)
-      signal.alwaysUpdate = true;
-    return [signal.get.bind(signal), signal.set.bind(signal)];
-  }
-  function createMemo(fn) {
-    const memo = new Reactive(fn, 1 /* Memo */);
-    return memo.get.bind(memo);
-  }
-  function createEffect(fn) {
-    const effect = new Reactive(fn, 2 /* Effect */);
-    return effect.get.bind(effect);
-  }
-  function createRoot(fn) {
-    let root = [];
-    Root = root;
-    fn();
-    Root = null;
-    return () => {
-      if (!root)
-        return;
-      root.forEach((r) => r.destroy());
-      root = null;
-    };
-  }
-  function batch(fn) {
-    EffectQueue = [];
-    let out = fn();
-    stabilize();
-    return out;
-  }
-  function untrack(fn) {
-    const listener = CurrentReaction;
-    CurrentReaction = void 0;
-    try {
-      return fn();
-    } finally {
-      CurrentReaction = listener;
-    }
-  }
-
-  // src/store.ts
-  var $RAW = Symbol("store-raw");
-  var $TRACK = Symbol("track");
-  var $PROXY = Symbol("store-proxy");
-  var $NODE = Symbol("store-node");
-  function wrap(value) {
-    let p = value[$PROXY];
-    if (!p) {
-      Object.defineProperty(value, $PROXY, {
-        value: p = new Proxy(value, proxyTraps)
-      });
-      if (!Array.isArray(value)) {
-        const keys = Object.keys(value);
-        const desc = Object.getOwnPropertyDescriptors(value);
-        for (let i = 0, l = keys.length; i < l; i++) {
-          const prop = keys[i];
-          if (desc[prop].get) {
-            const get = desc[prop].get.bind(p);
-            Object.defineProperty(value, prop, {
-              enumerable: desc[prop].enumerable,
-              get
-            });
-          }
-        }
-      }
-    }
-    return p;
-  }
-  function isWrappable(obj) {
-    let proto;
-    return obj != null && typeof obj === "object" && (obj[$PROXY] || !(proto = Object.getPrototypeOf(obj)) || proto === Object.prototype || Array.isArray(obj));
-  }
-  function unwrap(item, set = /* @__PURE__ */ new Set()) {
-    let result, unwrapped, v, prop;
-    if (result = item != null && item[$RAW])
-      return result;
-    if (!isWrappable(item) || set.has(item))
-      return item;
-    if (Array.isArray(item)) {
-      if (Object.isFrozen(item))
-        item = item.slice(0);
-      else
-        set.add(item);
-      for (let i = 0, l = item.length; i < l; i++) {
-        v = item[i];
-        if ((unwrapped = unwrap(v, set)) !== v)
-          item[i] = unwrapped;
-      }
-    } else {
-      if (Object.isFrozen(item))
-        item = Object.assign({}, item);
-      else
-        set.add(item);
-      const keys = Object.keys(item);
-      const desc = Object.getOwnPropertyDescriptors(item);
-      for (let i = 0, l = keys.length; i < l; i++) {
-        prop = keys[i];
-        if (desc[prop].get)
-          continue;
-        v = item[prop];
-        if ((unwrapped = unwrap(v, set)) !== v)
-          item[prop] = unwrapped;
-      }
-    }
-    return item;
-  }
-  function getDataNodes(target) {
-    let nodes = target[$NODE];
-    if (!nodes)
-      Object.defineProperty(target, $NODE, { value: nodes = {} });
-    return nodes;
-  }
-  function getDataNode(nodes, property, value) {
-    return nodes[property] || (nodes[property] = createDataNode(value));
-  }
-  function proxyDescriptor(target, property) {
-    const desc = Reflect.getOwnPropertyDescriptor(target, property);
-    if (!desc || desc.get || !desc.configurable || property === $PROXY || property === $NODE)
-      return desc;
-    delete desc.value;
-    delete desc.writable;
-    desc.get = () => target[$PROXY][property];
-    return desc;
-  }
-  function trackSelf(target) {
-    if (CurrentReaction) {
-      const nodes = getDataNodes(target);
-      (nodes._ || (nodes._ = createDataNode())).get();
-    }
-  }
-  function ownKeys(target) {
-    trackSelf(target);
-    return Reflect.ownKeys(target);
-  }
-  function createDataNode(value) {
-    const s = new Reactive(value, 0);
-    s.alwaysUpdate = true;
-    return s;
-  }
-  var Writing = false;
-  var proxyTraps = {
-    get(target, property, receiver) {
-      if (property === $RAW)
-        return target;
-      if (property === $PROXY)
-        return receiver;
-      if (property === $TRACK) {
-        trackSelf(target);
-        return receiver;
-      }
-      const nodes = getDataNodes(target);
-      const tracked = nodes.hasOwnProperty(property);
-      let value = tracked ? nodes[property].get() : target[property];
-      if (property === $NODE || property === "__proto__")
-        return value;
-      if (!tracked) {
-        const desc = Object.getOwnPropertyDescriptor(target, property);
-        if (CurrentReaction && (typeof value !== "function" || target.hasOwnProperty(property)) && !(desc && desc.get))
-          value = getDataNode(nodes, property, value).get();
-      }
-      return isWrappable(value) ? wrap(value) : value;
-    },
-    has(target, property) {
-      if (property === $RAW || property === $PROXY || property === $TRACK || property === $NODE || property === "__proto__")
-        return true;
-      this.get(target, property, target);
-      return property in target;
-    },
-    set(target, property, value) {
-      Writing && setProperty(target, property, unwrap(value));
-      return true;
-    },
-    deleteProperty(target, property) {
-      Writing && setProperty(target, property, void 0, true);
-      return true;
-    },
-    ownKeys,
-    getOwnPropertyDescriptor: proxyDescriptor
-  };
-  function setProperty(state, property, value, deleting = false) {
-    if (!deleting && state[property] === value)
-      return;
-    const prev = state[property];
-    const len = state.length;
-    if (deleting)
-      delete state[property];
-    else
-      state[property] = value;
-    const nodes = getDataNodes(state);
-    let node;
-    if (node = getDataNode(nodes, property, prev))
-      node.set(() => value);
-    if (Array.isArray(state) && state.length !== len)
-      (node = getDataNode(nodes, "length", len)) && node.set(state.length);
-    (node = nodes._) && node.set();
-  }
-  function createStore(store) {
-    const unwrappedStore = unwrap(store);
-    const wrappedStore = wrap(unwrappedStore);
-    const setStore = (fn) => {
-      batch(() => {
-        try {
-          Writing = true;
-          fn(wrappedStore);
-        } finally {
-          Writing = false;
-        }
-      });
-    };
-    return [wrappedStore, setStore];
-  }
-
   function _extends() {
     _extends = Object.assign ? Object.assign.bind() : function (target) {
       for (var i = 1; i < arguments.length; i++) {
@@ -457,818 +49,174 @@
     return _extends.apply(this, arguments);
   }
 
-  /**
-   * Actions represent the type of change to a location value.
-   *
-   * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#action
-   */
-  var Action;
-
-  (function (Action) {
-    /**
-     * A POP indicates a change to an arbitrary index in the history stack, such
-     * as a back or forward navigation. It does not describe the direction of the
-     * navigation, only that the current index changed.
-     *
-     * Note: This is the default action for newly created history objects.
-     */
-    Action["Pop"] = "POP";
-    /**
-     * A PUSH indicates a new entry being added to the history stack, such as when
-     * a link is clicked and a new page loads. When this happens, all subsequent
-     * entries in the stack are lost.
-     */
-
-    Action["Push"] = "PUSH";
-    /**
-     * A REPLACE indicates the entry at the current index in the history stack
-     * being replaced by a new one.
-     */
-
-    Action["Replace"] = "REPLACE";
-  })(Action || (Action = {}));
-
-  var readOnly = function (obj) {
-    return Object.freeze(obj);
-  } ;
-
-  function warning$1(cond, message) {
-    if (!cond) {
-      // eslint-disable-next-line no-console
-      if (typeof console !== 'undefined') console.warn(message);
-
-      try {
-        // Welcome to debugging history!
-        //
-        // This error is thrown as a convenience so you can more easily
-        // find the source for a warning that appears in the console by
-        // enabling "pause on exceptions" in your JavaScript debugger.
-        throw new Error(message); // eslint-disable-next-line no-empty
-      } catch (e) {}
-    }
-  }
-
-  var BeforeUnloadEventType = 'beforeunload';
-  var HashChangeEventType = 'hashchange';
-  var PopStateEventType = 'popstate';
-  /**
-   * Browser history stores the location in regular URLs. This is the standard for
-   * most web apps, but it requires some configuration on the server to ensure you
-   * serve the same app at multiple URLs.
-   *
-   * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#createbrowserhistory
-   */
-
-  function createBrowserHistory(options) {
-    if (options === void 0) {
-      options = {};
-    }
-
-    var _options = options,
-        _options$window = _options.window,
-        window = _options$window === void 0 ? document.defaultView : _options$window;
-    var globalHistory = window.history;
-
-    function getIndexAndLocation() {
-      var _window$location = window.location,
-          pathname = _window$location.pathname,
-          search = _window$location.search,
-          hash = _window$location.hash;
-      var state = globalHistory.state || {};
-      return [state.idx, readOnly({
-        pathname: pathname,
-        search: search,
-        hash: hash,
-        state: state.usr || null,
-        key: state.key || 'default'
-      })];
-    }
-
-    var blockedPopTx = null;
-
-    function handlePop() {
-      if (blockedPopTx) {
-        blockers.call(blockedPopTx);
-        blockedPopTx = null;
-      } else {
-        var nextAction = Action.Pop;
-
-        var _getIndexAndLocation = getIndexAndLocation(),
-            nextIndex = _getIndexAndLocation[0],
-            nextLocation = _getIndexAndLocation[1];
-
-        if (blockers.length) {
-          if (nextIndex != null) {
-            var delta = index - nextIndex;
-
-            if (delta) {
-              // Revert the POP
-              blockedPopTx = {
-                action: nextAction,
-                location: nextLocation,
-                retry: function retry() {
-                  go(delta * -1);
-                }
-              };
-              go(delta);
-            }
-          } else {
-            // Trying to POP to a location with no index. We did not create
-            // this location, so we can't effectively block the navigation.
-            warning$1(false, // TODO: Write up a doc that explains our blocking strategy in
-            // detail and link to it here so people can understand better what
-            // is going on and how to avoid it.
-            "You are trying to block a POP navigation to a location that was not " + "created by the history library. The block will fail silently in " + "production, but in general you should do all navigation with the " + "history library (instead of using window.history.pushState directly) " + "to avoid this situation.") ;
-          }
-        } else {
-          applyTx(nextAction);
-        }
-      }
-    }
-
-    window.addEventListener(PopStateEventType, handlePop);
-    var action = Action.Pop;
-
-    var _getIndexAndLocation2 = getIndexAndLocation(),
-        index = _getIndexAndLocation2[0],
-        location = _getIndexAndLocation2[1];
-
-    var listeners = createEvents();
-    var blockers = createEvents();
-
-    if (index == null) {
-      index = 0;
-      globalHistory.replaceState(_extends({}, globalHistory.state, {
-        idx: index
-      }), '');
-    }
-
-    function createHref(to) {
-      return typeof to === 'string' ? to : createPath(to);
-    } // state defaults to `null` because `window.history.state` does
-
-
-    function getNextLocation(to, state) {
-      if (state === void 0) {
-        state = null;
-      }
-
-      return readOnly(_extends({
-        pathname: location.pathname,
-        hash: '',
-        search: ''
-      }, typeof to === 'string' ? parsePath(to) : to, {
-        state: state,
-        key: createKey()
-      }));
-    }
-
-    function getHistoryStateAndUrl(nextLocation, index) {
-      return [{
-        usr: nextLocation.state,
-        key: nextLocation.key,
-        idx: index
-      }, createHref(nextLocation)];
-    }
-
-    function allowTx(action, location, retry) {
-      return !blockers.length || (blockers.call({
-        action: action,
-        location: location,
-        retry: retry
-      }), false);
-    }
-
-    function applyTx(nextAction) {
-      action = nextAction;
-
-      var _getIndexAndLocation3 = getIndexAndLocation();
-
-      index = _getIndexAndLocation3[0];
-      location = _getIndexAndLocation3[1];
-      listeners.call({
-        action: action,
-        location: location
-      });
-    }
-
-    function push(to, state) {
-      var nextAction = Action.Push;
-      var nextLocation = getNextLocation(to, state);
-
-      function retry() {
-        push(to, state);
-      }
-
-      if (allowTx(nextAction, nextLocation, retry)) {
-        var _getHistoryStateAndUr = getHistoryStateAndUrl(nextLocation, index + 1),
-            historyState = _getHistoryStateAndUr[0],
-            url = _getHistoryStateAndUr[1]; // TODO: Support forced reloading
-        // try...catch because iOS limits us to 100 pushState calls :/
-
-
-        try {
-          globalHistory.pushState(historyState, '', url);
-        } catch (error) {
-          // They are going to lose state here, but there is no real
-          // way to warn them about it since the page will refresh...
-          window.location.assign(url);
-        }
-
-        applyTx(nextAction);
-      }
-    }
-
-    function replace(to, state) {
-      var nextAction = Action.Replace;
-      var nextLocation = getNextLocation(to, state);
-
-      function retry() {
-        replace(to, state);
-      }
-
-      if (allowTx(nextAction, nextLocation, retry)) {
-        var _getHistoryStateAndUr2 = getHistoryStateAndUrl(nextLocation, index),
-            historyState = _getHistoryStateAndUr2[0],
-            url = _getHistoryStateAndUr2[1]; // TODO: Support forced reloading
-
-
-        globalHistory.replaceState(historyState, '', url);
-        applyTx(nextAction);
+  var prefix = 'Invariant failed';
+  function invariant(condition, message) {
+      if (condition) {
+          return;
       }
-    }
+      var provided = typeof message === 'function' ? message() : message;
+      var value = provided ? "".concat(prefix, ": ").concat(provided) : prefix;
+      throw new Error(value);
+  }
 
-    function go(delta) {
-      globalHistory.go(delta);
-    }
+  function n(n){for(var r=arguments.length,t=Array(r>1?r-1:0),e=1;e<r;e++)t[e-1]=arguments[e];{var i=Y[n],o=i?"function"==typeof i?i.apply(null,t):i:"unknown error nr: "+n;throw Error("[Immer] "+o)}}function r(n){return !!n&&!!n[Q]}function t(n){var r;return !!n&&(function(n){if(!n||"object"!=typeof n)return !1;var r=Object.getPrototypeOf(n);if(null===r)return !0;var t=Object.hasOwnProperty.call(r,"constructor")&&r.constructor;return t===Object||"function"==typeof t&&Function.toString.call(t)===Z}(n)||Array.isArray(n)||!!n[L]||!!(null===(r=n.constructor)||void 0===r?void 0:r[L])||s(n)||v(n))}function i(n,r,t){void 0===t&&(t=!1),0===o(n)?(t?Object.keys:nn)(n).forEach((function(e){t&&"symbol"==typeof e||r(e,n[e],n);})):n.forEach((function(t,e){return r(e,t,n)}));}function o(n){var r=n[Q];return r?r.i>3?r.i-4:r.i:Array.isArray(n)?1:s(n)?2:v(n)?3:0}function u(n,r){return 2===o(n)?n.has(r):Object.prototype.hasOwnProperty.call(n,r)}function a(n,r){return 2===o(n)?n.get(r):n[r]}function f(n,r,t){var e=o(n);2===e?n.set(r,t):3===e?(n.delete(r),n.add(t)):n[r]=t;}function c(n,r){return n===r?0!==n||1/n==1/r:n!=n&&r!=r}function s(n){return X&&n instanceof Map}function v(n){return q&&n instanceof Set}function p(n){return n.o||n.t}function l(n){if(Array.isArray(n))return Array.prototype.slice.call(n);var r=rn(n);delete r[Q];for(var t=nn(r),e=0;e<t.length;e++){var i=t[e],o=r[i];!1===o.writable&&(o.writable=!0,o.configurable=!0),(o.get||o.set)&&(r[i]={configurable:!0,writable:!0,enumerable:o.enumerable,value:n[i]});}return Object.create(Object.getPrototypeOf(n),r)}function d(n,e){return void 0===e&&(e=!1),y(n)||r(n)||!t(n)?n:(o(n)>1&&(n.set=n.add=n.clear=n.delete=h),Object.freeze(n),e&&i(n,(function(n,r){return d(r,!0)}),!0),n)}function h(){n(2);}function y(n){return null==n||"object"!=typeof n||Object.isFrozen(n)}function b(r){var t=tn[r];return t||n(18,r),t}function _(){return U||n(0),U}function j(n,r){r&&(b("Patches"),n.u=[],n.s=[],n.v=r);}function O(n){g(n),n.p.forEach(S),n.p=null;}function g(n){n===U&&(U=n.l);}function w(n){return U={p:[],l:U,h:n,m:!0,_:0}}function S(n){var r=n[Q];0===r.i||1===r.i?r.j():r.O=!0;}function P(r,e){e._=e.p.length;var i=e.p[0],o=void 0!==r&&r!==i;return e.h.g||b("ES5").S(e,r,o),o?(i[Q].P&&(O(e),n(4)),t(r)&&(r=M(e,r),e.l||x(e,r)),e.u&&b("Patches").M(i[Q].t,r,e.u,e.s)):r=M(e,i,[]),O(e),e.u&&e.v(e.u,e.s),r!==H?r:void 0}function M(n,r,t){if(y(r))return r;var e=r[Q];if(!e)return i(r,(function(i,o){return A(n,e,r,i,o,t)}),!0),r;if(e.A!==n)return r;if(!e.P)return x(n,e.t,!0),e.t;if(!e.I){e.I=!0,e.A._--;var o=4===e.i||5===e.i?e.o=l(e.k):e.o;i(3===e.i?new Set(o):o,(function(r,i){return A(n,e,o,r,i,t)})),x(n,o,!1),t&&n.u&&b("Patches").R(e,t,n.u,n.s);}return e.o}function A(e,i,o,a,c,s){if(c===o&&n(5),r(c)){var v=M(e,c,s&&i&&3!==i.i&&!u(i.D,a)?s.concat(a):void 0);if(f(o,a,v),!r(v))return;e.m=!1;}if(t(c)&&!y(c)){if(!e.h.F&&e._<1)return;M(e,c),i&&i.A.l||x(e,c);}}function x(n,r,t){void 0===t&&(t=!1),n.h.F&&n.m&&d(r,t);}function z(n,r){var t=n[Q];return (t?p(t):n)[r]}function I(n,r){if(r in n)for(var t=Object.getPrototypeOf(n);t;){var e=Object.getOwnPropertyDescriptor(t,r);if(e)return e;t=Object.getPrototypeOf(t);}}function k(n){n.P||(n.P=!0,n.l&&k(n.l));}function E(n){n.o||(n.o=l(n.t));}function R(n,r,t){var e=s(r)?b("MapSet").N(r,t):v(r)?b("MapSet").T(r,t):n.g?function(n,r){var t=Array.isArray(n),e={i:t?1:0,A:r?r.A:_(),P:!1,I:!1,D:{},l:r,t:n,k:null,o:null,j:null,C:!1},i=e,o=en;t&&(i=[e],o=on);var u=Proxy.revocable(i,o),a=u.revoke,f=u.proxy;return e.k=f,e.j=a,f}(r,t):b("ES5").J(r,t);return (t?t.A:_()).p.push(e),e}function D(e){return r(e)||n(22,e),function n(r){if(!t(r))return r;var e,u=r[Q],c=o(r);if(u){if(!u.P&&(u.i<4||!b("ES5").K(u)))return u.t;u.I=!0,e=F(r,c),u.I=!1;}else e=F(r,c);return i(e,(function(r,t){u&&a(u.t,r)===t||f(e,r,n(t));})),3===c?new Set(e):e}(e)}function F(n,r){switch(r){case 2:return new Map(n);case 3:return Array.from(n)}return l(n)}var G,U,W="undefined"!=typeof Symbol&&"symbol"==typeof Symbol("x"),X="undefined"!=typeof Map,q="undefined"!=typeof Set,B="undefined"!=typeof Proxy&&void 0!==Proxy.revocable&&"undefined"!=typeof Reflect,H=W?Symbol.for("immer-nothing"):((G={})["immer-nothing"]=!0,G),L=W?Symbol.for("immer-draftable"):"__$immer_draftable",Q=W?Symbol.for("immer-state"):"__$immer_state",Y={0:"Illegal state",1:"Immer drafts cannot have computed properties",2:"This object has been frozen and should not be mutated",3:function(n){return "Cannot use a proxy that has been revoked. Did you pass an object from inside an immer function to an async process? "+n},4:"An immer producer returned a new value *and* modified its draft. Either return a new value *or* modify the draft.",5:"Immer forbids circular references",6:"The first or second argument to `produce` must be a function",7:"The third argument to `produce` must be a function or undefined",8:"First argument to `createDraft` must be a plain object, an array, or an immerable object",9:"First argument to `finishDraft` must be a draft returned by `createDraft`",10:"The given draft is already finalized",11:"Object.defineProperty() cannot be used on an Immer draft",12:"Object.setPrototypeOf() cannot be used on an Immer draft",13:"Immer only supports deleting array indices",14:"Immer only supports setting array indices and the 'length' property",15:function(n){return "Cannot apply patch, path doesn't resolve: "+n},16:'Sets cannot have "replace" patches.',17:function(n){return "Unsupported patch operation: "+n},18:function(n){return "The plugin for '"+n+"' has not been loaded into Immer. To enable the plugin, import and call `enable"+n+"()` when initializing your application."},20:"Cannot use proxies if Proxy, Proxy.revocable or Reflect are not available",21:function(n){return "produce can only be called on things that are draftable: plain objects, arrays, Map, Set or classes that are marked with '[immerable]: true'. Got '"+n+"'"},22:function(n){return "'current' expects a draft, got: "+n},23:function(n){return "'original' expects a draft, got: "+n},24:"Patching reserved attributes like __proto__, prototype and constructor is not allowed"},Z=""+Object.prototype.constructor,nn="undefined"!=typeof Reflect&&Reflect.ownKeys?Reflect.ownKeys:void 0!==Object.getOwnPropertySymbols?function(n){return Object.getOwnPropertyNames(n).concat(Object.getOwnPropertySymbols(n))}:Object.getOwnPropertyNames,rn=Object.getOwnPropertyDescriptors||function(n){var r={};return nn(n).forEach((function(t){r[t]=Object.getOwnPropertyDescriptor(n,t);})),r},tn={},en={get:function(n,r){if(r===Q)return n;var e=p(n);if(!u(e,r))return function(n,r,t){var e,i=I(r,t);return i?"value"in i?i.value:null===(e=i.get)||void 0===e?void 0:e.call(n.k):void 0}(n,e,r);var i=e[r];return n.I||!t(i)?i:i===z(n.t,r)?(E(n),n.o[r]=R(n.A.h,i,n)):i},has:function(n,r){return r in p(n)},ownKeys:function(n){return Reflect.ownKeys(p(n))},set:function(n,r,t){var e=I(p(n),r);if(null==e?void 0:e.set)return e.set.call(n.k,t),!0;if(!n.P){var i=z(p(n),r),o=null==i?void 0:i[Q];if(o&&o.t===t)return n.o[r]=t,n.D[r]=!1,!0;if(c(t,i)&&(void 0!==t||u(n.t,r)))return !0;E(n),k(n);}return n.o[r]===t&&"number"!=typeof t&&(void 0!==t||r in n.o)||(n.o[r]=t,n.D[r]=!0,!0)},deleteProperty:function(n,r){return void 0!==z(n.t,r)||r in n.t?(n.D[r]=!1,E(n),k(n)):delete n.D[r],n.o&&delete n.o[r],!0},getOwnPropertyDescriptor:function(n,r){var t=p(n),e=Reflect.getOwnPropertyDescriptor(t,r);return e?{writable:!0,configurable:1!==n.i||"length"!==r,enumerable:e.enumerable,value:t[r]}:e},defineProperty:function(){n(11);},getPrototypeOf:function(n){return Object.getPrototypeOf(n.t)},setPrototypeOf:function(){n(12);}},on={};i(en,(function(n,r){on[n]=function(){return arguments[0]=arguments[0][0],r.apply(this,arguments)};})),on.deleteProperty=function(r,t){return isNaN(parseInt(t))&&n(13),on.set.call(this,r,t,void 0)},on.set=function(r,t,e){return "length"!==t&&isNaN(parseInt(t))&&n(14),en.set.call(this,r[0],t,e,r[0])};var un=function(){function e(r){var e=this;this.g=B,this.F=!0,this.produce=function(r,i,o){if("function"==typeof r&&"function"!=typeof i){var u=i;i=r;var a=e;return function(n){var r=this;void 0===n&&(n=u);for(var t=arguments.length,e=Array(t>1?t-1:0),o=1;o<t;o++)e[o-1]=arguments[o];return a.produce(n,(function(n){var t;return (t=i).call.apply(t,[r,n].concat(e))}))}}var f;if("function"!=typeof i&&n(6),void 0!==o&&"function"!=typeof o&&n(7),t(r)){var c=w(e),s=R(e,r,void 0),v=!0;try{f=i(s),v=!1;}finally{v?O(c):g(c);}return "undefined"!=typeof Promise&&f instanceof Promise?f.then((function(n){return j(c,o),P(n,c)}),(function(n){throw O(c),n})):(j(c,o),P(f,c))}if(!r||"object"!=typeof r){if(void 0===(f=i(r))&&(f=r),f===H&&(f=void 0),e.F&&d(f,!0),o){var p=[],l=[];b("Patches").M(r,f,p,l),o(p,l);}return f}n(21,r);},this.produceWithPatches=function(n,r){if("function"==typeof n)return function(r){for(var t=arguments.length,i=Array(t>1?t-1:0),o=1;o<t;o++)i[o-1]=arguments[o];return e.produceWithPatches(r,(function(r){return n.apply(void 0,[r].concat(i))}))};var t,i,o=e.produce(n,r,(function(n,r){t=n,i=r;}));return "undefined"!=typeof Promise&&o instanceof Promise?o.then((function(n){return [n,t,i]})):[o,t,i]},"boolean"==typeof(null==r?void 0:r.useProxies)&&this.setUseProxies(r.useProxies),"boolean"==typeof(null==r?void 0:r.autoFreeze)&&this.setAutoFreeze(r.autoFreeze);}var i=e.prototype;return i.createDraft=function(e){t(e)||n(8),r(e)&&(e=D(e));var i=w(this),o=R(this,e,void 0);return o[Q].C=!0,g(i),o},i.finishDraft=function(r,t){var e=r&&r[Q];(e&&e.C||n(9),e.I&&n(10));var i=e.A;return j(i,t),P(void 0,i)},i.setAutoFreeze=function(n){this.F=n;},i.setUseProxies=function(r){r&&!B&&n(20),this.g=r;},i.applyPatches=function(n,t){var e;for(e=t.length-1;e>=0;e--){var i=t[e];if(0===i.path.length&&"replace"===i.op){n=i.value;break}}e>-1&&(t=t.slice(e+1));var o=b("Patches").$;return r(n)?o(n,t):this.produce(n,(function(n){return o(n,t)}))},e}(),an=new un,fn=an.produce;an.produceWithPatches.bind(an);var sn=an.setAutoFreeze.bind(an);an.setUseProxies.bind(an);an.applyPatches.bind(an);an.createDraft.bind(an);an.finishDraft.bind(an);
 
-    var history = {
-      get action() {
-        return action;
-      },
+  /**
+   * router-core
+   *
+   * Copyright (c) TanStack
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE.md file in the root directory of this source tree.
+   *
+   * @license MIT
+   */
 
+  // While the public API was clearly inspired by the "history" npm package,
+  // This implementation attempts to be more lightweight by
+  // making assumptions about the way TanStack Router works
+
+  const popStateEvent = 'popstate';
+  function createHistory(opts) {
+    let currentLocation = opts.getLocation();
+    let unsub = () => {};
+    let listeners = new Set();
+    const onUpdate = () => {
+      currentLocation = opts.getLocation();
+      listeners.forEach(listener => listener());
+    };
+    return {
       get location() {
-        return location;
-      },
-
-      createHref: createHref,
-      push: push,
-      replace: replace,
-      go: go,
-      back: function back() {
-        go(-1);
-      },
-      forward: function forward() {
-        go(1);
-      },
-      listen: function listen(listener) {
-        return listeners.push(listener);
+        return currentLocation;
       },
-      block: function block(blocker) {
-        var unblock = blockers.push(blocker);
-
-        if (blockers.length === 1) {
-          window.addEventListener(BeforeUnloadEventType, promptBeforeUnload);
+      listen: cb => {
+        if (listeners.size === 0) {
+          unsub = opts.listener(onUpdate);
         }
-
-        return function () {
-          unblock(); // Remove the beforeunload listener so the document may
-          // still be salvageable in the pagehide event.
-          // See https://html.spec.whatwg.org/#unloading-documents
-
-          if (!blockers.length) {
-            window.removeEventListener(BeforeUnloadEventType, promptBeforeUnload);
+        listeners.add(cb);
+        return () => {
+          listeners.delete(cb);
+          if (listeners.size === 0) {
+            unsub();
           }
         };
-      }
-    };
-    return history;
-  }
-  /**
-   * Hash history stores the location in window.location.hash. This makes it ideal
-   * for situations where you don't want to send the location to the server for
-   * some reason, either because you do cannot configure it or the URL space is
-   * reserved for something else.
-   *
-   * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#createhashhistory
-   */
-
-  function createHashHistory(options) {
-    if (options === void 0) {
-      options = {};
-    }
-
-    var _options2 = options,
-        _options2$window = _options2.window,
-        window = _options2$window === void 0 ? document.defaultView : _options2$window;
-    var globalHistory = window.history;
-
-    function getIndexAndLocation() {
-      var _parsePath = parsePath(window.location.hash.substr(1)),
-          _parsePath$pathname = _parsePath.pathname,
-          pathname = _parsePath$pathname === void 0 ? '/' : _parsePath$pathname,
-          _parsePath$search = _parsePath.search,
-          search = _parsePath$search === void 0 ? '' : _parsePath$search,
-          _parsePath$hash = _parsePath.hash,
-          hash = _parsePath$hash === void 0 ? '' : _parsePath$hash;
-
-      var state = globalHistory.state || {};
-      return [state.idx, readOnly({
-        pathname: pathname,
-        search: search,
-        hash: hash,
-        state: state.usr || null,
-        key: state.key || 'default'
-      })];
-    }
-
-    var blockedPopTx = null;
-
-    function handlePop() {
-      if (blockedPopTx) {
-        blockers.call(blockedPopTx);
-        blockedPopTx = null;
-      } else {
-        var nextAction = Action.Pop;
-
-        var _getIndexAndLocation4 = getIndexAndLocation(),
-            nextIndex = _getIndexAndLocation4[0],
-            nextLocation = _getIndexAndLocation4[1];
-
-        if (blockers.length) {
-          if (nextIndex != null) {
-            var delta = index - nextIndex;
-
-            if (delta) {
-              // Revert the POP
-              blockedPopTx = {
-                action: nextAction,
-                location: nextLocation,
-                retry: function retry() {
-                  go(delta * -1);
-                }
-              };
-              go(delta);
-            }
-          } else {
-            // Trying to POP to a location with no index. We did not create
-            // this location, so we can't effectively block the navigation.
-            warning$1(false, // TODO: Write up a doc that explains our blocking strategy in
-            // detail and link to it here so people can understand better
-            // what is going on and how to avoid it.
-            "You are trying to block a POP navigation to a location that was not " + "created by the history library. The block will fail silently in " + "production, but in general you should do all navigation with the " + "history library (instead of using window.history.pushState directly) " + "to avoid this situation.") ;
-          }
-        } else {
-          applyTx(nextAction);
-        }
-      }
-    }
-
-    window.addEventListener(PopStateEventType, handlePop); // popstate does not fire on hashchange in IE 11 and old (trident) Edge
-    // https://developer.mozilla.org/de/docs/Web/API/Window/popstate_event
-
-    window.addEventListener(HashChangeEventType, function () {
-      var _getIndexAndLocation5 = getIndexAndLocation(),
-          nextLocation = _getIndexAndLocation5[1]; // Ignore extraneous hashchange events.
-
-
-      if (createPath(nextLocation) !== createPath(location)) {
-        handlePop();
-      }
-    });
-    var action = Action.Pop;
-
-    var _getIndexAndLocation6 = getIndexAndLocation(),
-        index = _getIndexAndLocation6[0],
-        location = _getIndexAndLocation6[1];
-
-    var listeners = createEvents();
-    var blockers = createEvents();
-
-    if (index == null) {
-      index = 0;
-      globalHistory.replaceState(_extends({}, globalHistory.state, {
-        idx: index
-      }), '');
-    }
-
-    function getBaseHref() {
-      var base = document.querySelector('base');
-      var href = '';
-
-      if (base && base.getAttribute('href')) {
-        var url = window.location.href;
-        var hashIndex = url.indexOf('#');
-        href = hashIndex === -1 ? url : url.slice(0, hashIndex);
-      }
-
-      return href;
-    }
-
-    function createHref(to) {
-      return getBaseHref() + '#' + (typeof to === 'string' ? to : createPath(to));
-    }
-
-    function getNextLocation(to, state) {
-      if (state === void 0) {
-        state = null;
-      }
-
-      return readOnly(_extends({
-        pathname: location.pathname,
-        hash: '',
-        search: ''
-      }, typeof to === 'string' ? parsePath(to) : to, {
-        state: state,
-        key: createKey()
-      }));
-    }
-
-    function getHistoryStateAndUrl(nextLocation, index) {
-      return [{
-        usr: nextLocation.state,
-        key: nextLocation.key,
-        idx: index
-      }, createHref(nextLocation)];
-    }
-
-    function allowTx(action, location, retry) {
-      return !blockers.length || (blockers.call({
-        action: action,
-        location: location,
-        retry: retry
-      }), false);
-    }
-
-    function applyTx(nextAction) {
-      action = nextAction;
-
-      var _getIndexAndLocation7 = getIndexAndLocation();
-
-      index = _getIndexAndLocation7[0];
-      location = _getIndexAndLocation7[1];
-      listeners.call({
-        action: action,
-        location: location
-      });
-    }
-
-    function push(to, state) {
-      var nextAction = Action.Push;
-      var nextLocation = getNextLocation(to, state);
-
-      function retry() {
-        push(to, state);
-      }
-
-      warning$1(nextLocation.pathname.charAt(0) === '/', "Relative pathnames are not supported in hash history.push(" + JSON.stringify(to) + ")") ;
-
-      if (allowTx(nextAction, nextLocation, retry)) {
-        var _getHistoryStateAndUr3 = getHistoryStateAndUrl(nextLocation, index + 1),
-            historyState = _getHistoryStateAndUr3[0],
-            url = _getHistoryStateAndUr3[1]; // TODO: Support forced reloading
-        // try...catch because iOS limits us to 100 pushState calls :/
-
-
-        try {
-          globalHistory.pushState(historyState, '', url);
-        } catch (error) {
-          // They are going to lose state here, but there is no real
-          // way to warn them about it since the page will refresh...
-          window.location.assign(url);
-        }
-
-        applyTx(nextAction);
-      }
-    }
-
-    function replace(to, state) {
-      var nextAction = Action.Replace;
-      var nextLocation = getNextLocation(to, state);
-
-      function retry() {
-        replace(to, state);
-      }
-
-      warning$1(nextLocation.pathname.charAt(0) === '/', "Relative pathnames are not supported in hash history.replace(" + JSON.stringify(to) + ")") ;
-
-      if (allowTx(nextAction, nextLocation, retry)) {
-        var _getHistoryStateAndUr4 = getHistoryStateAndUrl(nextLocation, index),
-            historyState = _getHistoryStateAndUr4[0],
-            url = _getHistoryStateAndUr4[1]; // TODO: Support forced reloading
-
-
-        globalHistory.replaceState(historyState, '', url);
-        applyTx(nextAction);
-      }
-    }
-
-    function go(delta) {
-      globalHistory.go(delta);
-    }
-
-    var history = {
-      get action() {
-        return action;
       },
-
-      get location() {
-        return location;
+      push: (path, state) => {
+        opts.pushState(path, state);
+        onUpdate();
       },
-
-      createHref: createHref,
-      push: push,
-      replace: replace,
-      go: go,
-      back: function back() {
-        go(-1);
+      replace: (path, state) => {
+        opts.replaceState(path, state);
+        onUpdate();
       },
-      forward: function forward() {
-        go(1);
+      go: index => {
+        opts.go(index);
+        onUpdate();
       },
-      listen: function listen(listener) {
-        return listeners.push(listener);
+      back: () => {
+        opts.back();
+        onUpdate();
       },
-      block: function block(blocker) {
-        var unblock = blockers.push(blocker);
-
-        if (blockers.length === 1) {
-          window.addEventListener(BeforeUnloadEventType, promptBeforeUnload);
-        }
-
-        return function () {
-          unblock(); // Remove the beforeunload listener so the document may
-          // still be salvageable in the pagehide event.
-          // See https://html.spec.whatwg.org/#unloading-documents
-
-          if (!blockers.length) {
-            window.removeEventListener(BeforeUnloadEventType, promptBeforeUnload);
-          }
-        };
+      forward: () => {
+        opts.forward();
+        onUpdate();
       }
     };
-    return history;
   }
-  /**
-   * Memory history stores the current location in memory. It is designed for use
-   * in stateful non-browser environments like tests and React Native.
-   *
-   * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#creatememoryhistory
-   */
-
-  function createMemoryHistory(options) {
-    if (options === void 0) {
-      options = {};
-    }
-
-    var _options3 = options,
-        _options3$initialEntr = _options3.initialEntries,
-        initialEntries = _options3$initialEntr === void 0 ? ['/'] : _options3$initialEntr,
-        initialIndex = _options3.initialIndex;
-    var entries = initialEntries.map(function (entry) {
-      var location = readOnly(_extends({
-        pathname: '/',
-        search: '',
-        hash: '',
-        state: null,
-        key: createKey()
-      }, typeof entry === 'string' ? parsePath(entry) : entry));
-      warning$1(location.pathname.charAt(0) === '/', "Relative pathnames are not supported in createMemoryHistory({ initialEntries }) (invalid entry: " + JSON.stringify(entry) + ")") ;
-      return location;
-    });
-    var index = clamp(initialIndex == null ? entries.length - 1 : initialIndex, 0, entries.length - 1);
-    var action = Action.Pop;
-    var location = entries[index];
-    var listeners = createEvents();
-    var blockers = createEvents();
-
-    function createHref(to) {
-      return typeof to === 'string' ? to : createPath(to);
-    }
-
-    function getNextLocation(to, state) {
-      if (state === void 0) {
-        state = null;
-      }
-
-      return readOnly(_extends({
-        pathname: location.pathname,
-        search: '',
-        hash: ''
-      }, typeof to === 'string' ? parsePath(to) : to, {
-        state: state,
-        key: createKey()
-      }));
-    }
-
-    function allowTx(action, location, retry) {
-      return !blockers.length || (blockers.call({
-        action: action,
-        location: location,
-        retry: retry
-      }), false);
-    }
-
-    function applyTx(nextAction, nextLocation) {
-      action = nextAction;
-      location = nextLocation;
-      listeners.call({
-        action: action,
-        location: location
-      });
-    }
-
-    function push(to, state) {
-      var nextAction = Action.Push;
-      var nextLocation = getNextLocation(to, state);
-
-      function retry() {
-        push(to, state);
-      }
-
-      warning$1(location.pathname.charAt(0) === '/', "Relative pathnames are not supported in memory history.push(" + JSON.stringify(to) + ")") ;
-
-      if (allowTx(nextAction, nextLocation, retry)) {
-        index += 1;
-        entries.splice(index, entries.length, nextLocation);
-        applyTx(nextAction, nextLocation);
-      }
-    }
-
-    function replace(to, state) {
-      var nextAction = Action.Replace;
-      var nextLocation = getNextLocation(to, state);
-
-      function retry() {
-        replace(to, state);
-      }
-
-      warning$1(location.pathname.charAt(0) === '/', "Relative pathnames are not supported in memory history.replace(" + JSON.stringify(to) + ")") ;
-
-      if (allowTx(nextAction, nextLocation, retry)) {
-        entries[index] = nextLocation;
-        applyTx(nextAction, nextLocation);
-      }
-    }
-
-    function go(delta) {
-      var nextIndex = clamp(index + delta, 0, entries.length - 1);
-      var nextAction = Action.Pop;
-      var nextLocation = entries[nextIndex];
-
-      function retry() {
-        go(delta);
-      }
-
-      if (allowTx(nextAction, nextLocation, retry)) {
-        index = nextIndex;
-        applyTx(nextAction, nextLocation);
-      }
-    }
-
-    var history = {
-      get index() {
-        return index;
-      },
-
-      get action() {
-        return action;
-      },
-
-      get location() {
-        return location;
-      },
-
-      createHref: createHref,
-      push: push,
-      replace: replace,
-      go: go,
-      back: function back() {
-        go(-1);
+  function createBrowserHistory(opts) {
+    const getHref = opts?.getHref ?? (() => `${window.location.pathname}${window.location.hash}${window.location.search}`);
+    const createHref = opts?.createHref ?? (path => path);
+    const getLocation = () => parseLocation(getHref(), history.state);
+    return createHistory({
+      getLocation,
+      listener: onUpdate => {
+        window.addEventListener(popStateEvent, onUpdate);
+        return () => {
+          window.removeEventListener(popStateEvent, onUpdate);
+        };
       },
-      forward: function forward() {
-        go(1);
+      pushState: (path, state) => {
+        window.history.pushState({
+          ...state,
+          key: createRandomKey()
+        }, '', createHref(path));
       },
-      listen: function listen(listener) {
-        return listeners.push(listener);
+      replaceState: (path, state) => {
+        window.history.replaceState({
+          ...state,
+          key: createRandomKey()
+        }, '', createHref(path));
       },
-      block: function block(blocker) {
-        return blockers.push(blocker);
-      }
-    };
-    return history;
-  } ////////////////////////////////////////////////////////////////////////////////
-  // UTILS
-  ////////////////////////////////////////////////////////////////////////////////
-
-  function clamp(n, lowerBound, upperBound) {
-    return Math.min(Math.max(n, lowerBound), upperBound);
+      back: () => window.history.back(),
+      forward: () => window.history.forward(),
+      go: n => window.history.go(n)
+    });
   }
-
-  function promptBeforeUnload(event) {
-    // Cancel the event.
-    event.preventDefault(); // Chrome (and legacy IE) requires returnValue to be set.
-
-    event.returnValue = '';
+  function createHashHistory() {
+    return createBrowserHistory({
+      getHref: () => window.location.hash.substring(1),
+      createHref: path => `#${path}`
+    });
   }
-
-  function createEvents() {
-    var handlers = [];
-    return {
-      get length() {
-        return handlers.length;
+  function createMemoryHistory(opts = {
+    initialEntries: ['/']
+  }) {
+    const entries = opts.initialEntries;
+    let index = opts.initialIndex ?? entries.length - 1;
+    let currentState = {};
+    const getLocation = () => parseLocation(entries[index], currentState);
+    return createHistory({
+      getLocation,
+      listener: onUpdate => {
+        window.addEventListener(popStateEvent, onUpdate);
+        // We might need to handle the hashchange event in the future
+        // window.addEventListener(hashChangeEvent, onUpdate)
+        return () => {
+          window.removeEventListener(popStateEvent, onUpdate);
+        };
       },
-
-      push: function push(fn) {
-        handlers.push(fn);
-        return function () {
-          handlers = handlers.filter(function (handler) {
-            return handler !== fn;
-          });
+      pushState: (path, state) => {
+        currentState = {
+          ...state,
+          key: createRandomKey()
         };
+        entries.push(path);
+        index++;
       },
-      call: function call(arg) {
-        handlers.forEach(function (fn) {
-          return fn && fn(arg);
-        });
-      }
-    };
-  }
-
-  function createKey() {
-    return Math.random().toString(36).substr(2, 8);
+      replaceState: (path, state) => {
+        currentState = {
+          ...state,
+          key: createRandomKey()
+        };
+        entries[index] = path;
+      },
+      back: () => {
+        index--;
+      },
+      forward: () => {
+        index = Math.min(index + 1, entries.length - 1);
+      },
+      go: n => window.history.go(n)
+    });
   }
-  /**
-   * Creates a string URL path from the given pathname, search, and hash components.
-   *
-   * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#createpath
-   */
-
-
-  function createPath(_ref) {
-    var _ref$pathname = _ref.pathname,
-        pathname = _ref$pathname === void 0 ? '/' : _ref$pathname,
-        _ref$search = _ref.search,
-        search = _ref$search === void 0 ? '' : _ref$search,
-        _ref$hash = _ref.hash,
-        hash = _ref$hash === void 0 ? '' : _ref$hash;
-    if (search && search !== '?') pathname += search.charAt(0) === '?' ? search : '?' + search;
-    if (hash && hash !== '#') pathname += hash.charAt(0) === '#' ? hash : '#' + hash;
-    return pathname;
-  }
-  /**
-   * Parses a string URL path into its separate pathname, search, and hash components.
-   *
-   * @see https://github.com/remix-run/history/tree/main/docs/api-reference.md#parsepath
-   */
-
-  function parsePath(path) {
-    var parsedPath = {};
-
-    if (path) {
-      var hashIndex = path.indexOf('#');
-
-      if (hashIndex >= 0) {
-        parsedPath.hash = path.substr(hashIndex);
-        path = path.substr(0, hashIndex);
-      }
-
-      var searchIndex = path.indexOf('?');
-
-      if (searchIndex >= 0) {
-        parsedPath.search = path.substr(searchIndex);
-        path = path.substr(0, searchIndex);
-      }
-
-      if (path) {
-        parsedPath.pathname = path;
-      }
-    }
-
-    return parsedPath;
+  function parseLocation(href, state) {
+    let hashIndex = href.indexOf('#');
+    let searchIndex = href.indexOf('?');
+    const pathEnd = Math.min(hashIndex, searchIndex);
+    return {
+      href,
+      pathname: pathEnd > -1 ? href.substring(0, pathEnd) : href,
+      hash: hashIndex > -1 ? href.substring(hashIndex, searchIndex) : '',
+      search: searchIndex > -1 ? href.substring(searchIndex) : '',
+      state
+    };
   }
 
-  var prefix = 'Invariant failed';
-  function invariant(condition, message) {
-      if (condition) {
-          return;
-      }
-      var provided = typeof message === 'function' ? message() : message;
-      var value = provided ? "".concat(prefix, ": ").concat(provided) : prefix;
-      throw new Error(value);
+  // Thanks co-pilot!
+  function createRandomKey() {
+    return (Math.random() + 1).toString(36).substring(7);
   }
 
-  /**
-   * router-core
-   *
-   * Copyright (c) TanStack
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE.md file in the root directory of this source tree.
-   *
-   * @license MIT
-   */
-
   function last(arr) {
     return arr[arr.length - 1];
   }
@@ -1328,9 +276,8 @@
           baseSegments.push(toSegment);
         } else ;
       } else if (toSegment.value === '..') {
-        var _last;
         // Extra trailing slash? pop it off
-        if (baseSegments.length > 1 && ((_last = last(baseSegments)) == null ? void 0 : _last.value) === '/') {
+        if (baseSegments.length > 1 && last(baseSegments)?.value === '/') {
           baseSegments.pop();
         }
         baseSegments.pop();
@@ -1427,14 +374,14 @@
         const isLastBaseSegment = i === baseSegments.length - 1;
         if (routeSegment) {
           if (routeSegment.type === 'wildcard') {
-            if (baseSegment != null && baseSegment.value) {
+            if (baseSegment?.value) {
               params['*'] = joinPaths(baseSegments.slice(i).map(d => d.value));
               return true;
             }
             return false;
           }
           if (routeSegment.type === 'pathname') {
-            if (routeSegment.value === '/' && !(baseSegment != null && baseSegment.value)) {
+            if (routeSegment.value === '/' && !baseSegment?.value) {
               return true;
             }
             if (baseSegment) {
@@ -1451,7 +398,7 @@
             return false;
           }
           if (routeSegment.type === 'param') {
-            if ((baseSegment == null ? void 0 : baseSegment.value) === '/') {
+            if (baseSegment?.value === '/') {
               return false;
             }
             if (baseSegment.value.charAt(0) !== '$') {
@@ -1517,151 +464,25 @@
     return out;
   }
 
-  function createRoute(routeConfig, options, originalIndex, parent, router) {
-    const {
-      id,
-      routeId,
-      path: routePath,
-      fullPath
-    } = routeConfig;
-    let route = {
-      routeInfo: undefined,
-      routeId: id,
-      routeRouteId: routeId,
-      originalIndex,
-      routePath,
-      fullPath,
-      options,
-      router,
-      childRoutes: undefined,
-      parentRoute: parent,
-      get action() {
-        let action = router.store.actions[id] || (() => {
-          router.setStore(s => {
-            s.actions[id] = {
-              submissions: [],
-              submit: async (submission, actionOpts) => {
-                if (!route) {
-                  return;
-                }
-                const invalidate = (actionOpts == null ? void 0 : actionOpts.invalidate) ?? true;
-                const [actionStore, setActionStore] = createStore({
-                  submittedAt: Date.now(),
-                  status: 'pending',
-                  submission,
-                  isMulti: !!(actionOpts != null && actionOpts.multi)
-                });
-                router.setStore(s => {
-                  if (!(actionOpts != null && actionOpts.multi)) {
-                    s.actions[id].submissions = action.submissions.filter(d => d.isMulti);
-                  }
-                  s.actions[id].current = actionStore;
-                  s.actions[id].latest = actionStore;
-                  s.actions[id].submissions.push(actionStore);
-                });
-                try {
-                  const res = await (route.options.action == null ? void 0 : route.options.action(submission));
-                  setActionStore(s => {
-                    s.data = res;
-                  });
-                  if (invalidate) {
-                    router.invalidateRoute({
-                      to: '.',
-                      fromCurrent: true
-                    });
-                    await router.reload();
-                  }
-                  setActionStore(s => {
-                    s.status = 'success';
-                  });
-                  return res;
-                } catch (err) {
-                  console.error(err);
-                  setActionStore(s => {
-                    s.error = err;
-                    s.status = 'error';
-                  });
-                }
-              }
-            };
-          });
-          return router.store.actions[id];
-        })();
-        return action;
-      },
-      get loader() {
-        let loader = router.store.loaders[id] || (() => {
-          router.setStore(s => {
-            s.loaders[id] = {
-              pending: [],
-              fetch: async loaderContext => {
-                if (!route) {
-                  return;
-                }
-                const loaderState = {
-                  loadedAt: Date.now(),
-                  loaderContext
-                };
-                router.setStore(s => {
-                  s.loaders[id].current = loaderState;
-                  s.loaders[id].latest = loaderState;
-                  s.loaders[id].pending.push(loaderState);
-                });
-                try {
-                  return await (route.options.loader == null ? void 0 : route.options.loader(loaderContext));
-                } finally {
-                  router.setStore(s => {
-                    s.loaders[id].pending = s.loaders[id].pending.filter(d => d !== loaderState);
-                  });
-                }
-              }
-            };
-          });
-          return router.store.loaders[id];
-        })();
-        return loader;
-      }
-
-      // buildLink: (options) => {
-      //   return router.buildLink({
-      //     ...options,
-      //     from: fullPath,
-      //   } as any) as any
-      // },
-
-      // navigate: (options) => {
-      //   return router.navigate({
-      //     ...options,
-      //     from: fullPath,
-      //   } as any) as any
-      // },
-
-      // matchRoute: (matchLocation, opts) => {
-      //   return router.matchRoute(
-      //     {
-      //       ...matchLocation,
-      //       from: fullPath,
-      //     } as any,
-      //     opts,
-      //   ) as any
-      // },
-    };
-
-    router.options.createRoute == null ? void 0 : router.options.createRoute({
-      router,
-      route
-    });
-    return route;
+  class Route {
+    constructor(routeConfig, options, originalIndex, parent, router) {
+      Object.assign(this, {
+        ...routeConfig,
+        originalIndex,
+        options,
+        getRouter: () => router,
+        childRoutes: undefined,
+        getParentRoute: () => parent
+      });
+      router.options.createRoute?.({
+        router,
+        route: this
+      });
+    }
   }
 
   const rootRouteId = '__root__';
-  const createRouteConfig = function (options, children, isRoot, parentId, parentPath) {
-    if (options === void 0) {
-      options = {};
-    }
-    if (isRoot === void 0) {
-      isRoot = true;
-    }
+  const createRouteConfig = (options = {}, children = [], isRoot = true, parentId, parentPath) => {
     if (isRoot) {
       options.path = rootRouteId;
     }
@@ -1700,80 +521,153 @@
     };
   };
 
+  sn(false);
+  let queue = [];
+  let batching = false;
+  function flush() {
+    if (batching) return;
+    queue.forEach(cb => cb());
+    queue = [];
+  }
+  function createStore(initialState, debug) {
+    const listeners = new Set();
+    const store = {
+      state: initialState,
+      subscribe: listener => {
+        listeners.add(listener);
+        return () => listeners.delete(listener);
+      },
+      setState: updater => {
+        const previous = store.state;
+        store.state = fn(d => {
+          updater(d);
+        })(previous);
+        if (debug) console.log(store.state);
+        queue.push(() => listeners.forEach(listener => listener(store.state, previous)));
+        flush();
+      }
+    };
+    return store;
+  }
+  function batch(cb) {
+    batching = true;
+    cb();
+    batching = false;
+    flush();
+  }
+
+  // /**
+  //  * This function converts a store to an immutable value, which is
+  //  * more complex than you think. On first read, (when prev is undefined)
+  //  * every value must be recursively touched so tracking is "deep".
+  //  * Every object/array structure must also be cloned to
+  //  * have a new reference, otherwise it will get mutated by subsequent
+  //  * store updates.
+  //  *
+  //  * In the case that prev is supplied, we have to do deep comparisons
+  //  * between prev and next objects/array references and if they are deeply
+  //  * equal, we can return the prev version for referential equality.
+  //  */
+  // export function storeToImmutable<T>(prev: any, next: T): T {
+  //   const cache = new Map()
+
+  //   // Visit all nodes
+  //   // clone all next structures
+  //   // from bottom up, if prev === next, return prev
+
+  //   function recurse(prev: any, next: any) {
+  //     if (cache.has(next)) {
+  //       return cache.get(next)
+  //     }
+
+  //     const prevIsArray = Array.isArray(prev)
+  //     const nextIsArray = Array.isArray(next)
+  //     const prevIsObj = isPlainObject(prev)
+  //     const nextIsObj = isPlainObject(next)
+  //     const nextIsComplex = nextIsArray || nextIsObj
+
+  //     const isArray = prevIsArray && nextIsArray
+  //     const isObj = prevIsObj && nextIsObj
+
+  //     const isSameStructure = isArray || isObj
+
+  //     if (nextIsComplex) {
+  //       const prevSize = isArray
+  //         ? prev.length
+  //         : isObj
+  //         ? Object.keys(prev).length
+  //         : -1
+  //       const nextKeys = isArray ? next : Object.keys(next)
+  //       const nextSize = nextKeys.length
+
+  //       let changed = false
+  //       const copy: any = nextIsArray ? [] : {}
+
+  //       for (let i = 0; i < nextSize; i++) {
+  //         const key = isArray ? i : nextKeys[i]
+  //         const prevValue = isSameStructure ? prev[key] : undefined
+  //         const nextValue = next[key]
+
+  //         // Recurse the new value
+  //         try {
+  //           console.count(key)
+  //           copy[key] = recurse(prevValue, nextValue)
+  //         } catch {}
+
+  //         // If the new value has changed reference,
+  //         // mark the obj/array as changed
+  //         if (!changed && copy[key] !== prevValue) {
+  //           changed = true
+  //         }
+  //       }
+
+  //       // No items have changed!
+  //       // If something has changed, return a clone of the next obj/array
+  //       if (changed || prevSize !== nextSize) {
+  //         cache.set(next, copy)
+  //         return copy
+  //       }
+
+  //       // If they are exactly the same, return the prev obj/array
+  //       cache.set(next, prev)
+  //       return prev
+  //     }
+
+  //     cache.set(next, next)
+  //     return next
+  //   }
+
+  //   return recurse(prev, next)
+  // }
+
   /**
    * This function returns `a` if `b` is deeply equal.
    * If not, it will replace any deeply equal children of `b` with those of `a`.
-   * This can be used for structural sharing between JSON values for example.
+   * This can be used for structural sharing between immutable JSON values for example.
+   * Do not use this with signals
    */
-  function sharedClone(prev, next, touchAll) {
-    const things = new Map();
-    function recurse(prev, next) {
-      if (prev === next) {
-        return prev;
-      }
-      if (things.has(next)) {
-        return things.get(next);
-      }
-      const prevIsArray = Array.isArray(prev);
-      const nextIsArray = Array.isArray(next);
-      const prevIsObj = isPlainObject(prev);
-      const nextIsObj = isPlainObject(next);
-      const isArray = prevIsArray && nextIsArray;
-      const isObj = prevIsObj && nextIsObj;
-      const isSameStructure = isArray || isObj;
-
-      // Both are arrays or objects
-      if (isSameStructure) {
-        const aSize = isArray ? prev.length : Object.keys(prev).length;
-        const bItems = isArray ? next : Object.keys(next);
-        const bSize = bItems.length;
-        const copy = isArray ? [] : {};
-        let equalItems = 0;
-        for (let i = 0; i < bSize; i++) {
-          const key = isArray ? i : bItems[i];
-          if (copy[key] === prev[key]) {
-            equalItems++;
-          }
-        }
-        if (aSize === bSize && equalItems === aSize) {
-          things.set(next, prev);
-          return prev;
-        }
-        things.set(next, copy);
-        for (let i = 0; i < bSize; i++) {
-          const key = isArray ? i : bItems[i];
-          if (typeof bItems[i] === 'function') {
-            copy[key] = prev[key];
-          } else {
-            copy[key] = recurse(prev[key], next[key]);
-          }
-          if (copy[key] === prev[key]) {
-            equalItems++;
-          }
-        }
-        return copy;
-      }
-      if (nextIsArray) {
-        const copy = [];
-        things.set(next, copy);
-        for (let i = 0; i < next.length; i++) {
-          copy[i] = recurse(undefined, next[i]);
+  function replaceEqualDeep(prev, _next) {
+    if (prev === _next) {
+      return prev;
+    }
+    const next = _next;
+    const array = Array.isArray(prev) && Array.isArray(next);
+    if (array || isPlainObject(prev) && isPlainObject(next)) {
+      const prevSize = array ? prev.length : Object.keys(prev).length;
+      const nextItems = array ? next : Object.keys(next);
+      const nextSize = nextItems.length;
+      const copy = array ? [] : {};
+      let equalItems = 0;
+      for (let i = 0; i < nextSize; i++) {
+        const key = array ? i : nextItems[i];
+        copy[key] = replaceEqualDeep(prev[key], next[key]);
+        if (copy[key] === prev[key]) {
+          equalItems++;
         }
-        return copy;
       }
-      if (nextIsObj) {
-        const copy = {};
-        things.set(next, copy);
-        const nextKeys = Object.keys(next);
-        for (let i = 0; i < nextKeys.length; i++) {
-          const key = nextKeys[i];
-          copy[key] = recurse(undefined, next[key]);
-        }
-        return copy;
-      }
-      return next;
+      return prevSize === nextSize && equalItems === prevSize ? prev : copy;
     }
-    return recurse(prev, next);
+    return next;
   }
 
   // Copied from: https://github.com/jonschlinkert/is-plain-object
@@ -1805,1039 +699,1072 @@
   function hasObjectPrototype(o) {
     return Object.prototype.toString.call(o) === '[object Object]';
   }
+  function trackDeep(obj) {
+    const seen = new Set();
+    JSON.stringify(obj, (_, value) => {
+      if (typeof value === 'function') {
+        return undefined;
+      }
+      if (typeof value === 'object' && value !== null) {
+        if (seen.has(value)) return;
+        seen.add(value);
+      }
+      return value;
+    });
+    return obj;
+  }
 
   const componentTypes = ['component', 'errorComponent', 'pendingComponent'];
-  function createRouteMatch(router, route, opts) {
-    let componentsPromise;
-    let dataPromise;
-    let latestId = '';
-    let resolve = () => {};
-    function setLoaderData(loaderData) {
-      batch(() => {
-        setStore(s => {
-          s.routeLoaderData = sharedClone(s.routeLoaderData, loaderData);
-        });
-        updateLoaderData();
+  class RouteMatch {
+    abortController = new AbortController();
+    #latestId = '';
+    #resolve = () => {};
+    onLoaderDataListeners = new Set();
+    constructor(router, route, opts) {
+      Object.assign(this, {
+        route,
+        router,
+        matchId: opts.matchId,
+        pathname: opts.pathname,
+        params: opts.params,
+        store: createStore({
+          routeSearch: {},
+          search: {},
+          status: 'idle',
+          routeLoaderData: {},
+          loaderData: {},
+          isFetching: false,
+          invalid: false,
+          invalidAt: Infinity
+        })
       });
+      if (!this.__hasLoaders()) {
+        this.store.setState(s => s.status = 'success');
+      }
     }
-    function updateLoaderData() {
-      setStore(s => {
-        var _store$parentMatch;
-        s.loaderData = sharedClone(s.loaderData, {
-          ...((_store$parentMatch = store.parentMatch) == null ? void 0 : _store$parentMatch.store.loaderData),
-          ...s.routeLoaderData
+    #setLoaderData = loaderData => {
+      batch(() => {
+        this.store.setState(s => {
+          s.routeLoaderData = loaderData;
         });
+        this.#updateLoaderData();
       });
-    }
-    const [store, setStore] = createStore({
-      routeSearch: {},
-      search: {},
-      status: 'idle',
-      routeLoaderData: {},
-      loaderData: {},
-      isFetching: false,
-      invalid: false,
-      invalidAt: Infinity,
-      get isInvalid() {
-        const now = Date.now();
-        return this.invalid || this.invalidAt < now;
-      }
-    });
-    const routeMatch = {
-      ...route,
-      ...opts,
-      store,
-      // setStore,
-      router,
-      childMatches: [],
-      __: {
-        setParentMatch: parentMatch => {
-          batch(() => {
-            setStore(s => {
-              s.parentMatch = parentMatch;
-            });
-            updateLoaderData();
-          });
-        },
-        abortController: new AbortController(),
-        validate: () => {
-          var _store$parentMatch2;
-          // Validate the search params and stabilize them
-          const parentSearch = ((_store$parentMatch2 = store.parentMatch) == null ? void 0 : _store$parentMatch2.store.search) ?? router.store.currentLocation.search;
-          try {
-            const prevSearch = store.routeSearch;
-            const validator = typeof routeMatch.options.validateSearch === 'object' ? routeMatch.options.validateSearch.parse : routeMatch.options.validateSearch;
-            let nextSearch = sharedClone(prevSearch, (validator == null ? void 0 : validator(parentSearch)) ?? {});
-            batch(() => {
-              // Invalidate route matches when search param stability changes
-              if (prevSearch !== nextSearch) {
-                setStore(s => s.invalid = true);
-              }
-
-              // TODO: Alright, do we need batch() here?
-              setStore(s => {
-                s.routeSearch = nextSearch;
-                s.search = sharedClone(parentSearch, {
-                  ...parentSearch,
-                  ...nextSearch
-                });
-              });
-            });
-            componentTypes.map(async type => {
-              const component = routeMatch.options[type];
-              if (typeof routeMatch.__[type] !== 'function') {
-                routeMatch.__[type] = component;
-              }
-            });
-          } catch (err) {
-            console.error(err);
-            const error = new Error('Invalid search params found', {
-              cause: err
-            });
-            error.code = 'INVALID_SEARCH_PARAMS';
-            setStore(s => {
-              s.status = 'error';
-              s.error = error;
-            });
-
-            // Do not proceed with loading the route
-            return;
-          }
+    };
+    cancel = () => {
+      this.abortController?.abort();
+    };
+    load = async loaderOpts => {
+      const now = Date.now();
+      const minMaxAge = loaderOpts?.preload ? Math.max(loaderOpts?.maxAge, loaderOpts?.gcMaxAge) : 0;
+
+      // If this is a preload, add it to the preload cache
+      if (loaderOpts?.preload && minMaxAge > 0) {
+        // If the match is currently active, don't preload it
+        if (this.router.store.state.currentMatches.find(d => d.id === this.id)) {
+          return;
         }
-      },
-      cancel: () => {
-        var _routeMatch$__$abortC;
-        (_routeMatch$__$abortC = routeMatch.__.abortController) == null ? void 0 : _routeMatch$__$abortC.abort();
-      },
-      invalidate: () => {
-        setStore(s => s.invalid = true);
-      },
-      hasLoaders: () => {
-        return !!(route.options.loader || componentTypes.some(d => {
-          var _route$options$d;
-          return (_route$options$d = route.options[d]) == null ? void 0 : _route$options$d.preload;
-        }));
-      },
-      load: async loaderOpts => {
-        const now = Date.now();
-        const minMaxAge = loaderOpts != null && loaderOpts.preload ? Math.max(loaderOpts == null ? void 0 : loaderOpts.maxAge, loaderOpts == null ? void 0 : loaderOpts.gcMaxAge) : 0;
-
-        // If this is a preload, add it to the preload cache
-        if (loaderOpts != null && loaderOpts.preload && minMaxAge > 0) {
-          // If the match is currently active, don't preload it
-          if (router.store.currentMatches.find(d => d.matchId === routeMatch.matchId)) {
-            return;
-          }
-          router.store.matchCache[routeMatch.matchId] = {
+        this.router.store.setState(s => {
+          s.matchCache[this.id] = {
             gc: now + loaderOpts.gcMaxAge,
-            match: routeMatch
-          };
-        }
-
-        // If the match is invalid, errored or idle, trigger it to load
-        if (store.status === 'success' && store.isInvalid || store.status === 'error' || store.status === 'idle') {
-          const maxAge = loaderOpts != null && loaderOpts.preload ? loaderOpts == null ? void 0 : loaderOpts.maxAge : undefined;
-          await routeMatch.fetch({
-            maxAge
-          });
-        }
-      },
-      fetch: async opts => {
-        const loadId = '' + Date.now() + Math.random();
-        latestId = loadId;
-        const checkLatest = async () => {
-          if (loadId !== latestId) {
-            // warning(true, 'Data loader is out of date!')
-            return new Promise(() => {});
-          }
-        };
-        batch(() => {
-          // If the match was in an error state, set it
-          // to a loading state again. Otherwise, keep it
-          // as loading or resolved
-          if (store.status === 'idle') {
-            setStore(s => s.status = 'loading');
-          }
-
-          // We started loading the route, so it's no longer invalid
-          setStore(s => s.invalid = false);
-        });
-        routeMatch.__.loadPromise = new Promise(async r => {
-          // We are now fetching, even if it's in the background of a
-          // resolved state
-          setStore(s => s.isFetching = true);
-          resolve = r;
-          componentsPromise = (async () => {
-            // then run all component and data loaders in parallel
-            // For each component type, potentially load it asynchronously
-
-            await Promise.all(componentTypes.map(async type => {
-              var _routeMatch$__$type;
-              const component = routeMatch.options[type];
-              if ((_routeMatch$__$type = routeMatch.__[type]) != null && _routeMatch$__$type.preload) {
-                routeMatch.__[type] = await router.options.loadComponent(component);
-              }
-            }));
-          })();
-          dataPromise = Promise.resolve().then(async () => {
-            try {
-              if (routeMatch.options.loader) {
-                const data = await router.loadMatchData(routeMatch);
-                await checkLatest();
-                setLoaderData(data);
-              }
-              setStore(s => {
-                s.error = undefined;
-                s.status = 'success';
-                s.updatedAt = Date.now();
-                s.invalidAt = s.updatedAt + ((opts == null ? void 0 : opts.maxAge) ?? routeMatch.options.loaderMaxAge ?? router.options.defaultLoaderMaxAge ?? 0);
-              });
-              return store.routeLoaderData;
-            } catch (err) {
-              await checkLatest();
-              {
-                console.error(err);
-              }
-              setStore(s => {
-                s.error = err;
-                s.status = 'error';
-                s.updatedAt = Date.now();
-              });
-              throw err;
-            }
-          });
-          const after = async () => {
-            await checkLatest();
-            setStore(s => s.isFetching = false);
-            delete routeMatch.__.loadPromise;
-            resolve();
+            match: this
           };
-          try {
-            await Promise.all([componentsPromise, dataPromise.catch(() => {})]);
-            after();
-          } catch {
-            after();
-          }
-        });
-        await routeMatch.__.loadPromise;
-        await checkLatest();
-      }
-    };
-    if (!routeMatch.hasLoaders()) {
-      setStore(s => s.status = 'success');
-    }
-    return routeMatch;
-  }
-
-  const defaultParseSearch = parseSearchWith(JSON.parse);
-  const defaultStringifySearch = stringifySearchWith(JSON.stringify);
-  function parseSearchWith(parser) {
-    return searchStr => {
-      if (searchStr.substring(0, 1) === '?') {
-        searchStr = searchStr.substring(1);
-      }
-      let query = decode(searchStr);
-
-      // Try to parse any query params that might be json
-      for (let key in query) {
-        const value = query[key];
-        if (typeof value === 'string') {
-          try {
-            query[key] = parser(value);
-          } catch (err) {
-            //
-          }
-        }
-      }
-      return query;
-    };
-  }
-  function stringifySearchWith(stringify) {
-    return search => {
-      search = {
-        ...search
-      };
-      if (search) {
-        Object.keys(search).forEach(key => {
-          const val = search[key];
-          if (typeof val === 'undefined' || val === undefined) {
-            delete search[key];
-          } else if (val && typeof val === 'object' && val !== null) {
-            try {
-              search[key] = stringify(val);
-            } catch (err) {
-              // silent
-            }
-          }
-        });
-      }
-      const searchStr = encode(search).toString();
-      return searchStr ? `?${searchStr}` : '';
-    };
-  }
-
-  var _window$document;
-  // Detect if we're in the DOM
-  const isServer = typeof window === 'undefined' || !((_window$document = window.document) != null && _window$document.createElement);
-
-  // This is the default history object if none is defined
-  const createDefaultHistory = () => isServer ? createMemoryHistory() : createBrowserHistory();
-  function getInitialRouterState() {
-    return {
-      status: 'idle',
-      latestLocation: null,
-      currentLocation: null,
-      currentMatches: [],
-      actions: {},
-      loaders: {},
-      lastUpdated: Date.now(),
-      matchCache: {},
-      get isFetching() {
-        return this.status === 'loading' || this.currentMatches.some(d => d.store.isFetching);
-      },
-      get isPreloading() {
-        return Object.values(this.matchCache).some(d => d.match.store.isFetching && !this.currentMatches.find(dd => dd.matchId === d.match.matchId));
-      }
-    };
-  }
-  function createRouter(userOptions) {
-    const originalOptions = {
-      defaultLoaderGcMaxAge: 5 * 60 * 1000,
-      defaultLoaderMaxAge: 0,
-      defaultPreloadMaxAge: 2000,
-      defaultPreloadDelay: 50,
-      context: undefined,
-      ...userOptions,
-      stringifySearch: (userOptions == null ? void 0 : userOptions.stringifySearch) ?? defaultStringifySearch,
-      parseSearch: (userOptions == null ? void 0 : userOptions.parseSearch) ?? defaultParseSearch
-    };
-    const [store, setStore] = createStore(getInitialRouterState());
-    let navigationPromise;
-    let startedLoadingAt = Date.now();
-    let resolveNavigation = () => {};
-    function onFocus() {
-      router.load();
-    }
-    function buildRouteTree(rootRouteConfig) {
-      const recurseRoutes = (routeConfigs, parent) => {
-        return routeConfigs.map((routeConfig, i) => {
-          const routeOptions = routeConfig.options;
-          const route = createRoute(routeConfig, routeOptions, i, parent, router);
-          const existingRoute = router.routesById[route.routeId];
-          if (existingRoute) {
-            {
-              console.warn(`Duplicate routes found with id: ${String(route.routeId)}`, router.routesById, route);
-            }
-            throw new Error();
-          }
-          router.routesById[route.routeId] = route;
-          const children = routeConfig.children;
-          route.childRoutes = children != null && children.length ? recurseRoutes(children, route) : undefined;
-          return route;
-        });
-      };
-      const routes = recurseRoutes([rootRouteConfig]);
-      return routes[0];
-    }
-    function parseLocation(location, previousLocation) {
-      const parsedSearch = router.options.parseSearch(location.search);
-      return {
-        pathname: location.pathname,
-        searchStr: location.search,
-        search: sharedClone(previousLocation == null ? void 0 : previousLocation.search, parsedSearch),
-        hash: location.hash.split('#').reverse()[0] ?? '',
-        href: `${location.pathname}${location.search}${location.hash}`,
-        state: location.state,
-        key: location.key
-      };
-    }
-    function navigate(location) {
-      const next = router.buildNext(location);
-      return commitLocation(next, location.replace);
-    }
-    function buildLocation(dest) {
-      var _last, _dest$__preSearchFilt, _dest$__preSearchFilt2, _dest$__postSearchFil;
-      if (dest === void 0) {
-        dest = {};
-      }
-      const fromPathname = dest.fromCurrent ? store.latestLocation.pathname : dest.from ?? store.latestLocation.pathname;
-      let pathname = resolvePath(router.basepath ?? '/', fromPathname, `${dest.to ?? '.'}`);
-      const fromMatches = router.matchRoutes(store.latestLocation.pathname, {
-        strictParseParams: true
-      });
-      const toMatches = router.matchRoutes(pathname);
-      const prevParams = {
-        ...((_last = last(fromMatches)) == null ? void 0 : _last.params)
-      };
-      let nextParams = (dest.params ?? true) === true ? prevParams : functionalUpdate(dest.params, prevParams);
-      if (nextParams) {
-        toMatches.map(d => d.options.stringifyParams).filter(Boolean).forEach(fn => {
-          Object.assign({}, nextParams, fn(nextParams));
         });
       }
-      pathname = interpolatePath(pathname, nextParams ?? {});
-
-      // Pre filters first
-      const preFilteredSearch = (_dest$__preSearchFilt = dest.__preSearchFilters) != null && _dest$__preSearchFilt.length ? dest.__preSearchFilters.reduce((prev, next) => next(prev), store.latestLocation.search) : store.latestLocation.search;
-
-      // Then the link/navigate function
-      const destSearch = dest.search === true ? preFilteredSearch // Preserve resolvedFrom true
-      : dest.search ? functionalUpdate(dest.search, preFilteredSearch) ?? {} // Updater
-      : (_dest$__preSearchFilt2 = dest.__preSearchFilters) != null && _dest$__preSearchFilt2.length ? preFilteredSearch // Preserve resolvedFrom filters
-      : {};
-
-      // Then post filters
-      const postFilteredSearch = (_dest$__postSearchFil = dest.__postSearchFilters) != null && _dest$__postSearchFil.length ? dest.__postSearchFilters.reduce((prev, next) => next(prev), destSearch) : destSearch;
-      const search = sharedClone(store.latestLocation.search, postFilteredSearch);
-      const searchStr = router.options.stringifySearch(search);
-      let hash = dest.hash === true ? store.latestLocation.hash : functionalUpdate(dest.hash, store.latestLocation.hash);
-      hash = hash ? `#${hash}` : '';
-      return {
-        pathname,
-        search,
-        searchStr,
-        state: store.latestLocation.state,
-        hash,
-        href: `${pathname}${searchStr}${hash}`,
-        key: dest.key
-      };
-    }
-    function commitLocation(next, replace) {
-      const id = '' + Date.now() + Math.random();
-      let nextAction = 'replace';
-      if (!replace) {
-        nextAction = 'push';
-      }
-      const isSameUrl = parseLocation(router.history.location).href === next.href;
-      if (isSameUrl && !next.key) {
-        nextAction = 'replace';
-      }
-      router.history[nextAction]({
-        pathname: next.pathname,
-        hash: next.hash,
-        search: next.searchStr
-      }, {
-        id,
-        ...next.state
-      });
-      return navigationPromise = new Promise(resolve => {
-        const previousNavigationResolve = resolveNavigation;
-        resolveNavigation = () => {
-          previousNavigationResolve();
-          resolve();
-        };
-      });
-    }
-    const router = {
-      types: undefined,
-      // public api
-      history: (userOptions == null ? void 0 : userOptions.history) || createDefaultHistory(),
-      store,
-      setStore,
-      options: originalOptions,
-      basepath: '',
-      routeTree: undefined,
-      routesById: {},
-      reset: () => {
-        setStore(s => Object.assign(s, getInitialRouterState()));
-      },
-      getRoute: id => {
-        return router.routesById[id];
-      },
-      dehydrate: () => {
-        return {
-          store: {
-            ...pick(store, ['latestLocation', 'currentLocation', 'status', 'lastUpdated']),
-            currentMatches: store.currentMatches.map(match => ({
-              matchId: match.matchId,
-              store: pick(match.store, ['status', 'routeLoaderData', 'isInvalid', 'invalidAt'])
-            }))
-          },
-          context: router.options.context
-        };
-      },
-      hydrate: dehydratedRouter => {
-        setStore(s => {
-          // Update the context TODO: make this part of state?
-          router.options.context = dehydratedRouter.context;
-
-          // Match the routes
-          const currentMatches = router.matchRoutes(dehydratedRouter.store.latestLocation.pathname, {
-            strictParseParams: true
-          });
-          currentMatches.forEach((match, index) => {
-            const dehydratedMatch = dehydratedRouter.store.currentMatches[index];
-            invariant(dehydratedMatch && dehydratedMatch.matchId === match.matchId, 'Oh no! There was a hydration mismatch when attempting to restore the state of the router! 😬');
-            Object.assign(match, dehydratedMatch);
-          });
-          currentMatches.forEach(match => match.__.validate());
-          Object.assign(s, {
-            ...dehydratedRouter.store,
-            currentMatches
-          });
-        });
-      },
-      mount: () => {
-        // Mount only does anything on the client
-        if (!isServer) {
-          // If the router matches are empty, load the matches
-          if (!store.currentMatches.length) {
-            router.load();
-          }
-          const unsub = router.history.listen(event => {
-            router.load(parseLocation(event.location, store.latestLocation));
-          });
-
-          // addEventListener does not exist in React Native, but window does
-          // In the future, we might need to invert control here for more adapters
-          // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-          if (window.addEventListener) {
-            // Listen to visibilitychange and focus
-            window.addEventListener('visibilitychange', onFocus, false);
-            window.addEventListener('focus', onFocus, false);
-          }
-          return () => {
-            unsub();
-            if (window.removeEventListener) {
-              // Be sure to unsubscribe if a new handler is set
-              window.removeEventListener('visibilitychange', onFocus);
-              window.removeEventListener('focus', onFocus);
-            }
-          };
-        }
-        return () => {};
-      },
-      update: opts => {
-        const newHistory = (opts == null ? void 0 : opts.history) !== router.history;
-        if (!store.latestLocation || newHistory) {
-          if (opts != null && opts.history) {
-            router.history = opts.history;
-          }
-          setStore(s => {
-            s.latestLocation = parseLocation(router.history.location);
-            s.currentLocation = s.latestLocation;
-          });
-        }
-        Object.assign(router.options, opts);
-        const {
-          basepath,
-          routeConfig
-        } = router.options;
-        router.basepath = `/${trimPath(basepath ?? '') ?? ''}`;
-        if (routeConfig) {
-          router.routesById = {};
-          router.routeTree = buildRouteTree(routeConfig);
-        }
-        return router;
-      },
-      cancelMatches: () => {
-        [...store.currentMatches, ...(store.pendingMatches || [])].forEach(match => {
-          match.cancel();
+
+      // If the match is invalid, errored or idle, trigger it to load
+      if (this.store.state.status === 'success' && this.getIsInvalid() || this.store.state.status === 'error' || this.store.state.status === 'idle') {
+        const maxAge = loaderOpts?.preload ? loaderOpts?.maxAge : undefined;
+        await this.fetch({
+          maxAge
         });
-      },
-      load: async next => {
-        let now = Date.now();
-        const startedAt = now;
-        startedLoadingAt = startedAt;
-
-        // Cancel any pending matches
-        router.cancelMatches();
-        let matches;
+      }
+    };
+    fetch = async opts => {
+      this.__loadPromise = new Promise(async resolve => {
+        const loadId = '' + Date.now() + Math.random();
+        this.#latestId = loadId;
+        const checkLatest = () => loadId !== this.#latestId ? this.__loadPromise?.then(() => resolve()) : undefined;
+        let latestPromise;
         batch(() => {
-          if (next) {
-            // Ingest the new location
-            setStore(s => {
-              s.latestLocation = next;
-            });
+          // If the match was in an error state, set it
+          // to a loading state again. Otherwise, keep it
+          // as loading or resolved
+          if (this.store.state.status === 'idle') {
+            this.store.setState(s => s.status = 'loading');
           }
 
-          // Match the routes
-          matches = router.matchRoutes(store.latestLocation.pathname, {
-            strictParseParams: true
-          });
-          console.log('set loading', matches);
-          setStore(s => {
-            s.status = 'loading';
-            s.pendingMatches = matches;
-            s.pendingLocation = store.latestLocation;
-          });
+          // We started loading the route, so it's no longer invalid
+          this.store.setState(s => s.invalid = false);
         });
 
-        // Load the matches
+        // We are now fetching, even if it's in the background of a
+        // resolved state
+        this.store.setState(s => s.isFetching = true);
+        this.#resolve = resolve;
+        const componentsPromise = (async () => {
+          // then run all component and data loaders in parallel
+          // For each component type, potentially load it asynchronously
+
+          await Promise.all(componentTypes.map(async type => {
+            const component = this.route.options[type];
+            if (this[type]?.preload) {
+              this[type] = await this.router.options.loadComponent(component);
+            }
+          }));
+        })();
+        const dataPromise = Promise.resolve().then(async () => {
+          try {
+            if (this.route.options.loader) {
+              const data = await this.router.loadMatchData(this);
+              if (latestPromise = checkLatest()) return latestPromise;
+              this.#setLoaderData(data);
+            }
+            this.store.setState(s => {
+              s.error = undefined;
+              s.status = 'success';
+              s.updatedAt = Date.now();
+              s.invalidAt = s.updatedAt + (opts?.maxAge ?? this.route.options.loaderMaxAge ?? this.router.options.defaultLoaderMaxAge ?? 0);
+            });
+            return this.store.state.routeLoaderData;
+          } catch (err) {
+            if (latestPromise = checkLatest()) return latestPromise;
+            {
+              console.error(err);
+            }
+            this.store.setState(s => {
+              s.error = err;
+              s.status = 'error';
+              s.updatedAt = Date.now();
+            });
+            throw err;
+          }
+        });
+        const after = async () => {
+          if (latestPromise = checkLatest()) return latestPromise;
+          this.store.setState(s => s.isFetching = false);
+          this.#resolve();
+          delete this.__loadPromise;
+        };
         try {
-          await router.loadMatches(matches);
-        } catch (err) {
-          console.log(err);
-          invariant(false, 'Matches failed to load due to error above ☝️. Navigation cancelled!');
-        }
-        if (startedLoadingAt !== startedAt) {
-          // Ignore side-effects of outdated side-effects
-          return navigationPromise;
+          await Promise.all([componentsPromise, dataPromise.catch(() => {})]);
+          after();
+        } catch {
+          after();
         }
-        const previousMatches = store.currentMatches;
-        const exiting = [],
-          staying = [];
-        previousMatches.forEach(d => {
-          if (matches.find(dd => dd.matchId === d.matchId)) {
-            staying.push(d);
-          } else {
-            exiting.push(d);
-          }
+      });
+      return this.__loadPromise;
+    };
+    invalidate = async () => {
+      this.store.setState(s => s.invalid = true);
+      if (this.router.store.state.currentMatches.find(d => d.id === this.id)) {
+        await this.load();
+      }
+    };
+    __hasLoaders = () => {
+      return !!(this.route.options.loader || componentTypes.some(d => this.route.options[d]?.preload));
+    };
+    getIsInvalid = () => {
+      const now = Date.now();
+      return this.store.state.invalid || this.store.state.invalidAt < now;
+    };
+    #updateLoaderData = () => {
+      this.store.setState(s => {
+        s.loaderData = replaceEqualDeep(s.loaderData, {
+          ...this.parentMatch?.store.state.loaderData,
+          ...s.routeLoaderData
         });
-        const entering = matches.filter(d => {
-          return !previousMatches.find(dd => dd.matchId === d.matchId);
+      });
+      this.onLoaderDataListeners.forEach(listener => listener());
+    };
+    __setParentMatch = parentMatch => {
+      if (!this.parentMatch && parentMatch) {
+        this.parentMatch = parentMatch;
+        this.parentMatch.__onLoaderData(() => {
+          this.#updateLoaderData();
         });
-        now = Date.now();
-        exiting.forEach(d => {
-          d.__.onExit == null ? void 0 : d.__.onExit({
-            params: d.params,
-            search: d.store.routeSearch
-          });
+      }
+    };
+    __onLoaderData = listener => {
+      this.onLoaderDataListeners.add(listener);
+      // return () => this.onLoaderDataListeners.delete(listener)
+    };
 
-          // Clear idle error states when match leaves
-          if (d.store.status === 'error' && !d.store.isFetching) {
-            d.store.status = 'idle';
-            d.store.error = undefined;
+    __validate = () => {
+      // Validate the search params and stabilize them
+      const parentSearch = this.parentMatch?.store.state.search ?? this.router.store.state.latestLocation.search;
+      try {
+        const prevSearch = this.store.state.routeSearch;
+        const validator = typeof this.route.options.validateSearch === 'object' ? this.route.options.validateSearch.parse : this.route.options.validateSearch;
+        let nextSearch = validator?.(parentSearch) ?? {};
+        batch(() => {
+          // Invalidate route matches when search param stability changes
+          if (prevSearch !== nextSearch) {
+            this.store.setState(s => s.invalid = true);
           }
-          const gc = Math.max(d.options.loaderGcMaxAge ?? router.options.defaultLoaderGcMaxAge ?? 0, d.options.loaderMaxAge ?? router.options.defaultLoaderMaxAge ?? 0);
-          if (gc > 0) {
-            store.matchCache[d.matchId] = {
-              gc: gc == Infinity ? Number.MAX_SAFE_INTEGER : now + gc,
-              match: d
+          this.store.setState(s => {
+            s.routeSearch = nextSearch;
+            s.search = {
+              ...parentSearch,
+              ...nextSearch
             };
+          });
+        });
+        componentTypes.map(async type => {
+          const component = this.route.options[type];
+          if (typeof this[type] !== 'function') {
+            this[type] = component;
           }
         });
-        staying.forEach(d => {
-          d.options.onTransition == null ? void 0 : d.options.onTransition({
-            params: d.params,
-            search: d.store.routeSearch
-          });
+      } catch (err) {
+        console.error(err);
+        const error = new Error('Invalid search params found', {
+          cause: err
         });
-        entering.forEach(d => {
-          d.__.onExit = d.options.onLoaded == null ? void 0 : d.options.onLoaded({
-            params: d.params,
-            search: d.store.search
-          });
-          delete store.matchCache[d.matchId];
+        error.code = 'INVALID_SEARCH_PARAMS';
+        this.store.setState(s => {
+          s.status = 'error';
+          s.error = error;
         });
-        if (startedLoadingAt !== startedAt) {
-          // Ignore side-effects of match loading
-          return;
+
+        // Do not proceed with loading the route
+        return;
+      }
+    };
+  }
+
+  const defaultParseSearch = parseSearchWith(JSON.parse);
+  const defaultStringifySearch = stringifySearchWith(JSON.stringify);
+  function parseSearchWith(parser) {
+    return searchStr => {
+      if (searchStr.substring(0, 1) === '?') {
+        searchStr = searchStr.substring(1);
+      }
+      let query = decode(searchStr);
+
+      // Try to parse any query params that might be json
+      for (let key in query) {
+        const value = query[key];
+        if (typeof value === 'string') {
+          try {
+            query[key] = parser(value);
+          } catch (err) {
+            //
+          }
         }
-        matches.forEach(match => {
-          // Clear actions
-          if (match.action) {
-            // TODO: Check reactivity here
-            match.action.current = undefined;
-            match.action.submissions = [];
+      }
+      return query;
+    };
+  }
+  function stringifySearchWith(stringify) {
+    return search => {
+      search = {
+        ...search
+      };
+      if (search) {
+        Object.keys(search).forEach(key => {
+          const val = search[key];
+          if (typeof val === 'undefined' || val === undefined) {
+            delete search[key];
+          } else if (val && typeof val === 'object' && val !== null) {
+            try {
+              search[key] = stringify(val);
+            } catch (err) {
+              // silent
+            }
           }
         });
-        setStore(s => {
-          console.log('set', matches);
-          Object.assign(s, {
-            status: 'idle',
-            currentLocation: store.latestLocation,
-            currentMatches: matches,
-            pendingLocation: undefined,
-            pendingMatches: undefined
-          });
-        });
-        resolveNavigation();
-      },
-      cleanMatchCache: () => {
-        const now = Date.now();
-        setStore(s => {
-          Object.keys(s.matchCache).forEach(matchId => {
-            const entry = s.matchCache[matchId];
-
-            // Don't remove loading matches
-            if (entry.match.store.status === 'loading') {
-              return;
-            }
+      }
+      const searchStr = encode(search).toString();
+      return searchStr ? `?${searchStr}` : '';
+    };
+  }
 
-            // Do not remove successful matches that are still valid
-            if (entry.gc > 0 && entry.gc > now) {
-              return;
-            }
+  const defaultFetchServerDataFn = async ({
+    router,
+    routeMatch
+  }) => {
+    const next = router.buildNext({
+      to: '.',
+      search: d => ({
+        ...(d ?? {}),
+        __data: {
+          matchId: routeMatch.id
+        }
+      })
+    });
+    const res = await fetch(next.href, {
+      method: 'GET',
+      signal: routeMatch.abortController.signal
+    });
+    if (res.ok) {
+      return res.json();
+    }
+    throw new Error('Failed to fetch match data');
+  };
+  class Router {
+    // __location: Location<TAllRouteInfo['fullSearchSchema']>
+
+    startedLoadingAt = Date.now();
+    resolveNavigation = () => {};
+    constructor(options) {
+      this.options = {
+        defaultLoaderGcMaxAge: 5 * 60 * 1000,
+        defaultLoaderMaxAge: 0,
+        defaultPreloadMaxAge: 2000,
+        defaultPreloadDelay: 50,
+        context: undefined,
+        ...options,
+        stringifySearch: options?.stringifySearch ?? defaultStringifySearch,
+        parseSearch: options?.parseSearch ?? defaultParseSearch,
+        fetchServerDataFn: options?.fetchServerDataFn ?? defaultFetchServerDataFn
+      };
+      this.history = this.options?.history ?? isServer ? createMemoryHistory() : createBrowserHistory();
+      this.store = createStore(getInitialRouterState());
+      this.basepath = '';
+      this.update(options);
 
-            // Everything else gets removed
-            delete s.matchCache[matchId];
-          });
+      // Allow frameworks to hook into the router creation
+      this.options.createRouter?.(this);
+    }
+    reset = () => {
+      this.store.setState(s => Object.assign(s, getInitialRouterState()));
+    };
+    mount = () => {
+      // Mount only does anything on the client
+      if (!isServer) {
+        // If the router matches are empty, load the matches
+        if (!this.store.state.currentMatches.length) {
+          this.load();
+        }
+        const unsubHistory = this.history.listen(() => {
+          this.load(this.#parseLocation(this.store.state.latestLocation));
         });
-      },
-      loadRoute: async function (navigateOpts) {
-        if (navigateOpts === void 0) {
-          navigateOpts = store.latestLocation;
+        const visibilityChangeEvent = 'visibilitychange';
+        const focusEvent = 'focus';
+
+        // addEventListener does not exist in React Native, but window does
+        // In the future, we might need to invert control here for more adapters
+        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+        if (window.addEventListener) {
+          // Listen to visibilitychange and focus
+          window.addEventListener(visibilityChangeEvent, this.#onFocus, false);
+          window.addEventListener(focusEvent, this.#onFocus, false);
         }
-        const next = router.buildNext(navigateOpts);
-        const matches = router.matchRoutes(next.pathname, {
-          strictParseParams: true
+        return () => {
+          unsubHistory();
+          if (window.removeEventListener) {
+            // Be sure to unsubscribe if a new handler is set
+
+            window.removeEventListener(visibilityChangeEvent, this.#onFocus);
+            window.removeEventListener(focusEvent, this.#onFocus);
+          }
+        };
+      }
+      return () => {};
+    };
+    update = opts => {
+      if (!this.store.state.latestLocation) {
+        this.store.setState(s => {
+          s.latestLocation = this.#parseLocation();
+          s.currentLocation = s.latestLocation;
         });
-        await router.loadMatches(matches);
-        return matches;
-      },
-      preloadRoute: async function (navigateOpts, loaderOpts) {
-        if (navigateOpts === void 0) {
-          navigateOpts = store.latestLocation;
+      }
+      Object.assign(this.options, opts);
+      const {
+        basepath,
+        routeConfig
+      } = this.options;
+      this.basepath = `/${trimPath(basepath ?? '') ?? ''}`;
+      if (routeConfig) {
+        this.routesById = {};
+        this.routeTree = this.#buildRouteTree(routeConfig);
+      }
+      return this;
+    };
+    buildNext = opts => {
+      const next = this.#buildLocation(opts);
+      const matches = this.matchRoutes(next.pathname);
+      const __preSearchFilters = matches.map(match => match.route.options.preSearchFilters ?? []).flat().filter(Boolean);
+      const __postSearchFilters = matches.map(match => match.route.options.postSearchFilters ?? []).flat().filter(Boolean);
+      return this.#buildLocation({
+        ...opts,
+        __preSearchFilters,
+        __postSearchFilters
+      });
+    };
+    cancelMatches = () => {
+      [...this.store.state.currentMatches, ...(this.store.state.pendingMatches || [])].forEach(match => {
+        match.cancel();
+      });
+    };
+    load = async next => {
+      let now = Date.now();
+      const startedAt = now;
+      this.startedLoadingAt = startedAt;
+
+      // Cancel any pending matches
+      this.cancelMatches();
+      let matches;
+      batch(() => {
+        if (next) {
+          // Ingest the new location
+          this.store.setState(s => {
+            s.latestLocation = next;
+          });
         }
-        const next = router.buildNext(navigateOpts);
-        const matches = router.matchRoutes(next.pathname, {
+
+        // Match the routes
+        matches = this.matchRoutes(this.store.state.latestLocation.pathname, {
           strictParseParams: true
         });
-        await router.loadMatches(matches, {
-          preload: true,
-          maxAge: loaderOpts.maxAge ?? router.options.defaultPreloadMaxAge ?? router.options.defaultLoaderMaxAge ?? 0,
-          gcMaxAge: loaderOpts.gcMaxAge ?? router.options.defaultPreloadGcMaxAge ?? router.options.defaultLoaderGcMaxAge ?? 0
+        this.store.setState(s => {
+          s.status = 'loading';
+          s.pendingMatches = matches;
+          s.pendingLocation = this.store.state.latestLocation;
         });
-        return matches;
-      },
-      matchRoutes: (pathname, opts) => {
-        router.cleanMatchCache();
-        const matches = [];
-        if (!router.routeTree) {
-          return matches;
+      });
+
+      // Load the matches
+      try {
+        await this.loadMatches(matches);
+      } catch (err) {
+        console.warn(err);
+        invariant(false, 'Matches failed to load due to error above ☝️. Navigation cancelled!');
+      }
+      if (this.startedLoadingAt !== startedAt) {
+        // Ignore side-effects of outdated side-effects
+        return this.navigationPromise;
+      }
+      const previousMatches = this.store.state.currentMatches;
+      const exiting = [],
+        staying = [];
+      previousMatches.forEach(d => {
+        if (matches.find(dd => dd.id === d.id)) {
+          staying.push(d);
+        } else {
+          exiting.push(d);
         }
-        const existingMatches = [...store.currentMatches, ...(store.pendingMatches ?? [])];
-        const recurse = async routes => {
-          var _foundRoute$childRout;
-          const parentMatch = last(matches);
-          let params = (parentMatch == null ? void 0 : parentMatch.params) ?? {};
-          const filteredRoutes = (router.options.filterRoutes == null ? void 0 : router.options.filterRoutes(routes)) ?? routes;
-          let foundRoutes = [];
-          const findMatchInRoutes = (parentRoutes, routes) => {
-            routes.some(route => {
-              var _route$childRoutes, _route$childRoutes2;
-              if (!route.routePath && (_route$childRoutes = route.childRoutes) != null && _route$childRoutes.length) {
-                return findMatchInRoutes([...foundRoutes, route], route.childRoutes);
-              }
-              const fuzzy = !!(route.routePath !== '/' || (_route$childRoutes2 = route.childRoutes) != null && _route$childRoutes2.length);
-              const matchParams = matchPathname(router.basepath, pathname, {
-                to: route.fullPath,
-                fuzzy,
-                caseSensitive: route.options.caseSensitive ?? router.options.caseSensitive
-              });
-              if (matchParams) {
-                let parsedParams;
-                try {
-                  parsedParams = (route.options.parseParams == null ? void 0 : route.options.parseParams(matchParams)) ?? matchParams;
-                } catch (err) {
-                  if (opts != null && opts.strictParseParams) {
-                    throw err;
-                  }
-                }
-                params = {
-                  ...params,
-                  ...parsedParams
-                };
-              }
-              if (!!matchParams) {
-                foundRoutes = [...parentRoutes, route];
-              }
-              return !!foundRoutes.length;
-            });
-            return !!foundRoutes.length;
-          };
-          findMatchInRoutes([], filteredRoutes);
-          if (!foundRoutes.length) {
-            return;
-          }
-          foundRoutes.forEach(foundRoute => {
-            var _store$matchCache$mat;
-            const interpolatedPath = interpolatePath(foundRoute.routePath, params);
-            const matchId = interpolatePath(foundRoute.routeId, params, true);
-            const match = existingMatches.find(d => d.matchId === matchId) || ((_store$matchCache$mat = store.matchCache[matchId]) == null ? void 0 : _store$matchCache$mat.match) || createRouteMatch(router, foundRoute, {
-              parentMatch,
-              matchId,
-              params,
-              pathname: joinPaths([router.basepath, interpolatedPath])
-            });
-            matches.push(match);
-          });
-          const foundRoute = last(foundRoutes);
-          if ((_foundRoute$childRout = foundRoute.childRoutes) != null && _foundRoute$childRout.length) {
-            recurse(foundRoute.childRoutes);
-          }
-        };
-        recurse([router.routeTree]);
-        linkMatches(matches);
-        return matches;
-      },
-      loadMatches: async (resolvedMatches, loaderOpts) => {
-        resolvedMatches.forEach(async match => {
-          // Validate the match (loads search params etc)
-          match.__.validate();
+      });
+      const entering = matches.filter(d => {
+        return !previousMatches.find(dd => dd.id === d.id);
+      });
+      now = Date.now();
+      exiting.forEach(d => {
+        d.__onExit?.({
+          params: d.params,
+          search: d.store.state.routeSearch
         });
 
-        // Check each match middleware to see if the route can be accessed
-        await Promise.all(resolvedMatches.map(async match => {
-          try {
-            await (match.options.beforeLoad == null ? void 0 : match.options.beforeLoad({
-              router: router,
-              match
-            }));
-          } catch (err) {
-            if (!(loaderOpts != null && loaderOpts.preload)) {
-              match.options.onLoadError == null ? void 0 : match.options.onLoadError(err);
-            }
-            throw err;
-          }
-        }));
-        const matchPromises = resolvedMatches.map(async match => {
-          var _search$__data;
-          const search = match.store.search;
-          if ((_search$__data = search.__data) != null && _search$__data.matchId && search.__data.matchId !== match.matchId) {
+        // Clear non-loading error states when match leaves
+        if (d.store.state.status === 'error' && !d.store.state.isFetching) {
+          d.store.setState(s => {
+            s.status = 'idle';
+            s.error = undefined;
+          });
+        }
+        const gc = Math.max(d.route.options.loaderGcMaxAge ?? this.options.defaultLoaderGcMaxAge ?? 0, d.route.options.loaderMaxAge ?? this.options.defaultLoaderMaxAge ?? 0);
+        if (gc > 0) {
+          this.store.setState(s => {
+            s.matchCache[d.id] = {
+              gc: gc == Infinity ? Number.MAX_SAFE_INTEGER : now + gc,
+              match: d
+            };
+          });
+        }
+      });
+      staying.forEach(d => {
+        d.route.options.onTransition?.({
+          params: d.params,
+          search: d.store.state.routeSearch
+        });
+      });
+      entering.forEach(d => {
+        d.__onExit = d.route.options.onLoaded?.({
+          params: d.params,
+          search: d.store.state.search
+        });
+        delete this.store.state.matchCache[d.id];
+      });
+      this.store.setState(s => {
+        Object.assign(s, {
+          status: 'idle',
+          currentLocation: this.store.state.latestLocation,
+          currentMatches: matches,
+          pendingLocation: undefined,
+          pendingMatches: undefined
+        });
+      });
+      this.options.onRouteChange?.();
+      this.resolveNavigation();
+    };
+    cleanMatchCache = () => {
+      const now = Date.now();
+      this.store.setState(s => {
+        Object.keys(s.matchCache).forEach(matchId => {
+          const entry = s.matchCache[matchId];
+
+          // Don't remove loading matches
+          if (entry.match.store.state.status === 'loading') {
             return;
           }
-          match.load(loaderOpts);
-          if (match.store.status !== 'success' && match.__.loadPromise) {
-            // Wait for the first sign of activity from the match
-            await match.__.loadPromise;
+
+          // Do not remove successful matches that are still valid
+          if (entry.gc > 0 && entry.gc > now) {
+            return;
           }
+
+          // Everything else gets removed
+          delete s.matchCache[matchId];
         });
-        await Promise.all(matchPromises);
-      },
-      loadMatchData: async routeMatch => {
-        if (isServer || !router.options.useServerData) {
-          return (await (routeMatch.options.loader == null ? void 0 : routeMatch.options.loader({
-            // parentLoaderPromise: routeMatch.parentMatch?.__.dataPromise,
-            params: routeMatch.params,
-            search: routeMatch.store.routeSearch,
-            signal: routeMatch.__.abortController.signal
-          }))) || {};
-        } else {
-          const next = router.buildNext({
-            to: '.',
-            search: d => ({
-              ...(d ?? {}),
-              __data: {
-                matchId: routeMatch.matchId
+      });
+    };
+    getRoute = id => {
+      const route = this.routesById[id];
+      invariant(route, `Route with id "${id}" not found`);
+      return route;
+    };
+    loadRoute = async (navigateOpts = this.store.state.latestLocation) => {
+      const next = this.buildNext(navigateOpts);
+      const matches = this.matchRoutes(next.pathname, {
+        strictParseParams: true
+      });
+      await this.loadMatches(matches);
+      return matches;
+    };
+    preloadRoute = async (navigateOpts = this.store.state.latestLocation, loaderOpts) => {
+      const next = this.buildNext(navigateOpts);
+      const matches = this.matchRoutes(next.pathname, {
+        strictParseParams: true
+      });
+      await this.loadMatches(matches, {
+        preload: true,
+        maxAge: loaderOpts.maxAge ?? this.options.defaultPreloadMaxAge ?? this.options.defaultLoaderMaxAge ?? 0,
+        gcMaxAge: loaderOpts.gcMaxAge ?? this.options.defaultPreloadGcMaxAge ?? this.options.defaultLoaderGcMaxAge ?? 0
+      });
+      return matches;
+    };
+    matchRoutes = (pathname, opts) => {
+      const matches = [];
+      if (!this.routeTree) {
+        return matches;
+      }
+      const existingMatches = [...this.store.state.currentMatches, ...(this.store.state.pendingMatches ?? [])];
+      const recurse = async routes => {
+        const parentMatch = last(matches);
+        let params = parentMatch?.params ?? {};
+        const filteredRoutes = this.options.filterRoutes?.(routes) ?? routes;
+        let foundRoutes = [];
+        const findMatchInRoutes = (parentRoutes, routes) => {
+          routes.some(route => {
+            if (!route.path && route.childRoutes?.length) {
+              return findMatchInRoutes([...foundRoutes, route], route.childRoutes);
+            }
+            const fuzzy = !!(route.path !== '/' || route.childRoutes?.length);
+            const matchParams = matchPathname(this.basepath, pathname, {
+              to: route.fullPath,
+              fuzzy,
+              caseSensitive: route.options.caseSensitive ?? this.options.caseSensitive
+            });
+            if (matchParams) {
+              let parsedParams;
+              try {
+                parsedParams = route.options.parseParams?.(matchParams) ?? matchParams;
+              } catch (err) {
+                if (opts?.strictParseParams) {
+                  throw err;
+                }
               }
-            })
+              params = {
+                ...params,
+                ...parsedParams
+              };
+            }
+            if (!!matchParams) {
+              foundRoutes = [...parentRoutes, route];
+            }
+            return !!foundRoutes.length;
           });
-
-          // Refresh:
-          // '/dashboard'
-          // '/dashboard/invoices/'
-          // '/dashboard/invoices/123'
-
-          // New:
-          // '/dashboard/invoices/456'
-
-          // TODO: batch requests when possible
-
-          const res = await fetch(next.href, {
-            method: 'GET'
-            // signal: routeMatch.__.abortController.signal,
+          return !!foundRoutes.length;
+        };
+        findMatchInRoutes([], filteredRoutes);
+        if (!foundRoutes.length) {
+          return;
+        }
+        foundRoutes.forEach(foundRoute => {
+          const interpolatedPath = interpolatePath(foundRoute.path, params);
+          const matchId = interpolatePath(foundRoute.id, params, true);
+          const match = existingMatches.find(d => d.id === matchId) || this.store.state.matchCache[matchId]?.match || new RouteMatch(this, foundRoute, {
+            matchId,
+            params,
+            pathname: joinPaths([this.basepath, interpolatedPath])
           });
+          matches.push(match);
+        });
+        const foundRoute = last(foundRoutes);
+        if (foundRoute.childRoutes?.length) {
+          recurse(foundRoute.childRoutes);
+        }
+      };
+      recurse([this.routeTree]);
+      linkMatches(matches);
+      return matches;
+    };
+    loadMatches = async (resolvedMatches, loaderOpts) => {
+      this.cleanMatchCache();
+      resolvedMatches.forEach(async match => {
+        // Validate the match (loads search params etc)
+        match.__validate();
+      });
 
-          if (res.ok) {
-            return res.json();
+      // Check each match middleware to see if the route can be accessed
+      await Promise.all(resolvedMatches.map(async match => {
+        try {
+          await match.route.options.beforeLoad?.({
+            router: this,
+            match
+          });
+        } catch (err) {
+          if (!loaderOpts?.preload) {
+            match.route.options.onLoadError?.(err);
           }
-          throw new Error('Failed to fetch match data');
+          throw err;
         }
-      },
-      invalidateRoute: opts => {
-        const next = router.buildNext(opts);
-        const unloadedMatchIds = router.matchRoutes(next.pathname).map(d => d.matchId);
-        [...store.currentMatches, ...(store.pendingMatches ?? [])].forEach(match => {
-          if (unloadedMatchIds.includes(match.matchId)) {
-            match.invalidate();
-          }
+      }));
+      const matchPromises = resolvedMatches.map(async (match, index) => {
+        const prevMatch = resolvedMatches[1];
+        const search = match.store.state.search;
+        if (search.__data?.matchId && search.__data.matchId !== match.id) {
+          return;
+        }
+        match.load(loaderOpts);
+        if (match.store.state.status !== 'success' && match.__loadPromise) {
+          // Wait for the first sign of activity from the match
+          await match.__loadPromise;
+        }
+        if (prevMatch) {
+          await prevMatch.__loadPromise;
+        }
+      });
+      await Promise.all(matchPromises);
+    };
+    loadMatchData = async routeMatch => {
+      if (isServer || !this.options.useServerData) {
+        return (await routeMatch.route.options.loader?.({
+          // parentLoaderPromise: routeMatch.parentMatch.dataPromise,
+          params: routeMatch.params,
+          search: routeMatch.store.state.routeSearch,
+          signal: routeMatch.abortController.signal
+        })) || {};
+      } else {
+        // Refresh:
+        // '/dashboard'
+        // '/dashboard/invoices/'
+        // '/dashboard/invoices/123'
+
+        // New:
+        // '/dashboard/invoices/456'
+
+        // TODO: batch requests when possible
+
+        return this.options.fetchServerDataFn({
+          router: this,
+          routeMatch
         });
-      },
-      reload: () => navigate({
+      }
+    };
+    invalidateRoute = async opts => {
+      const next = this.buildNext(opts);
+      const unloadedMatchIds = this.matchRoutes(next.pathname).map(d => d.id);
+      await Promise.allSettled([...this.store.state.currentMatches, ...(this.store.state.pendingMatches ?? [])].map(async match => {
+        if (unloadedMatchIds.includes(match.id)) {
+          return match.invalidate();
+        }
+      }));
+    };
+    reload = () => {
+      this.navigate({
         fromCurrent: true,
         replace: true,
         search: true
-      }),
-      resolvePath: (from, path) => {
-        return resolvePath(router.basepath, from, cleanPath(path));
-      },
-      matchRoute: (location, opts) => {
-        // const location = router.buildNext(opts)
-
-        location = {
-          ...location,
-          to: location.to ? router.resolvePath(location.from ?? '', location.to) : undefined
-        };
-        const next = router.buildNext(location);
-        if (opts != null && opts.pending) {
-          if (!store.pendingLocation) {
-            return false;
-          }
-          return !!matchPathname(router.basepath, store.pendingLocation.pathname, {
-            ...opts,
-            to: next.pathname
-          });
+      });
+    };
+    resolvePath = (from, path) => {
+      return resolvePath(this.basepath, from, cleanPath(path));
+    };
+    navigate = async ({
+      from,
+      to = '.',
+      search,
+      hash,
+      replace,
+      params
+    }) => {
+      // If this link simply reloads the current route,
+      // make sure it has a new key so it will trigger a data refresh
+
+      // If this `to` is a valid external URL, return
+      // null for LinkUtils
+      const toString = String(to);
+      const fromString = String(from);
+      let isExternal;
+      try {
+        new URL(`${toString}`);
+        isExternal = true;
+      } catch (e) {}
+      invariant(!isExternal, 'Attempting to navigate to external url with this.navigate!');
+      return this.#commitLocation({
+        from: fromString,
+        to: toString,
+        search,
+        hash,
+        replace,
+        params
+      });
+    };
+    matchRoute = (location, opts) => {
+      location = {
+        ...location,
+        to: location.to ? this.resolvePath(location.from ?? '', location.to) : undefined
+      };
+      const next = this.buildNext(location);
+      if (opts?.pending) {
+        if (!this.store.state.pendingLocation) {
+          return false;
         }
-        return matchPathname(router.basepath, store.currentLocation.pathname, {
+        return matchPathname(this.basepath, this.store.state.pendingLocation.pathname, {
           ...opts,
           to: next.pathname
         });
-      },
-      navigate: async _ref => {
-        let {
-          from,
-          to = '.',
-          search,
-          hash,
-          replace,
-          params
-        } = _ref;
-        // If this link simply reloads the current route,
-        // make sure it has a new key so it will trigger a data refresh
-
-        // If this `to` is a valid external URL, return
-        // null for LinkUtils
-        const toString = String(to);
-        const fromString = String(from);
-        let isExternal;
-        try {
-          new URL(`${toString}`);
-          isExternal = true;
-        } catch (e) {}
-        invariant(!isExternal, 'Attempting to navigate to external url with router.navigate!');
-        return navigate({
-          from: fromString,
-          to: toString,
-          search,
-          hash,
-          replace,
-          params
-        });
-      },
-      buildLink: _ref2 => {
-        let {
-          from,
-          to = '.',
-          search,
-          params,
-          hash,
-          target,
-          replace,
-          activeOptions,
-          preload,
-          preloadMaxAge: userPreloadMaxAge,
-          preloadGcMaxAge: userPreloadGcMaxAge,
-          preloadDelay: userPreloadDelay,
-          disabled
-        } = _ref2;
-        // If this link simply reloads the current route,
-        // make sure it has a new key so it will trigger a data refresh
-
-        // If this `to` is a valid external URL, return
-        // null for LinkUtils
+      }
+      return matchPathname(this.basepath, this.store.state.currentLocation.pathname, {
+        ...opts,
+        to: next.pathname
+      });
+    };
+    buildLink = ({
+      from,
+      to = '.',
+      search,
+      params,
+      hash,
+      target,
+      replace,
+      activeOptions,
+      preload,
+      preloadMaxAge: userPreloadMaxAge,
+      preloadGcMaxAge: userPreloadGcMaxAge,
+      preloadDelay: userPreloadDelay,
+      disabled
+    }) => {
+      // If this link simply reloads the current route,
+      // make sure it has a new key so it will trigger a data refresh
 
-        try {
-          new URL(`${to}`);
-          return {
-            type: 'external',
-            href: to
-          };
-        } catch (e) {}
-        const nextOpts = {
-          from,
-          to,
-          search,
-          params,
-          hash,
-          replace
-        };
-        const next = router.buildNext(nextOpts);
-        preload = preload ?? router.options.defaultPreload;
-        const preloadDelay = userPreloadDelay ?? router.options.defaultPreloadDelay ?? 0;
-
-        // Compare path/hash for matches
-        const pathIsEqual = store.currentLocation.pathname === next.pathname;
-        const currentPathSplit = store.currentLocation.pathname.split('/');
-        const nextPathSplit = next.pathname.split('/');
-        const pathIsFuzzyEqual = nextPathSplit.every((d, i) => d === currentPathSplit[i]);
-        const hashIsEqual = store.currentLocation.hash === next.hash;
-        // Combine the matches based on user options
-        const pathTest = activeOptions != null && activeOptions.exact ? pathIsEqual : pathIsFuzzyEqual;
-        const hashTest = activeOptions != null && activeOptions.includeHash ? hashIsEqual : true;
-
-        // The final "active" test
-        const isActive = pathTest && hashTest;
-
-        // The click handler
-        const handleClick = e => {
-          if (!disabled && !isCtrlEvent(e) && !e.defaultPrevented && (!target || target === '_self') && e.button === 0) {
-            e.preventDefault();
-            if (pathIsEqual && !search && !hash) {
-              router.invalidateRoute(nextOpts);
-            }
+      // If this `to` is a valid external URL, return
+      // null for LinkUtils
 
-            // All is well? Navigate!
-            navigate(nextOpts);
-          }
+      try {
+        new URL(`${to}`);
+        return {
+          type: 'external',
+          href: to
         };
+      } catch (e) {}
+      const nextOpts = {
+        from,
+        to,
+        search,
+        params,
+        hash,
+        replace
+      };
+      const next = this.buildNext(nextOpts);
+      preload = preload ?? this.options.defaultPreload;
+      const preloadDelay = userPreloadDelay ?? this.options.defaultPreloadDelay ?? 0;
+
+      // Compare path/hash for matches
+      const pathIsEqual = this.store.state.currentLocation.pathname === next.pathname;
+      const currentPathSplit = this.store.state.currentLocation.pathname.split('/');
+      const nextPathSplit = next.pathname.split('/');
+      const pathIsFuzzyEqual = nextPathSplit.every((d, i) => d === currentPathSplit[i]);
+      const hashIsEqual = this.store.state.currentLocation.hash === next.hash;
+      // Combine the matches based on user options
+      const pathTest = activeOptions?.exact ? pathIsEqual : pathIsFuzzyEqual;
+      const hashTest = activeOptions?.includeHash ? hashIsEqual : true;
+
+      // The final "active" test
+      const isActive = pathTest && hashTest;
+
+      // The click handler
+      const handleClick = e => {
+        if (!disabled && !isCtrlEvent(e) && !e.defaultPrevented && (!target || target === '_self') && e.button === 0) {
+          e.preventDefault();
+          if (pathIsEqual && !search && !hash) {
+            this.invalidateRoute(nextOpts);
+          }
+
+          // All is well? Navigate!
+          this.#commitLocation(nextOpts);
+        }
+      };
 
-        // The click handler
-        const handleFocus = e => {
-          if (preload) {
-            router.preloadRoute(nextOpts, {
+      // The click handler
+      const handleFocus = e => {
+        if (preload) {
+          this.preloadRoute(nextOpts, {
+            maxAge: userPreloadMaxAge,
+            gcMaxAge: userPreloadGcMaxAge
+          }).catch(err => {
+            console.warn(err);
+            console.warn('Error preloading route! ☝️');
+          });
+        }
+      };
+      const handleEnter = e => {
+        const target = e.target || {};
+        if (preload) {
+          if (target.preloadTimeout) {
+            return;
+          }
+          target.preloadTimeout = setTimeout(() => {
+            target.preloadTimeout = null;
+            this.preloadRoute(nextOpts, {
               maxAge: userPreloadMaxAge,
               gcMaxAge: userPreloadGcMaxAge
             }).catch(err => {
-              console.log(err);
+              console.warn(err);
               console.warn('Error preloading route! ☝️');
             });
-          }
-        };
-        const handleEnter = e => {
-          const target = e.target || {};
-          if (preload) {
-            if (target.preloadTimeout) {
-              return;
+          }, preloadDelay);
+        }
+      };
+      const handleLeave = e => {
+        const target = e.target || {};
+        if (target.preloadTimeout) {
+          clearTimeout(target.preloadTimeout);
+          target.preloadTimeout = null;
+        }
+      };
+      return {
+        type: 'internal',
+        next,
+        handleFocus,
+        handleClick,
+        handleEnter,
+        handleLeave,
+        isActive,
+        disabled
+      };
+    };
+    dehydrate = () => {
+      return {
+        state: {
+          ...pick(this.store.state, ['latestLocation', 'currentLocation', 'status', 'lastUpdated']),
+          currentMatches: this.store.state.currentMatches.map(match => ({
+            matchId: match.id,
+            state: {
+              ...pick(match.store.state, ['status', 'routeLoaderData', 'invalidAt', 'invalid'])
             }
-            target.preloadTimeout = setTimeout(() => {
-              target.preloadTimeout = null;
-              router.preloadRoute(nextOpts, {
-                maxAge: userPreloadMaxAge,
-                gcMaxAge: userPreloadGcMaxAge
-              }).catch(err => {
-                console.log(err);
-                console.warn('Error preloading route! ☝️');
+          }))
+        },
+        context: this.options.context
+      };
+    };
+    hydrate = dehydratedRouter => {
+      this.store.setState(s => {
+        // Update the context TODO: make this part of state?
+        this.options.context = dehydratedRouter.context;
+
+        // Match the routes
+        const currentMatches = this.matchRoutes(dehydratedRouter.state.latestLocation.pathname, {
+          strictParseParams: true
+        });
+        currentMatches.forEach((match, index) => {
+          const dehydratedMatch = dehydratedRouter.state.currentMatches[index];
+          invariant(dehydratedMatch && dehydratedMatch.matchId === match.id, 'Oh no! There was a hydration mismatch when attempting to rethis.store the state of the router! 😬');
+          Object.assign(match, dehydratedMatch);
+        });
+        currentMatches.forEach(match => match.__validate());
+        Object.assign(s, {
+          ...dehydratedRouter.state,
+          currentMatches
+        });
+      });
+    };
+    getLoader = opts => {
+      const id = opts.from || '/';
+      const route = this.getRoute(id);
+      if (!route) return undefined;
+      let loader = this.store.state.loaders[id] || (() => {
+        this.store.setState(s => {
+          s.loaders[id] = {
+            pending: [],
+            fetch: async loaderContext => {
+              if (!route) {
+                return;
+              }
+              const loaderState = {
+                loadedAt: Date.now(),
+                loaderContext
+              };
+              this.store.setState(s => {
+                s.loaders[id].current = loaderState;
+                s.loaders[id].latest = loaderState;
+                s.loaders[id].pending.push(loaderState);
               });
-            }, preloadDelay);
-          }
-        };
-        const handleLeave = e => {
-          const target = e.target || {};
-          if (target.preloadTimeout) {
-            clearTimeout(target.preloadTimeout);
-            target.preloadTimeout = null;
+              try {
+                return await route.options.loader?.(loaderContext);
+              } finally {
+                this.store.setState(s => {
+                  s.loaders[id].pending = s.loaders[id].pending.filter(d => d !== loaderState);
+                });
+              }
+            }
+          };
+        });
+        return this.store.state.loaders[id];
+      })();
+      return loader;
+    };
+    #buildRouteTree = rootRouteConfig => {
+      const recurseRoutes = (routeConfigs, parent) => {
+        return routeConfigs.map((routeConfig, i) => {
+          const routeOptions = routeConfig.options;
+          const route = new Route(routeConfig, routeOptions, i, parent, this);
+          const existingRoute = this.routesById[route.id];
+          if (existingRoute) {
+            {
+              console.warn(`Duplicate routes found with id: ${String(route.id)}`, this.routesById, route);
+            }
+            throw new Error();
           }
-        };
-        return {
-          type: 'internal',
-          next,
-          handleFocus,
-          handleClick,
-          handleEnter,
-          handleLeave,
-          isActive,
-          disabled
-        };
-      },
-      buildNext: opts => {
-        const next = buildLocation(opts);
-        const matches = router.matchRoutes(next.pathname);
-        const __preSearchFilters = matches.map(match => match.options.preSearchFilters ?? []).flat().filter(Boolean);
-        const __postSearchFilters = matches.map(match => match.options.postSearchFilters ?? []).flat().filter(Boolean);
-        return buildLocation({
-          ...opts,
-          __preSearchFilters,
-          __postSearchFilters
+          this.routesById[route.id] = route;
+          const children = routeConfig.children;
+          route.childRoutes = children.length ? recurseRoutes(children, route) : undefined;
+          return route;
+        });
+      };
+      const routes = recurseRoutes([rootRouteConfig]);
+      return routes[0];
+    };
+    #parseLocation = previousLocation => {
+      let {
+        pathname,
+        search,
+        hash,
+        state
+      } = this.history.location;
+      const parsedSearch = this.options.parseSearch(search);
+      console.log({
+        pathname: pathname,
+        searchStr: search,
+        search: replaceEqualDeep(previousLocation?.search, parsedSearch),
+        hash: hash.split('#').reverse()[0] ?? '',
+        href: `${pathname}${search}${hash}`,
+        state: state,
+        key: state?.key || '__init__'
+      });
+      return {
+        pathname: pathname,
+        searchStr: search,
+        search: replaceEqualDeep(previousLocation?.search, parsedSearch),
+        hash: hash.split('#').reverse()[0] ?? '',
+        href: `${pathname}${search}${hash}`,
+        state: state,
+        key: state?.key || '__init__'
+      };
+    };
+    #onFocus = () => {
+      this.load();
+    };
+    #buildLocation = (dest = {}) => {
+      const fromPathname = dest.fromCurrent ? this.store.state.latestLocation.pathname : dest.from ?? this.store.state.latestLocation.pathname;
+      let pathname = resolvePath(this.basepath ?? '/', fromPathname, `${dest.to ?? '.'}`);
+      const fromMatches = this.matchRoutes(this.store.state.latestLocation.pathname, {
+        strictParseParams: true
+      });
+      const toMatches = this.matchRoutes(pathname);
+      const prevParams = {
+        ...last(fromMatches)?.params
+      };
+      let nextParams = (dest.params ?? true) === true ? prevParams : functionalUpdate(dest.params, prevParams);
+      if (nextParams) {
+        toMatches.map(d => d.route.options.stringifyParams).filter(Boolean).forEach(fn => {
+          Object.assign({}, nextParams, fn(nextParams));
         });
       }
+      pathname = interpolatePath(pathname, nextParams ?? {});
+
+      // Pre filters first
+      const preFilteredSearch = dest.__preSearchFilters?.length ? dest.__preSearchFilters?.reduce((prev, next) => next(prev), this.store.state.latestLocation.search) : this.store.state.latestLocation.search;
+
+      // Then the link/navigate function
+      const destSearch = dest.search === true ? preFilteredSearch // Preserve resolvedFrom true
+      : dest.search ? functionalUpdate(dest.search, preFilteredSearch) ?? {} // Updater
+      : dest.__preSearchFilters?.length ? preFilteredSearch // Preserve resolvedFrom filters
+      : {};
+
+      // Then post filters
+      const postFilteredSearch = dest.__postSearchFilters?.length ? dest.__postSearchFilters.reduce((prev, next) => next(prev), destSearch) : destSearch;
+      const search = replaceEqualDeep(this.store.state.latestLocation.search, postFilteredSearch);
+      const searchStr = this.options.stringifySearch(search);
+      let hash = dest.hash === true ? this.store.state.latestLocation.hash : functionalUpdate(dest.hash, this.store.state.latestLocation.hash);
+      hash = hash ? `#${hash}` : '';
+      return {
+        pathname,
+        search,
+        searchStr,
+        state: this.store.state.latestLocation.state,
+        hash,
+        href: `${pathname}${searchStr}${hash}`,
+        key: dest.key
+      };
+    };
+    #commitLocation = location => {
+      const next = this.buildNext(location);
+      const id = '' + Date.now() + Math.random();
+      if (this.navigateTimeout) clearTimeout(this.navigateTimeout);
+      let nextAction = 'replace';
+      if (!location.replace) {
+        nextAction = 'push';
+      }
+      const isSameUrl = this.store.state.latestLocation.href === next.href;
+      if (isSameUrl && !next.key) {
+        nextAction = 'replace';
+      }
+      const href = `${next.pathname}${next.searchStr}${next.hash ? `#${next.hash}` : ''}`;
+      this.history[nextAction === 'push' ? 'push' : 'replace'](href, {
+        id,
+        ...next.state
+      });
+      this.load(this.#parseLocation(this.store.state.latestLocation));
+      return this.navigationPromise = new Promise(resolve => {
+        const previousNavigationResolve = this.resolveNavigation;
+        this.resolveNavigation = () => {
+          previousNavigationResolve();
+          resolve();
+        };
+      });
     };
-    router.update(userOptions);
+  }
 
-    // Allow frameworks to hook into the router creation
-    router.options.createRouter == null ? void 0 : router.options.createRouter(router);
-    return router;
+  // Detect if we're in the DOM
+  const isServer = typeof window === 'undefined' || !window.document.createElement;
+  function getInitialRouterState() {
+    return {
+      status: 'idle',
+      latestLocation: null,
+      currentLocation: null,
+      currentMatches: [],
+      loaders: {},
+      lastUpdated: Date.now(),
+      matchCache: {},
+      get isFetching() {
+        return this.status === 'loading' || this.currentMatches.some(d => d.store.state.isFetching);
+      },
+      get isPreloading() {
+        return Object.values(this.matchCache).some(d => d.match.store.state.isFetching && !this.currentMatches.find(dd => dd.id === d.match.id));
+      }
+    };
   }
   function isCtrlEvent(e) {
     return !!(e.metaKey || e.altKey || e.ctrlKey || e.shiftKey);
@@ -2846,13 +1773,130 @@
     matches.forEach((match, index) => {
       const parent = matches[index - 1];
       if (parent) {
-        match.__.setParentMatch(parent);
-      } else {
-        match.__.setParentMatch(undefined);
+        match.__setParentMatch(parent);
       }
     });
   }
 
+  // createRouterAction is a constrained identify function that takes options: key, action, onSuccess, onError, onSettled, etc
+  function createAction(options) {
+    const store = createStore({
+      submissions: []
+    }, options.debug);
+    return {
+      options,
+      store,
+      reset: () => {
+        store.setState(s => {
+          s.submissions = [];
+        });
+      },
+      submit: async payload => {
+        const submission = {
+          submittedAt: Date.now(),
+          status: 'pending',
+          payload: payload,
+          invalidate: () => {
+            setSubmission(s => {
+              s.isInvalid = true;
+            });
+          },
+          getIsLatest: () => store.state.submissions[store.state.submissions.length - 1]?.submittedAt === submission.submittedAt
+        };
+        const setSubmission = updater => {
+          store.setState(s => {
+            const a = s.submissions.find(d => d.submittedAt === submission.submittedAt);
+            invariant(a, 'Could not find submission in store');
+            updater(a);
+          });
+        };
+        store.setState(s => {
+          s.submissions.push(submission);
+          s.submissions.reverse();
+          s.submissions = s.submissions.slice(0, options.maxSubmissions ?? 10);
+          s.submissions.reverse();
+        });
+        const after = async () => {
+          options.onEachSettled?.(submission);
+          if (submission.getIsLatest()) await options.onLatestSettled?.(submission);
+        };
+        try {
+          const res = await options.action?.(submission.payload);
+          setSubmission(s => {
+            s.response = res;
+          });
+          await options.onEachSuccess?.(submission);
+          if (submission.getIsLatest()) await options.onLatestSuccess?.(submission);
+          await after();
+          setSubmission(s => {
+            s.status = 'success';
+          });
+          return res;
+        } catch (err) {
+          console.error(err);
+          setSubmission(s => {
+            s.error = err;
+          });
+          await options.onEachError?.(submission);
+          if (submission.getIsLatest()) await options.onLatestError?.(submission);
+          await after();
+          setSubmission(s => {
+            s.status = 'error';
+          });
+          throw err;
+        }
+      }
+    };
+  }
+
+  function useStore(store, selector = d => d, compareShallow) {
+    const slice = withSelector.useSyncExternalStoreWithSelector(store.subscribe, () => store.state, () => store.state, selector, compareShallow ? shallow : undefined);
+    return slice;
+  }
+  function shallow(objA, objB) {
+    if (Object.is(objA, objB)) {
+      return true;
+    }
+    if (typeof objA !== 'object' || objA === null || typeof objB !== 'object' || objB === null) {
+      return false;
+    }
+
+    // if (objA instanceof Map && objB instanceof Map) {
+    //   if (objA.size !== objB.size) return false
+
+    //   for (const [key, value] of objA) {
+    //     if (!Object.is(value, objB.get(key))) {
+    //       return false
+    //     }
+    //   }
+    //   return true
+    // }
+
+    // if (objA instanceof Set && objB instanceof Set) {
+    //   if (objA.size !== objB.size) return false
+
+    //   for (const value of objA) {
+    //     if (!objB.has(value)) {
+    //       return false
+    //     }
+    //   }
+    //   return true
+    // }
+
+    const keysA = Object.keys(objA);
+    if (keysA.length !== Object.keys(objB).length) {
+      return false;
+    }
+    for (let i = 0; i < keysA.length; i++) {
+      if (!Object.prototype.hasOwnProperty.call(objB, keysA[i]) || !Object.is(objA[keysA[i]], objB[keysA[i]])) {
+        return false;
+      }
+    }
+    return true;
+  }
+
+  //
+
   function lazy(importer) {
     const lazyComp = /*#__PURE__*/React__namespace.lazy(importer);
     const finalComp = lazyComp;
@@ -2882,7 +1926,7 @@
       hash,
       search,
       params,
-      to,
+      to = '.',
       preload,
       preloadDelay,
       preloadMaxAge,
@@ -2963,7 +2007,7 @@
   }
   const Link = /*#__PURE__*/React__namespace.forwardRef((props, ref) => {
     const linkProps = useLinkProps(props);
-    return /*#__PURE__*/React__namespace.createElement("a", _extends$1({
+    return /*#__PURE__*/React__namespace.createElement("a", _extends({
       ref: ref
     }, linkProps, {
       children: typeof props.children === 'function' ? props.children({
@@ -2973,82 +2017,26 @@
   });
   const matchesContext = /*#__PURE__*/React__namespace.createContext(null);
   const routerContext = /*#__PURE__*/React__namespace.createContext(null);
-  const EMPTY = {};
-  const __useStoreValue = (seed, selector) => {
-    const valueRef = React__namespace.useRef(EMPTY);
-
-    // If there is no selector, track the seed
-    // If there is a selector, do not track the seed
-    const getValue = () => !selector ? seed() : selector(untrack(() => seed()));
-
-    // If empty, initialize the value
-    if (valueRef.current === EMPTY) {
-      valueRef.current = sharedClone(undefined, getValue());
-    }
-
-    // Snapshot should just return the current cached value
-    const getSnapshot = React__namespace.useCallback(() => valueRef.current, []);
-    const getStore = React__namespace.useCallback(cb => {
-      // A root is necessary to track effects
-      return createRoot(() => {
-        createEffect(() => {
-          // Read and update the value
-          // getValue will handle which values are accessed and
-          // thus tracked.
-          // sharedClone will both recursively track the end result
-          // and ensure that the previous value is structurally shared
-          // into the new version.
-          valueRef.current = unwrap(
-          // Unwrap the value to get rid of any proxy structures
-          sharedClone(valueRef.current, getValue()));
-          cb();
-        });
+  class ReactRouter extends Router {
+    constructor(opts) {
+      super({
+        ...opts,
+        loadComponent: async component => {
+          if (component.preload) {
+            await component.preload();
+          }
+          return component;
+        }
       });
-    }, []);
-    return shim.useSyncExternalStore(getStore, getSnapshot, getSnapshot);
-  };
-  const [store, setStore] = createStore({
-    foo: 'foo',
-    bar: {
-      baz: 'baz'
     }
-  });
-  createRoot(() => {
-    let prev;
-    createEffect(() => {
-      console.log('effect');
-      const next = sharedClone(prev, store);
-      console.log(next);
-      prev = untrack(() => next);
-    });
-  });
-  setStore(s => {
-    s.foo = '1';
-  });
-  setStore(s => {
-    s.bar.baz = '2';
-  });
-  function createReactRouter(opts) {
-    const coreRouter = createRouter({
-      ...opts,
-      loadComponent: async component => {
-        if (component.preload) {
-          await component.preload();
-        }
-        return component;
-      }
-    });
-    return coreRouter;
   }
-  function RouterProvider(_ref) {
-    let {
-      router,
-      ...rest
-    } = _ref;
+  function RouterProvider({
+    router,
+    ...rest
+  }) {
     router.update(rest);
-    const [,, currentMatches] = __useStoreValue(() => router.store, s => [s.status, s.pendingMatches, s.currentMatches]);
+    const [,, currentMatches] = useStore(router.store, s => [s.status, s.pendingMatches, s.currentMatches], true);
     React__namespace.useEffect(router.mount, [router]);
-    console.log('current', currentMatches);
     return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(routerContext.Provider, {
       value: {
         router: router
@@ -3062,9 +2050,9 @@
     warning(!value, 'useRouter must be used inside a <Router> component!');
     return value.router;
   }
-  function useRouterStore(selector) {
+  function useRouterStore(selector, shallow) {
     const router = useRouter();
-    return __useStoreValue(() => router.store, selector);
+    return useStore(router.store, selector, shallow);
   }
   function useMatches() {
     return React__namespace.useContext(matchesContext);
@@ -3072,12 +2060,12 @@
   function useMatch(opts) {
     const router = useRouter();
     const nearestMatch = useMatches()[0];
-    const match = opts != null && opts.from ? router.store.currentMatches.find(d => d.routeId === (opts == null ? void 0 : opts.from)) : nearestMatch;
-    invariant(match, `Could not find ${opts != null && opts.from ? `an active match from "${opts.from}"` : 'a nearest match!'}`);
-    if ((opts == null ? void 0 : opts.strict) ?? true) {
-      invariant(nearestMatch.routeId == (match == null ? void 0 : match.routeId), `useMatch("${match == null ? void 0 : match.routeId}") is being called in a component that is meant to render the '${nearestMatch.routeId}' route. Did you mean to 'useMatch("${match == null ? void 0 : match.routeId}", { strict: false })' or 'useRoute("${match == null ? void 0 : match.routeId}")' instead?`);
+    const match = opts?.from ? router.store.state.currentMatches.find(d => d.route.id === opts?.from) : nearestMatch;
+    invariant(match, `Could not find ${opts?.from ? `an active match from "${opts.from}"` : 'a nearest match!'}`);
+    if (opts?.strict ?? true) {
+      invariant(nearestMatch.route.id == match?.route.id, `useMatch("${match?.route.id}") is being called in a component that is meant to render the '${nearestMatch.route.id}' route. Did you mean to 'useMatch("${match?.route.id}", { strict: false })' or 'useRoute("${match?.route.id}")' instead?`);
     }
-    __useStoreValue(() => match.store);
+    useStore(match.store, d => opts?.track?.(match) ?? match, opts?.shallow);
     return match;
   }
   function useRoute(routeId) {
@@ -3088,34 +2076,32 @@
   }
   function useLoaderData(opts) {
     const match = useMatch(opts);
-    return __useStoreValue(() => match == null ? void 0 : match.store.loaderData, opts == null ? void 0 : opts.select);
+    invariant(match, `Could not find ${opts?.from ? `an active match from "${opts.from}"` : 'a nearest match!'}`);
+    useStore(match.store, d => opts?.track?.(d.loaderData) ?? d.loaderData);
+    return match.store.state.loaderData;
   }
   function useSearch(opts) {
     const match = useMatch(opts);
-    return __useStoreValue(() => match == null ? void 0 : match.store.search, opts == null ? void 0 : opts.select);
+    useStore(match.store, d => opts?.track?.(d.search) ?? d.search);
+    return match.store.state.search;
   }
   function useParams(opts) {
     const router = useRouter();
-    return __useStoreValue(() => {
-      var _last;
-      return (_last = last(router.store.currentMatches)) == null ? void 0 : _last.params;
-    }, opts == null ? void 0 : opts.select);
+    useStore(router.store, d => {
+      const params = last(d.currentMatches)?.params;
+      return opts?.track?.(params) ?? params;
+    });
+    return last(router.store.state.currentMatches)?.params;
   }
   function useNavigate(defaultOpts) {
+    const router = useRouter();
     return opts => {
-      const router = useRouter();
       return router.navigate({
         ...defaultOpts,
         ...opts
       });
     };
   }
-  function useAction(opts) {
-    const route = useRoute(opts.from);
-    const action = route.action;
-    __useStoreValue(() => action);
-    return action;
-  }
   function useMatchRoute() {
     const router = useRouter();
     return opts => {
@@ -3136,37 +2122,49 @@
     if (!params) {
       return null;
     }
-    return /*#__PURE__*/React__namespace.createElement(typeof props.children === 'function' ? props.children(params) : props.children, props);
+    if (typeof props.children === 'function') {
+      return props.children(params);
+    }
+    return params ? props.children : null;
   }
   function Outlet() {
-    const router = useRouter();
     const matches = useMatches().slice(1);
     const match = matches[0];
+    if (!match) {
+      return null;
+    }
+    return /*#__PURE__*/React__namespace.createElement(SubOutlet, {
+      matches: matches,
+      match: match
+    });
+  }
+  function SubOutlet({
+    matches,
+    match
+  }) {
+    const router = useRouter();
+    useStore(match.store);
     const defaultPending = React__namespace.useCallback(() => null, []);
-    __useStoreValue(() => match == null ? void 0 : match.store);
     const Inner = React__namespace.useCallback(props => {
-      if (props.match.store.status === 'error') {
-        throw props.match.store.error;
+      if (props.match.store.state.status === 'error') {
+        throw props.match.store.state.error;
       }
-      if (props.match.store.status === 'success') {
-        return /*#__PURE__*/React__namespace.createElement(props.match.__.component ?? router.options.defaultComponent ?? Outlet);
+      if (props.match.store.state.status === 'success') {
+        return /*#__PURE__*/React__namespace.createElement(props.match.component ?? router.options.defaultComponent ?? Outlet);
       }
-      if (props.match.store.status === 'loading') {
-        throw props.match.__.loadPromise;
+      if (props.match.store.state.status === 'loading') {
+        throw props.match.__loadPromise;
       }
       invariant(false, 'Idle routeMatch status encountered during rendering! You should never see this. File an issue!');
     }, []);
-    if (!match) {
-      return null;
-    }
-    const PendingComponent = match.__.pendingComponent ?? router.options.defaultPendingComponent ?? defaultPending;
-    const errorComponent = match.__.errorComponent ?? router.options.defaultErrorComponent;
+    const PendingComponent = match.pendingComponent ?? router.options.defaultPendingComponent ?? defaultPending;
+    const errorComponent = match.errorComponent ?? router.options.defaultErrorComponent;
     return /*#__PURE__*/React__namespace.createElement(matchesContext.Provider, {
       value: matches
     }, /*#__PURE__*/React__namespace.createElement(React__namespace.Suspense, {
       fallback: /*#__PURE__*/React__namespace.createElement(PendingComponent, null)
     }, /*#__PURE__*/React__namespace.createElement(CatchBoundary, {
-      key: match.routeId,
+      key: match.route.id,
       errorComponent: errorComponent,
       match: match
     }, /*#__PURE__*/React__namespace.createElement(Inner, {
@@ -3179,7 +2177,7 @@
       info: undefined
     };
     componentDidCatch(error, info) {
-      console.error(`Error in route match: ${this.props.match.matchId}`);
+      console.error(`Error in route match: ${this.props.match.id}`);
       console.error(error);
       this.setState({
         error,
@@ -3187,7 +2185,7 @@
       });
     }
     render() {
-      return /*#__PURE__*/React__namespace.createElement(CatchBoundaryInner, _extends$1({}, this.props, {
+      return /*#__PURE__*/React__namespace.createElement(CatchBoundaryInner, _extends({}, this.props, {
         errorState: this.state,
         reset: () => this.setState({})
       }));
@@ -3199,20 +2197,27 @@
   // router's location key changes.
   function CatchBoundaryInner(props) {
     const [activeErrorState, setActiveErrorState] = React__namespace.useState(props.errorState);
-    const router = useRouter();
+    useRouter();
     const errorComponent = props.errorComponent ?? DefaultErrorBoundary;
-    React__namespace.useEffect(() => {
-      if (activeErrorState) {
-        let prevKey = router.store.currentLocation.key;
-        return createRoot(() => createEffect(() => {
-          if (router.store.currentLocation.key !== prevKey) {
-            prevKey = router.store.currentLocation.key;
-            setActiveErrorState({});
-          }
-        }));
-      }
-      return;
-    }, [activeErrorState]);
+
+    // React.useEffect(() => {
+    //   if (activeErrorState) {
+    //     let prevKey = router.store.currentLocation.key
+    //     return createRoot((dispose) => {
+    //       createEffect(() => {
+    //         if (router.store.currentLocation.key !== prevKey) {
+    //           prevKey = router.store.currentLocation.key
+    //           setActiveErrorState({} as any)
+    //         }
+    //       })
+
+    //       return dispose
+    //     })
+    //   }
+
+    //   return
+    // }, [activeErrorState])
+
     React__namespace.useEffect(() => {
       if (props.errorState.error) {
         setActiveErrorState(props.errorState);
@@ -3224,10 +2229,9 @@
     }
     return props.children;
   }
-  function DefaultErrorBoundary(_ref2) {
-    let {
-      error
-    } = _ref2;
+  function DefaultErrorBoundary({
+    error
+  }) {
     return /*#__PURE__*/React__namespace.createElement("div", {
       style: {
         padding: '.5rem',
@@ -3251,98 +2255,87 @@
       }
     }, error.message) : null)));
   }
-  function usePrompt(message, when) {
-    const router = useRouter();
-    React__namespace.useEffect(() => {
-      if (!when) return;
-      let unblock = router.history.block(transition => {
-        if (window.confirm(message)) {
-          unblock();
-          transition.retry();
-        } else {
-          router.store.currentLocation.pathname = window.location.pathname;
-        }
-      });
-      return unblock;
-    }, [when, message]);
-  }
-  function Prompt(_ref3) {
-    let {
-      message,
-      when,
-      children
-    } = _ref3;
-    usePrompt(message, when ?? true);
-    return children ?? null;
-  }
-
-  // function circularStringify(obj: any) {
-  //   const seen = new Set()
-
-  //   return (
-  //     JSON.stringify(obj, (_, value) => {
-  //       if (typeof value === 'function') {
-  //         return undefined
-  //       }
-  //       if (typeof value === 'object' && value !== null) {
-  //         if (seen.has(value)) return
-  //         seen.add(value)
+  function useAction(action, opts) {
+    useStore(action.store, d => opts?.track?.(d) ?? d, true);
+    const [ref] = React__namespace.useState({});
+    Object.assign(ref, {
+      ...action,
+      latestSubmission: action.store.state.submissions[action.store.state.submissions.length - 1],
+      pendingSubmissions: React__namespace.useMemo(() => action.store.state.submissions.filter(d => d.status === 'pending'), [action.store.state.submissions])
+    });
+    return ref;
+  }
+
+  // TODO: While we migrate away from the history package, these need to be disabled
+  // export function usePrompt(message: string, when: boolean | any): void {
+  //   const router = useRouter()
+
+  //   React.useEffect(() => {
+  //     if (!when) return
+
+  //     let unblock = router.getHistory().block((transition) => {
+  //       if (window.confirm(message)) {
+  //         unblock()
+  //         transition.retry()
+  //       } else {
+  //         router.setStore((s) => {
+  //           s.currentLocation.pathname = window.location.pathname
+  //         })
   //       }
-  //       return value
-  //     }) || ''
-  //   )
+  //     })
+
+  //     return unblock
+  //   }, [when, message])
+  // }
+
+  // export function Prompt({ message, when, children }: PromptProps) {
+  //   usePrompt(message, when ?? true)
+  //   return (children ?? null) as ReactNode
   // }
 
   exports.DefaultErrorBoundary = DefaultErrorBoundary;
   exports.Link = Link;
   exports.MatchRoute = MatchRoute;
   exports.Outlet = Outlet;
-  exports.Prompt = Prompt;
+  exports.ReactRouter = ReactRouter;
+  exports.Route = Route;
+  exports.RouteMatch = RouteMatch;
+  exports.Router = Router;
   exports.RouterProvider = RouterProvider;
-  exports.__useStoreValue = __useStoreValue;
   exports.batch = batch;
   exports.cleanPath = cleanPath;
+  exports.createAction = createAction;
   exports.createBrowserHistory = createBrowserHistory;
-  exports.createEffect = createEffect;
   exports.createHashHistory = createHashHistory;
-  exports.createMemo = createMemo;
   exports.createMemoryHistory = createMemoryHistory;
-  exports.createReactRouter = createReactRouter;
-  exports.createRoot = createRoot;
-  exports.createRoute = createRoute;
   exports.createRouteConfig = createRouteConfig;
-  exports.createRouteMatch = createRouteMatch;
-  exports.createRouter = createRouter;
-  exports.createSignal = createSignal;
   exports.createStore = createStore;
   exports.decode = decode;
+  exports.defaultFetchServerDataFn = defaultFetchServerDataFn;
   exports.defaultParseSearch = defaultParseSearch;
   exports.defaultStringifySearch = defaultStringifySearch;
   exports.encode = encode;
   exports.functionalUpdate = functionalUpdate;
   exports.interpolatePath = interpolatePath;
   exports.invariant = invariant;
-  exports.isWrappable = isWrappable;
   exports.joinPaths = joinPaths;
   exports.last = last;
   exports.lazy = lazy;
   exports.matchByPath = matchByPath;
   exports.matchPathname = matchPathname;
   exports.matchesContext = matchesContext;
-  exports.onCleanup = onCleanup;
   exports.parsePathname = parsePathname;
   exports.parseSearchWith = parseSearchWith;
   exports.pick = pick;
+  exports.replaceEqualDeep = replaceEqualDeep;
   exports.resolvePath = resolvePath;
   exports.rootRouteId = rootRouteId;
   exports.routerContext = routerContext;
-  exports.sharedClone = sharedClone;
   exports.stringifySearchWith = stringifySearchWith;
+  exports.trackDeep = trackDeep;
   exports.trimPath = trimPath;
   exports.trimPathLeft = trimPathLeft;
   exports.trimPathRight = trimPathRight;
-  exports.untrack = untrack;
-  exports.unwrap = unwrap;
   exports.useAction = useAction;
   exports.useLinkProps = useLinkProps;
   exports.useLoaderData = useLoaderData;
@@ -3351,11 +2344,11 @@
   exports.useMatches = useMatches;
   exports.useNavigate = useNavigate;
   exports.useParams = useParams;
-  exports.usePrompt = usePrompt;
   exports.useRoute = useRoute;
   exports.useRouter = useRouter;
   exports.useRouterStore = useRouterStore;
   exports.useSearch = useSearch;
+  exports.useStore = useStore;
   exports.warning = warning;
 
   Object.defineProperty(exports, '__esModule', { value: true });