@react-motion-router/core 2.0.0-beta.sha-f2a0328 → 2.0.0-beta.sha-684da01

package/build/index.js

@@ -1,1473 +1,1825 @@
-import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
-import * as __WEBPACK_EXTERNAL_MODULE_web_animations_extension_74b2916c__ from "web-animations-extension";
-/******/ var __webpack_modules__ = ({
-
-/***/ 837:
-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
-
-/**
- * @license React
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var f=__webpack_require__(810),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};
-function q(c,a,g){var b,d={},e=null,h=null;void 0!==g&&(e=""+g);void 0!==a.key&&(e=""+a.key);void 0!==a.ref&&(h=a.ref);for(b in a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l;exports.jsx=q;exports.jsxs=q;
-
-
-/***/ }),
-
-/***/ 322:
-/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
-
-
-
-if (true) {
-  module.exports = __webpack_require__(837);
-} else {}
-
-
-/***/ }),
-
-/***/ 174:
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "DM": () => (/* binding */ PromiseAllDynamic),
-/* harmony export */   "Ky": () => (/* binding */ isURLPatternSupported),
-/* harmony export */   "Nu": () => (/* binding */ dispatchEvent),
-/* harmony export */   "QN": () => (/* binding */ matchRoute),
-/* harmony export */   "Sy": () => (/* binding */ polyfillNavigation),
-/* harmony export */   "Vo": () => (/* binding */ lazy),
-/* harmony export */   "e1": () => (/* binding */ includesRoute),
-/* harmony export */   "gy": () => (/* binding */ polyfillURLPattern),
-/* harmony export */   "n4": () => (/* binding */ resolveBaseURLFromPattern),
-/* harmony export */   "vi": () => (/* binding */ isNavigationSupported),
-/* harmony export */   "yb": () => (/* binding */ cloneAndInject),
-/* harmony export */   "zW": () => (/* binding */ toCamelCase)
-/* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(810);
-
-function resolveBaseURLFromPattern(pattern, pathname) {
-    if (!pattern.endsWith("**"))
-        pattern += '**'; // allows us to match nested routes
-    const origin = window.location.origin;
-    const baseURLMatch = new URLPattern(pattern, origin).exec(pathname, origin);
-    if (!baseURLMatch)
-        return null;
-    const groups = Object.keys(baseURLMatch.pathname.groups)
-        .filter((key) => !isNaN(Number(key)))
-        .map((key) => baseURLMatch.pathname.groups[key])
-        .filter((group) => group !== undefined);
-    const nestedPathnameGroup = groups.at(-1) ?? '';
-    // derive concrete baseURL
-    return new URL(pathname.replace(nestedPathnameGroup, ''), window.location.origin);
+import { jsx as T, jsxs as Gt, Fragment as oe } from "react/jsx-runtime";
+import { createContext as nt, Component as it, createRef as K, lazy as le, cloneElement as Xt, Suspense as Et, isValidElement as Ut, Children as jt, useContext as yt, useDebugValue as ce } from "react";
+const Ht = nt(null);
+class Fe extends it {
+  ref = K();
+  static contextType = Ht;
+  componentDidMount() {
+    this.scene.addNode(this);
+  }
+  componentDidUpdate(t) {
+    this.props.id !== t.id && (this.scene.removeNode(t.id.toString()), this.scene.addNode(this));
+  }
+  componentWillUnmount() {
+    this.scene.removeNode(this.id);
+  }
+  get styles() {
+    return this.props.config?.styles ? this.props.config.styles : [];
+  }
+  get canTransition() {
+    return !this.props.disabled && this.scene.canTransition;
+  }
+  get scene() {
+    return this.context;
+  }
+  get id() {
+    return `shared-element-${this.props.id.toString()}`;
+  }
+  get transitionType() {
+    return this.props.config?.type ?? this.scene.previousScene?.nodes.get(this.id)?.transitionType ?? "morph";
+  }
+  getBoundingClientRect() {
+    return this.ref.current?.firstElementChild?.getBoundingClientRect() ?? new DOMRect();
+  }
+  clone() {
+    if (!this.ref.current)
+      return null;
+    const t = this.props.config?.deepClone ?? !0;
+    return this.ref.current.firstElementChild?.cloneNode(t);
+  }
+  hide() {
+    this.ref.current && (this.ref.current.style.visibility = "hidden");
+  }
+  unhide() {
+    this.ref.current && (this.ref.current.style.visibility = "visible");
+  }
+  render() {
+    return /* @__PURE__ */ T(
+      "div",
+      {
+        ref: this.ref,
+        id: this.id,
+        style: { display: "contents" },
+        children: this.props.children
+      }
+    );
+  }
 }
-function matchRoute(pathnamePattern, pathname, baseURLPattern = `${window.location.origin}/`, caseSensitive = true) {
-    if (!caseSensitive) {
-        pathnamePattern = pathnamePattern.toLowerCase();
-        pathname = pathname.toLowerCase();
-    }
-    const baseURL = resolveBaseURLFromPattern(baseURLPattern, pathname)?.href;
-    if (!baseURL)
-        return null;
-    const match = new URLPattern({ baseURL, pathname: pathnamePattern }).exec({ pathname, baseURL });
-    const params = match?.pathname.groups ?? {};
-    if (match) {
-        return {
-            params
-        };
-    }
+function bt(s, t) {
+  s.endsWith("**") || (s += "**");
+  const e = window.location.origin, n = new URLPattern(s, e).exec(t, e);
+  if (!n)
     return null;
+  const a = Object.keys(n.pathname.groups).filter((o) => !isNaN(Number(o))).map((o) => n.pathname.groups[o]).filter((o) => o !== void 0).at(-1) ?? "";
+  return new URL(t.replace(a, ""), window.location.origin);
 }
-function includesRoute(pathnamePatterns, pathname, baseURL = window.location.origin) {
-    return pathnamePatterns.some(({ pattern, caseSensitive }) => matchRoute(pattern, pathname, baseURL, caseSensitive));
+function Zt(s, t, e = `${window.location.origin}/`, n = !0) {
+  n || (s = s.toLowerCase(), t = t.toLowerCase());
+  const r = bt(e, t)?.href;
+  if (!r)
+    return null;
+  const a = new URLPattern({ baseURL: r, pathname: s }).exec({ pathname: t, baseURL: r }), o = a?.pathname.groups ?? {};
+  return a ? {
+    params: o
+  } : null;
 }
-function dispatchEvent(event, target = window) {
-    return new Promise((resolve) => {
-        queueMicrotask(() => resolve(target.dispatchEvent(event)));
-    });
+function Be(s, t, e = window.location.origin) {
+  return s.some(({ pattern: n, caseSensitive: r }) => Zt(n, t, e, r));
 }
-function lazy(factory) {
-    const Component = (0,react__WEBPACK_IMPORTED_MODULE_0__.lazy)(factory);
-    Component.load = async () => {
-        Component.module ??= await factory();
-        return Component.module;
-    };
-    return Component;
+function he(s, t = window) {
+  return new Promise((e) => {
+    queueMicrotask(() => e(
+      t.dispatchEvent(s)
+    ));
+  });
 }
-function isNavigationSupported() {
-    return Boolean(window.navigation);
+function Ke(s) {
+  const t = le(s);
+  return t.load = async () => (t.module ??= await s(), t.module), t;
 }
-function isURLPatternSupported() {
-    // @ts-ignore: Property 'UrlPattern' does not exist 
-    return Boolean(globalThis.URLPattern);
+function qe() {
+  return !!window.navigation;
 }
-async function polyfillURLPattern() {
-    const { URLPattern } = await import(/*webpackIgnore: true*/ "urlpattern-polyfill");
-    // @ts-ignore: Property 'UrlPattern' does not exist 
-    globalThis.URLPattern = URLPattern;
+function ze() {
+  return !!globalThis.URLPattern;
 }
-async function polyfillNavigation() {
-    const { applyPolyfill } = await import(/*webpackIgnore: true*/ "@virtualstate/navigation");
-    applyPolyfill({
-        history: true,
-        interceptEvents: true,
-        patch: true,
-        persist: true,
-        persistState: true
-    });
+async function Ge() {
+  const { URLPattern: s } = await import(
+    /*webpackIgnore: true*/
+    "urlpattern-polyfill"
+  );
+  globalThis.URLPattern = s;
 }
-async function PromiseAllDynamic(values) {
-    const awaited = [];
-    for (const value of values) {
-        awaited.push(await value);
-    }
-    return awaited;
+async function Xe() {
+  const { applyPolyfill: s } = await import(
+    /*webpackIgnore: true*/
+    "@virtualstate/navigation"
+  );
+  s({
+    history: !0,
+    interceptEvents: !0,
+    patch: !0,
+    persist: !0,
+    persistState: !0
+  });
 }
-function toCamelCase(value) {
-    return value.replace(/-([a-z])/g, (g) => g[1].toUpperCase());
+async function ue(s) {
+  const t = [];
+  for (const e of s)
+    t.push(await e);
+  return t;
 }
-function cloneAndInject(element, injectProps) {
-    return (0,react__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(element, injectProps);
+function de(s) {
+  return s.replace(/-([a-z])/g, (t) => t[1].toUpperCase());
 }
-
-
-/***/ }),
-
-/***/ 810:
-/***/ ((module) => {
-
-var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var y = x => () => x
-module.exports = __WEBPACK_EXTERNAL_MODULE_react__;
-
-/***/ })
-
-/******/ });
-/************************************************************************/
-/******/ // The module cache
-/******/ var __webpack_module_cache__ = {};
-/******/ 
-/******/ // The require function
-/******/ function __webpack_require__(moduleId) {
-/******/ 	// Check if module is in cache
-/******/ 	var cachedModule = __webpack_module_cache__[moduleId];
-/******/ 	if (cachedModule !== undefined) {
-/******/ 		return cachedModule.exports;
-/******/ 	}
-/******/ 	// Create a new module (and put it into the cache)
-/******/ 	var module = __webpack_module_cache__[moduleId] = {
-/******/ 		// no module.id needed
-/******/ 		// no module.loaded needed
-/******/ 		exports: {}
-/******/ 	};
-/******/ 
-/******/ 	// Execute the module function
-/******/ 	__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
-/******/ 
-/******/ 	// Return the exports of the module
-/******/ 	return module.exports;
-/******/ }
-/******/ 
-/************************************************************************/
-/******/ /* webpack/runtime/define property getters */
-/******/ (() => {
-/******/ 	// define getter functions for harmony exports
-/******/ 	__webpack_require__.d = (exports, definition) => {
-/******/ 		for(var key in definition) {
-/******/ 			if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-/******/ 				Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
-/******/ 			}
-/******/ 		}
-/******/ 	};
-/******/ })();
-/******/ 
-/******/ /* webpack/runtime/hasOwnProperty shorthand */
-/******/ (() => {
-/******/ 	__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
-/******/ })();
-/******/ 
-/************************************************************************/
-var __webpack_exports__ = {};
-// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
-(() => {
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "Tc": () => (/* reexport */ LoadEvent),
-  "YU": () => (/* reexport */ MAX_NORM_PROGRESS),
-  "SR": () => (/* reexport */ MAX_PROGRESS),
-  "dw": () => (/* reexport */ MAX_Z_INDEX),
-  "Uy": () => (/* reexport */ MIN_NORM_PROGRESS),
-  "yn": () => (/* reexport */ MIN_PROGRESS),
-  "vw": () => (/* reexport */ MotionContext),
-  "FC": () => (/* reexport */ MotionProgressEndEvent),
-  "yx": () => (/* reexport */ MotionProgressEvent),
-  "z4": () => (/* reexport */ MotionProgressStartEvent),
-  "DC": () => (/* reexport */ NavigationBase),
-  "Fh": () => (/* reexport */ NestedRouterContext),
-  "DM": () => (/* reexport */ utils/* PromiseAllDynamic */.DM),
-  "GW": () => (/* reexport */ RouterBase),
-  "_q": () => (/* reexport */ RouterContext),
-  "RG": () => (/* reexport */ ScreenBase),
-  "rJ": () => (/* reexport */ SharedElement),
-  "XP": () => (/* reexport */ TransitionCancelEvent),
-  "d7": () => (/* reexport */ TransitionEndEvent),
-  "sy": () => (/* reexport */ TransitionStartEvent),
-  "yb": () => (/* reexport */ utils/* cloneAndInject */.yb),
-  "Nu": () => (/* reexport */ utils/* dispatchEvent */.Nu),
-  "e1": () => (/* reexport */ utils/* includesRoute */.e1),
-  "Qv": () => (/* reexport */ isLazyExoticComponent),
-  "R1": () => (/* reexport */ isNativeLazyExoticComponent),
-  "vi": () => (/* reexport */ utils/* isNavigationSupported */.vi),
-  "R_": () => (/* reexport */ isStylableElement),
-  "Ky": () => (/* reexport */ utils/* isURLPatternSupported */.Ky),
-  "$r": () => (/* reexport */ isValidScreenChild),
-  "Vo": () => (/* reexport */ utils/* lazy */.Vo),
-  "QN": () => (/* reexport */ utils/* matchRoute */.QN),
-  "Sy": () => (/* reexport */ utils/* polyfillNavigation */.Sy),
-  "gy": () => (/* reexport */ utils/* polyfillURLPattern */.gy),
-  "n4": () => (/* reexport */ utils/* resolveBaseURLFromPattern */.n4),
-  "zW": () => (/* reexport */ utils/* toCamelCase */.zW),
-  "nc": () => (/* reexport */ useMotion),
-  "ev": () => (/* reexport */ useNavigationBase),
-  "Ot": () => (/* reexport */ useParamsBase),
-  "qr": () => (/* reexport */ useRouteBase),
-  "yL": () => (/* reexport */ useRouterBase)
-});
-
-// EXTERNAL MODULE: ../../node_modules/react/jsx-runtime.js
-var jsx_runtime = __webpack_require__(322);
-// EXTERNAL MODULE: external "react"
-var external_react_ = __webpack_require__(810);
-;// CONCATENATED MODULE: ./src/SharedElementSceneContext.ts
-
-const SharedElementSceneContext = (0,external_react_.createContext)(null);
-
-;// CONCATENATED MODULE: ./src/SharedElement.tsx
-
-
-
-class SharedElement extends external_react_.Component {
-    ref = (0,external_react_.createRef)();
-    static contextType = SharedElementSceneContext;
-    componentDidMount() {
-        this.scene.addNode(this);
-    }
-    componentDidUpdate(prevProps) {
-        if (this.props.id !== prevProps.id) {
-            this.scene.removeNode(prevProps.id.toString());
-            this.scene.addNode(this);
-        }
-    }
-    componentWillUnmount() {
-        this.scene.removeNode(this.id);
-    }
-    get styles() {
-        if (this.props.config?.styles) {
-            return this.props.config.styles;
-        }
-        return [];
-    }
-    get canTransition() {
-        return !this.props.disabled
-            && this.scene.canTransition;
-    }
-    get scene() {
-        return this.context;
-    }
-    get id() {
-        return `shared-element-${this.props.id.toString()}`;
-    }
-    get transitionType() {
-        return this.props.config?.type ?? this.scene.previousScene?.nodes.get(this.id)?.transitionType ?? "morph";
-    }
-    getBoundingClientRect() {
-        return this.ref.current?.firstElementChild?.getBoundingClientRect() ?? new DOMRect();
-    }
-    clone() {
-        if (!this.ref.current)
-            return null;
-        const deepClone = this.props.config?.deepClone ?? true;
-        return this.ref.current.firstElementChild?.cloneNode(deepClone);
-    }
-    hide() {
-        if (!this.ref.current)
-            return;
-        this.ref.current.style.visibility = 'hidden';
-    }
-    unhide() {
-        if (!this.ref.current)
-            return;
-        this.ref.current.style.visibility = 'visible';
-    }
-    render() {
-        return ((0,jsx_runtime.jsx)("div", { ref: this.ref, id: this.id, style: { display: "contents" }, children: this.props.children }));
-    }
+function He(s, t) {
+  return Xt(s, t);
 }
-
-// EXTERNAL MODULE: ./src/common/utils.ts
-var utils = __webpack_require__(174);
-;// CONCATENATED MODULE: ./src/common/events.ts
-
-class TransitionStartEvent extends Event {
-    constructor() {
-        super('transition-start');
-    }
+class pe extends Event {
+  constructor() {
+    super("transition-start");
+  }
 }
-class TransitionCancelEvent extends Event {
-    constructor() {
-        super('transition-cancel');
-    }
+class fe extends Event {
+  constructor() {
+    super("transition-cancel");
+  }
 }
-class TransitionEndEvent extends Event {
-    constructor() {
-        super('transition-end');
-    }
+class me extends Event {
+  constructor() {
+    super("transition-end");
+  }
 }
-class MotionProgressStartEvent extends Event {
-    constructor() {
-        super('motion-progress-start');
-    }
+class Ze extends Event {
+  constructor() {
+    super("motion-progress-start");
+  }
 }
-class MotionProgressEvent extends Event {
-    progress;
-    constructor(progress) {
-        super('motion-progress');
-        this.progress = progress;
-    }
+class ge extends Event {
+  progress;
+  constructor(t) {
+    super("motion-progress"), this.progress = t;
+  }
 }
-class MotionProgressEndEvent extends Event {
-    constructor() {
-        super('motion-progress-end');
-    }
+class Ye extends Event {
+  constructor() {
+    super("motion-progress-end");
+  }
 }
-class LoadEvent extends Event {
-    #navigationType = "load";
-    #userInitiated = false;
-    #canIntercept = true;
-    #hashChange = false;
-    #formData = null;
-    #downloadRequest = null;
-    #destination;
-    #signal;
-    #abortable = new AbortController();
-    #intercepted = false;
-    #thenables = [];
-    #transition = null;
-    hasUAVisualTransition = false;
-    constructor() {
-        super('navigate', { cancelable: false, bubbles: false, composed: false });
-        const currentEntry = window.navigation.currentEntry;
-        if (!currentEntry)
-            throw new Error("Current entry is null");
-        this.#destination = {
-            getState() {
-                return currentEntry.getState();
+class ye extends Event {
+  #t = "load";
+  #e = !1;
+  #c = !0;
+  #h = !1;
+  #u = null;
+  #d = null;
+  #a;
+  #i;
+  #o = new AbortController();
+  #l = !1;
+  #n = [];
+  #s = null;
+  hasUAVisualTransition = !1;
+  constructor() {
+    super("navigate", { cancelable: !1, bubbles: !1, composed: !1 });
+    const t = window.navigation.currentEntry;
+    if (!t)
+      throw new Error("Current entry is null");
+    this.#a = {
+      getState() {
+        return t.getState();
+      },
+      url: t.url ?? new URL(window.location.href).href,
+      key: t.key,
+      index: t.index,
+      id: t.id,
+      sameDocument: !0
+    }, this.#i = this.#o.signal, window.navigation.addEventListener("navigate", this.#r, { signal: this.#i });
+  }
+  #r = (t) => {
+    t !== this ? this.#o.abort() : this.#n.length || window.navigation.removeEventListener("navigate", this.#r);
+  };
+  intercept(t) {
+    if (this.#l)
+      throw new DOMException("Failed to execute 'intercept' on 'NavigateEvent': intercept() may only be called while the navigate event is being dispatched.");
+    let e = null;
+    this.#s || (this.#s = {
+      finished: new Promise((r) => e = r),
+      from: window.navigation.currentEntry,
+      navigationType: "load"
+    });
+    const n = t?.handler?.();
+    n && this.#n.push(n), this.#n.length === 1 && ue(this.#n).then(() => {
+      this.#l = !0, window.removeEventListener("navigate", this.#r), e?.();
+    });
+  }
+  scroll() {
+    throw new Error("Method not implemented.");
+  }
+  get transition() {
+    return this.#s;
+  }
+  get navigationType() {
+    return this.#t;
+  }
+  get userInitiated() {
+    return this.#e;
+  }
+  get canIntercept() {
+    return this.#c;
+  }
+  get hashChange() {
+    return this.#h;
+  }
+  get formData() {
+    return this.#u;
+  }
+  get downloadRequest() {
+    return this.#d;
+  }
+  get destination() {
+    return this.#a;
+  }
+  get signal() {
+    return this.#i;
+  }
+}
+const Yt = nt(null);
+class ve extends it {
+  ref = K();
+  static contextType = Yt;
+  index = 0;
+  exiting = !1;
+  state = {
+    zIndex: "unset"
+  };
+  onAnimationEnd = () => {
+    this.ref.current && (this.ref.current.style.willChange = "auto", this.ref.current.style.pointerEvents = "auto");
+  };
+  onAnimationStart = () => {
+    this.ref.current && (this.ref.current.style.willChange = "transform, opacity", this.ref.current.style.pointerEvents = "none");
+  };
+  componentDidMount() {
+    this.props.navigation.addEventListener("transition-start", this.onAnimationStart), this.props.navigation.addEventListener("transition-end", this.onAnimationEnd), this.props.navigation.addEventListener("transition-cancel", this.onAnimationEnd);
+  }
+  componentWillUnmount() {
+    this.props.navigation.removeEventListener("transition-start", this.onAnimationStart), this.props.navigation.removeEventListener("transition-end", this.onAnimationEnd), this.props.navigation.removeEventListener("transition-cancel", this.onAnimationEnd);
+  }
+  get animationEffect() {
+    const t = this.props.animation, { animation: e, direction: n, hasUAVisualTransition: r } = this.context, { timeline: a, playbackRate: o } = e, { index: c, exiting: g, ref: p } = this;
+    return t?.({
+      ref: p.current,
+      index: c,
+      exiting: g,
+      timeline: a,
+      direction: n,
+      playbackRate: o,
+      hasUAVisualTransition: r
+    }) ?? null;
+  }
+  setZIndex(t) {
+    return new Promise((e) => this.setState({ zIndex: t }, e));
+  }
+  render() {
+    const t = this.props.renderAs, e = this.props.focused ? void 0 : "";
+    return /* @__PURE__ */ T(
+      t,
+      {
+        id: this.props.id,
+        className: "screen-transition-provider",
+        ref: this.ref,
+        inert: e,
+        style: {
+          gridArea: "1 / 1",
+          width: "100%",
+          height: "100%",
+          transformOrigin: "center center",
+          zIndex: this.state.zIndex
+        },
+        children: this.props.children
+      }
+    );
+  }
+}
+const _t = nt(null), vt = nt(null), Jt = nt(null);
+class we {
+  id;
+  nodes = /* @__PURE__ */ new Map();
+  getScreenRect = () => new DOMRect();
+  keepAlive = !1;
+  previousScene = null;
+  canTransition = !0;
+  // should be false if page animation already started
+  constructor(t) {
+    this.id = t;
+  }
+  addNode(t) {
+    t && (console.assert(!this.nodes.has(t.id), `Duplicate Shared Element ID: ${t.id} in ${this.id}`), this.nodes.set(t.id, t));
+  }
+  removeNode(t) {
+    this.nodes.delete(t);
+  }
+  get xRatio() {
+    const e = (this.getScreenRect().width / window.innerWidth).toFixed(2);
+    return parseFloat(e);
+  }
+  get yRatio() {
+    const e = (this.getScreenRect().height / window.innerHeight).toFixed(2);
+    return parseFloat(e);
+  }
+  get x() {
+    return this.getScreenRect().x;
+  }
+  get y() {
+    return this.getScreenRect().y;
+  }
+  isEmpty() {
+    return !this.nodes.size;
+  }
+}
+class Ee extends it {
+  sharedElementScene;
+  #t = K();
+  ref = K();
+  nestedRouterData;
+  static contextType = vt;
+  state = {
+    focused: !1,
+    config: {},
+    params: {},
+    elementType: "div"
+  };
+  constructor(t, e) {
+    super(t), this.sharedElementScene = new we(`${this.name}-shared-element-scene`), this.sharedElementScene.getScreenRect = () => this.ref.current?.getBoundingClientRect() || new DOMRect(), this.nestedRouterData = { parentScreen: this, parentRouter: e };
+  }
+  setParams(t) {
+    this.setState(({ params: e }) => ({ params: { ...e, ...t } }));
+  }
+  setConfig(t) {
+    this.setState(({ config: e }) => ({ config: { ...e, ...t } }));
+  }
+  get focused() {
+    return this.state.focused;
+  }
+  get name() {
+    return this.props.name ? this.props.name.toLowerCase().replace(/[^\w-]/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "") : te(this.props.component) ? this.props.component.module?.default.name.toLowerCase() : this.props.component.name.toLowerCase();
+  }
+  blur() {
+    return new Promise((t) => this.setState({ focused: !1 }, t));
+  }
+  focus() {
+    return new Promise((t) => this.setState({ focused: !0 }, t));
+  }
+  async load(t) {
+    let e = this.props.component, n;
+    "load" in e ? n = await e.load() : n = { default: e };
+    const r = this.context.navigation, a = this.routeProp;
+    return await this.props.config?.onLoad?.({ navigation: r, route: a, signal: t }), n;
+  }
+  async onExited(t) {
+    await this.routeProp.config.onExited?.({
+      route: this.routeProp,
+      navigation: this.context.navigation,
+      signal: t
+    });
+  }
+  async onExit(t) {
+    await this.routeProp.config.onExit?.({
+      route: this.routeProp,
+      navigation: this.context.navigation,
+      signal: t
+    });
+  }
+  async onEnter(t) {
+    await this.routeProp.config.onEnter?.({
+      route: this.routeProp,
+      navigation: this.context.navigation,
+      signal: t
+    });
+  }
+  async onEntered(t) {
+    await this.routeProp.config.onEntered?.({
+      route: this.routeProp,
+      navigation: this.context.navigation,
+      signal: t
+    });
+  }
+  get path() {
+    return this.props.path;
+  }
+  get transitionProvider() {
+    return this.#t;
+  }
+  render() {
+    const t = this.context.navigation, e = this.routeProp, n = this.props.component, r = e.config.header?.component, a = e.config.footer?.component;
+    return /* @__PURE__ */ T(
+      ve,
+      {
+        ref: this.#t,
+        renderAs: this.state.elementType,
+        id: `${this.context.id}-${this.name}-transition-provider`,
+        animation: e.config.animation,
+        navigation: t,
+        focused: this.state.focused,
+        children: /* @__PURE__ */ T(
+          "div",
+          {
+            id: `${this.context.id}-${this.name}`,
+            ref: this.ref,
+            className: "screen",
+            style: {
+              height: "100%",
+              width: "100%",
+              display: "flex",
+              flexDirection: "column",
+              pointerEvents: "inherit"
             },
-            url: currentEntry.url ?? new URL(window.location.href).href,
-            key: currentEntry.key,
-            index: currentEntry.index,
-            id: currentEntry.id,
-            sameDocument: true
-        };
-        this.#signal = this.#abortable.signal;
-        window.navigation.addEventListener('navigate', this.#onNavigate, { signal: this.#signal });
-    }
-    #onNavigate = (e) => {
-        if (e !== this) {
-            this.#abortable.abort();
-        }
-        else if (!this.#thenables.length) {
-            window.navigation.removeEventListener('navigate', this.#onNavigate);
-        }
-    };
-    intercept(options) {
-        if (this.#intercepted)
-            throw new DOMException("Failed to execute 'intercept' on 'NavigateEvent': intercept() may only be called while the navigate event is being dispatched.");
-        let finish = null;
-        if (!this.#transition) {
-            this.#transition = {
-                finished: new Promise((resolve) => finish = resolve),
-                from: window.navigation.currentEntry,
-                navigationType: "load"
-            };
-        }
-        const thenable = options?.handler?.();
-        if (thenable)
-            this.#thenables.push(thenable);
-        if (this.#thenables.length === 1) {
-            (0,utils/* PromiseAllDynamic */.DM)(this.#thenables).then(() => {
-                this.#intercepted = true;
-                window.removeEventListener('navigate', this.#onNavigate);
-                finish?.();
-            });
-        }
-    }
-    scroll() {
-        throw new Error("Method not implemented.");
-    }
-    get transition() {
-        return this.#transition;
-    }
-    get navigationType() {
-        return this.#navigationType;
-    }
-    get userInitiated() {
-        return this.#userInitiated;
-    }
-    get canIntercept() {
-        return this.#canIntercept;
-    }
-    get hashChange() {
-        return this.#hashChange;
-    }
-    get formData() {
-        return this.#formData;
-    }
-    get downloadRequest() {
-        return this.#downloadRequest;
-    }
-    get destination() {
-        return this.#destination;
-    }
-    get signal() {
-        return this.#signal;
-    }
+            children: /* @__PURE__ */ T(Ht.Provider, { value: this.sharedElementScene, children: /* @__PURE__ */ T(Jt.Provider, { value: e, children: /* @__PURE__ */ Gt(_t.Provider, { value: this.nestedRouterData, children: [
+              /* @__PURE__ */ T(Et, { fallback: /* @__PURE__ */ T(H, { component: e.config.header?.fallback, route: e, navigation: t }), children: /* @__PURE__ */ T(H, { component: r, route: e, navigation: t }) }),
+              /* @__PURE__ */ T(Et, { fallback: /* @__PURE__ */ T(H, { component: this.props.fallback, route: e, navigation: t }), children: /* @__PURE__ */ T(H, { component: n, route: e, navigation: t }) }),
+              /* @__PURE__ */ T(Et, { fallback: /* @__PURE__ */ T(H, { component: e.config.footer?.fallback, route: e, navigation: t }), children: /* @__PURE__ */ T(H, { component: a, route: e, navigation: t }) })
+            ] }) }) })
+          }
+        )
+      }
+    );
+  }
 }
-
-;// CONCATENATED MODULE: ./src/ScreenTransitionLayerContext.tsx
-
-const ScreenTransitionLayerContext = (0,external_react_.createContext)(null);
-
-;// CONCATENATED MODULE: ./src/ScreenTransitionProvider.tsx
-
-
-
-class ScreenTransitionProvider extends external_react_.Component {
-    ref = (0,external_react_.createRef)();
-    static contextType = ScreenTransitionLayerContext;
-    index = 0;
-    exiting = false;
-    state = {
-        zIndex: 'unset',
-    };
-    onAnimationEnd = () => {
-        if (this.ref.current) {
-            this.ref.current.style.willChange = 'auto';
-            this.ref.current.style.pointerEvents = 'auto';
-        }
-    };
-    onAnimationStart = () => {
-        if (this.ref.current) {
-            this.ref.current.style.willChange = 'transform, opacity';
-            this.ref.current.style.pointerEvents = 'none';
-        }
-    };
-    componentDidMount() {
-        this.props.navigation.addEventListener('transition-start', this.onAnimationStart);
-        this.props.navigation.addEventListener('transition-end', this.onAnimationEnd);
-        this.props.navigation.addEventListener('transition-cancel', this.onAnimationEnd);
-    }
-    componentWillUnmount() {
-        this.props.navigation.removeEventListener('transition-start', this.onAnimationStart);
-        this.props.navigation.removeEventListener('transition-end', this.onAnimationEnd);
-        this.props.navigation.removeEventListener('transition-cancel', this.onAnimationEnd);
-    }
-    get animationEffect() {
-        const animationEffectFactory = this.props.animation;
-        const { animation, direction, hasUAVisualTransition } = this.context;
-        const { timeline, playbackRate } = animation;
-        const { index, exiting, ref } = this;
-        return animationEffectFactory?.({
-            ref: ref.current,
-            index,
-            exiting,
-            timeline,
-            direction,
-            playbackRate,
-            hasUAVisualTransition
-        }) ?? null;
-    }
-    setZIndex(zIndex) {
-        return new Promise(resolve => this.setState({ zIndex }, resolve));
-    }
-    render() {
-        const Element = this.props.renderAs;
-        const inert = !this.props.focused ? '' : undefined;
-        return ((0,jsx_runtime.jsx)(Element, { id: this.props.id, className: "screen-transition-provider", ref: this.ref, inert, style: {
-                gridArea: '1 / 1',
-                width: '100%',
-                height: '100%',
-                transformOrigin: 'center center',
-                zIndex: this.state.zIndex
-            }, children: this.props.children }));
-    }
+function H({ component: s, route: t, navigation: e }) {
+  te(s) && s.module?.default && (s = s.module.default);
+  const n = s ?? null;
+  return typeof n == "function" || Qt(n) ? /* @__PURE__ */ T(
+    n,
+    {
+      navigation: e,
+      route: t
+    }
+  ) : Ut(n) ? Xt(n, {
+    navigation: e,
+    route: t
+  }) : /* @__PURE__ */ T(oe, { children: n });
 }
-
-;// CONCATENATED MODULE: ./src/RouterContext.ts
-
-const NestedRouterContext = (0,external_react_.createContext)(null);
-const RouterContext = (0,external_react_.createContext)(null);
-
-;// CONCATENATED MODULE: ./src/RoutePropContext.ts
-
-const RoutePropContext = (0,external_react_.createContext)(null);
-
-;// CONCATENATED MODULE: ./src/SharedElementScene.ts
-class SharedElementScene {
-    id;
-    nodes = new Map();
-    getScreenRect = () => new DOMRect();
-    keepAlive = false;
-    previousScene = null;
-    canTransition = true; // should be false if page animation already started
-    constructor(id) {
-        this.id = id;
-    }
-    addNode(node) {
-        if (!node)
-            return;
-        console.assert(!this.nodes.has(node.id), `Duplicate Shared Element ID: ${node.id} in ${this.id}`);
-        this.nodes.set(node.id, node);
-    }
-    removeNode(_id) {
-        this.nodes.delete(_id);
-    }
-    get xRatio() {
-        const screenRect = this.getScreenRect();
-        const xRatio = (screenRect.width / window.innerWidth).toFixed(2);
-        return parseFloat(xRatio);
-    }
-    get yRatio() {
-        const screenRect = this.getScreenRect();
-        const yRatio = (screenRect.height / window.innerHeight).toFixed(2);
-        return parseFloat(yRatio);
-    }
-    get x() {
-        return this.getScreenRect().x;
-    }
-    get y() {
-        return this.getScreenRect().y;
-    }
-    isEmpty() {
-        return !Boolean(this.nodes.size);
-    }
+function _e(s) {
+  return Ut(s) ? Object.getPrototypeOf(s.type) === Ee : !1;
 }
-
-;// CONCATENATED MODULE: ./src/ScreenBase.tsx
-
-
-
-
-
-
-
-
-class ScreenBase extends external_react_.Component {
-    sharedElementScene;
-    #transitionProvider = (0,external_react_.createRef)();
-    ref = (0,external_react_.createRef)();
-    nestedRouterData;
-    static contextType = RouterContext;
-    state = {
-        focused: false,
-        config: {},
-        params: {},
-        elementType: 'div'
-    };
-    constructor(props, context) {
-        super(props);
-        this.sharedElementScene = new SharedElementScene(`${this.name}-shared-element-scene`);
-        this.sharedElementScene.getScreenRect = () => this.ref.current?.getBoundingClientRect() || new DOMRect();
-        this.nestedRouterData = { parentScreen: this, parentRouter: context };
-    }
-    setParams(newParams) {
-        this.setState(({ params }) => ({ params: { ...params, ...newParams } }));
-    }
-    setConfig(newConfig) {
-        this.setState(({ config }) => ({ config: { ...config, ...newConfig } }));
-    }
-    get focused() {
-        return this.state.focused;
-    }
-    get name() {
-        if (this.props.name)
-            return this.props.name
-                .toLowerCase()
-                .replace(/[^\w-]/g, '-') // Remove non-alphanumeric chars
-                .replace(/-+/g, '-') // Replace multiple hyphens with a single one
-                .replace(/^-|-$/g, ''); // Remove leading and trailing hyphens;
-        else if (isLazyExoticComponent(this.props.component))
-            return this.props.component.module?.default.name.toLowerCase();
-        return this.props.component.name.toLowerCase();
-    }
-    blur() {
-        return new Promise(resolve => this.setState({ focused: false }, resolve));
-    }
-    focus() {
-        return new Promise(resolve => this.setState({ focused: true }, resolve));
-    }
-    async load(signal) {
-        let Component = this.props.component;
-        let result;
-        if ('load' in Component) {
-            result = await Component.load();
-        }
-        else {
-            result = { default: Component };
-        }
-        const navigation = this.context.navigation;
-        const route = this.routeProp;
-        await this.props.config?.onLoad?.({ navigation, route, signal });
-        return result;
-    }
-    async onExited(signal) {
-        await this.routeProp.config.onExited?.({
-            route: this.routeProp,
-            navigation: this.context.navigation,
-            signal
-        });
-    }
-    async onExit(signal) {
-        await this.routeProp.config.onExit?.({
-            route: this.routeProp,
-            navigation: this.context.navigation,
-            signal
-        });
-    }
-    async onEnter(signal) {
-        await this.routeProp.config.onEnter?.({
-            route: this.routeProp,
-            navigation: this.context.navigation,
-            signal
-        });
-    }
-    async onEntered(signal) {
-        await this.routeProp.config.onEntered?.({
-            route: this.routeProp,
-            navigation: this.context.navigation,
-            signal
-        });
-    }
-    get path() {
-        return this.props.path;
-    }
-    get transitionProvider() {
-        return this.#transitionProvider;
-    }
-    render() {
-        const navigation = this.context.navigation;
-        const routeProp = this.routeProp;
-        const Component = this.props.component;
-        const HeaderComponent = routeProp.config.header?.component;
-        const FooterComponent = routeProp.config.footer?.component;
-        return ((0,jsx_runtime.jsx)(ScreenTransitionProvider, { ref: this.#transitionProvider, renderAs: this.state.elementType, id: `${this.context.id}-${this.name}-transition-provider`, animation: routeProp.config.animation, navigation: navigation, focused: this.state.focused, children: (0,jsx_runtime.jsx)("div", { id: `${this.context.id}-${this.name}`, ref: this.ref, className: "screen", style: {
-                    height: '100%',
-                    width: '100%',
-                    display: 'flex',
-                    flexDirection: 'column',
-                    pointerEvents: 'inherit'
-                }, children: (0,jsx_runtime.jsx)(SharedElementSceneContext.Provider, { value: this.sharedElementScene, children: (0,jsx_runtime.jsx)(RoutePropContext.Provider, { value: routeProp, children: (0,jsx_runtime.jsxs)(NestedRouterContext.Provider, { value: this.nestedRouterData, children: [(0,jsx_runtime.jsx)(external_react_.Suspense, { fallback: (0,jsx_runtime.jsx)(ComponentWithRouteProps, { component: routeProp.config.header?.fallback, route: routeProp, navigation: navigation }), children: (0,jsx_runtime.jsx)(ComponentWithRouteProps, { component: HeaderComponent, route: routeProp, navigation: navigation }) }), (0,jsx_runtime.jsx)(external_react_.Suspense, { fallback: (0,jsx_runtime.jsx)(ComponentWithRouteProps, { component: this.props.fallback, route: routeProp, navigation: navigation }), children: (0,jsx_runtime.jsx)(ComponentWithRouteProps, { component: Component, route: routeProp, navigation: navigation }) }), (0,jsx_runtime.jsx)(external_react_.Suspense, { fallback: (0,jsx_runtime.jsx)(ComponentWithRouteProps, { component: routeProp.config.footer?.fallback, route: routeProp, navigation: navigation }), children: (0,jsx_runtime.jsx)(ComponentWithRouteProps, { component: FooterComponent, route: routeProp, navigation: navigation }) })] }) }) }) }) }));
-    }
+function Qt(s) {
+  return typeof s == "object" && s !== null && s.$$typeof === Symbol.for("react.lazy");
 }
-function ComponentWithRouteProps({ component, route, navigation }) {
-    if (isLazyExoticComponent(component) && component.module?.default) {
-        component = component.module.default;
-    }
-    const Component = component ?? null;
-    if (typeof Component === "function" || isNativeLazyExoticComponent(Component)) {
-        return ((0,jsx_runtime.jsx)(Component, { navigation: navigation, route: route }));
-    }
-    else if ((0,external_react_.isValidElement)(Component)) {
-        return (0,external_react_.cloneElement)(Component, {
-            navigation,
-            route
-        });
-    }
-    return (0,jsx_runtime.jsx)(jsx_runtime.Fragment, { children: Component });
+function te(s) {
+  return Qt(s) && "load" in s;
+}
+function be(s) {
+  return "style" in s && s.style instanceof CSSStyleDeclaration;
+}
+var Te = Object.defineProperty, Se = (s, t, e) => t in s ? Te(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e, j = (s, t, e) => (Se(s, typeof t != "symbol" ? t + "" : t, e), e), Wt = (s, t, e) => {
+  if (!t.has(s))
+    throw TypeError("Cannot " + e);
+}, i = (s, t, e) => (Wt(s, t, "read from private field"), e ? e.call(s) : t.get(s)), m = (s, t, e) => {
+  if (t.has(s))
+    throw TypeError("Cannot add the same private member more than once");
+  t instanceof WeakSet ? t.add(s) : t.set(s, e);
+}, l = (s, t, e, n) => (Wt(s, t, "write to private field"), n ? n.call(s, e) : t.set(s, e), e), f = (s, t, e) => (Wt(s, t, "access private method"), e);
+const ht = {
+  delay: 0,
+  direction: "normal",
+  duration: "auto",
+  easing: "linear",
+  endDelay: 0,
+  fill: "auto",
+  iterationStart: 0,
+  iterations: 1
+}, It = 1e3, Re = window.Animation, ut = window.KeyframeEffect;
+function Ft(s) {
+  return Array.isArray(s);
 }
-
-;// CONCATENATED MODULE: ./src/common/types.ts
-
-
-function isValidScreenChild(value) {
-    if (!(0,external_react_.isValidElement)(value))
-        return false;
-    return Object.getPrototypeOf(value.type) === ScreenBase;
+function X(s) {
+  return typeof s == "object" && s === null;
 }
-var SharedElementTransitionTypeEnum;
-(function (SharedElementTransitionTypeEnum) {
-    SharedElementTransitionTypeEnum[SharedElementTransitionTypeEnum["morph"] = 0] = "morph";
-    SharedElementTransitionTypeEnum[SharedElementTransitionTypeEnum["fade-through"] = 1] = "fade-through";
-    SharedElementTransitionTypeEnum[SharedElementTransitionTypeEnum["fade"] = 2] = "fade";
-    SharedElementTransitionTypeEnum[SharedElementTransitionTypeEnum["cross-fade"] = 3] = "cross-fade";
-})(SharedElementTransitionTypeEnum || (SharedElementTransitionTypeEnum = {}));
-function isNativeLazyExoticComponent(value) {
-    return typeof value === "object"
-        && value !== null
-        && value.$$typeof === Symbol.for('react.lazy');
+function h(s, t) {
+  return X(s) || typeof s == "number" ? s : (t || ([t] = Object.keys(s.type())), s.to(t).value);
 }
-function isLazyExoticComponent(value) {
-    return isNativeLazyExoticComponent(value) && 'load' in value;
+function ke(s, t = ht) {
+  let { duration: e = "auto", iterations: n = 1, playbackRate: r = 1 } = t;
+  if (X(s))
+    return s;
+  if (typeof s == "number" || s.type().percent === void 0)
+    throw new DOMException(
+      "CSSNumericValue must be a percentage for progress based animations.",
+      "NotSupportedError"
+    );
+  if (e === "auto")
+    e = It;
+  else if (e instanceof CSSNumericValue)
+    e = e.to("ms").value;
+  else if (typeof e == "string")
+    throw new TypeError("Unknown effect duration keyword.");
+  const { delay: a = 0, endDelay: o = 0 } = t, c = e / n * n / Math.abs(r), g = a + c + o;
+  return st(
+    s.to("percent").value,
+    [0, 100],
+    [0, g]
+  );
+}
+function wt(s) {
+  if (X(s) || typeof s == "number")
+    return s;
+  if (s.type().time !== void 0)
+    throw new DOMException(
+      "CSSNumericValue must be a time value for time based animations.",
+      "NotSupportedError"
+    );
+  return s.to("ms").value;
+}
+function Bt(s, t) {
+  const e = t.length - 1, n = Math.floor(s * e), r = t[n], a = t[Math.min(n + 1, e)], o = s * e - n;
+  return r + o * (a - r);
+}
+function xe(s, t, e) {
+  let n = 0, r = 0;
+  for (const [a, o] of Object.entries(s)) {
+    const { min: c, max: g } = t, p = e[a] ?? 1, w = (o - c[a]) / (g[a] - c[a]) * p;
+    n += w, r += p;
+  }
+  return n / r;
+}
+function st(s, t, e, n = {}) {
+  let r;
+  if (typeof s == "number" && Ft(t)) {
+    const o = { x: t[0] }, c = { x: t[1] };
+    t = { min: o, max: c }, s = { x: s };
+  } else
+    throw new TypeError("Input and input range must have the same dimensions.");
+  if (r = xe(s, t, n), r = Ce(r, 0, 1), Ft(e))
+    return Bt(r, e);
+  const a = {};
+  for (const o of Object.keys(e.min)) {
+    const c = e.min[o], g = e.max[o], p = [c, g];
+    a[o] = Bt(r, p);
+  }
+  return a;
+}
+function Ce(s, t, e) {
+  return s < t ? t : e && s > e ? e : s;
+}
+function $t(s) {
+  let {
+    duration: t = "auto",
+    iterations: e = 1,
+    playbackRate: n = 1,
+    delay: r = 0,
+    endDelay: a = 0,
+    localTime: o = null,
+    progress: c = null
+  } = s;
+  const g = new CSSUnitValue(100, "percent");
+  if (t === "auto")
+    t = It, r = 0, a = 0;
+  else if (t instanceof CSSNumericValue)
+    t = t.to("ms").value;
+  else if (typeof t == "string")
+    throw TypeError("Unknown effect duration keyword.");
+  const p = t / e, w = p * e / Math.abs(n), S = r + w + a;
+  t = new CSSUnitValue(p / S * 100, "percent");
+  const E = CSS.percent(t.to("percent").value * e / Math.abs(n));
+  return o !== null && (c = h(o, "percent") / g.value), {
+    ...s,
+    progress: c,
+    activeDuration: E,
+    duration: t,
+    iterations: e,
+    delay: r,
+    endDelay: a,
+    endTime: g
+  };
+}
+function ee(s, t) {
+  let { activeDuration: e = 0, localTime: n = null, endTime: r = 1 / 0, delay: a = 0 } = s;
+  if (r = h(r), e = h(e), n = h(n), n == null || n === void 0)
+    return "idle";
+  const o = Math.max(Math.min(a, r), 0), c = Math.max(Math.min(a + e, r), 0);
+  return n < o || t === "backwards" && n === o ? "before" : n > c || t === "forwards" && n === c ? "after" : "active";
+}
+function Me(s, t) {
+  let { localTime: e = null, delay: n = 0, activeDuration: r = 0, fill: a } = s;
+  if (r = h(r), e = h(e), e == null || e === void 0)
+    return null;
+  switch (t) {
+    case "before":
+      return a === "backwards" || a === "both" ? Math.max(e - n, 0) : null;
+    case "active":
+      return e - n;
+    case "after":
+      return a === "forwards" || a === "both" ? Math.max(Math.min(e - n, r), 0) : null;
+    default:
+      return null;
+  }
+}
+function Le(s, t, e) {
+  const { duration: n = 0, iterations: r = 1, iterationStart: a = 0 } = s;
+  if (typeof n != "number")
+    throw new TypeError("Duration cannot be unresolved");
+  let o = 0;
+  return n === 0 ? t === "before" ? o = 0 : o = r : o = e / wt(n), o + a;
+}
+function Pe(s, t, e, n) {
+  const { iterations: r = 1, iterationStart: a = 0, activeDuration: o = 0 } = s;
+  if (X(e))
+    return null;
+  let c = 0;
+  return e === 1 / 0 && (c = a % 1), c === 0 && (t === "active" || t === "after") && o === n && r !== 0 && (c = 1), c;
+}
+function ne(s, t) {
+  const { iterations: e = 1 } = s, n = Me(s, t);
+  if (X(n))
+    return null;
+  if (t === "after" && e === 1 / 0)
+    return 1 / 0;
+  const r = Le(s, t, n);
+  return Pe(s, t, r, n) === 1 ? Math.floor(r) - 1 : Math.floor(r);
 }
-function isStylableElement(element) {
-    return 'style' in element && element.style instanceof CSSStyleDeclaration;
+class De extends Event {
+  constructor(t) {
+    super("update", { bubbles: !1, cancelable: !1, composed: !1 }), j(this, "currentTime"), this.currentTime = t;
+  }
 }
-
-;// CONCATENATED MODULE: external "web-animations-extension"
-var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var y = x => () => x
-const external_web_animations_extension_namespaceObject = x({ ["Animation"]: () => __WEBPACK_EXTERNAL_MODULE_web_animations_extension_74b2916c__.Animation, ["ParallelEffect"]: () => __WEBPACK_EXTERNAL_MODULE_web_animations_extension_74b2916c__.ParallelEffect });
-;// CONCATENATED MODULE: ./src/SharedElementTransitionLayer.tsx
-
-
-
-
-
-class SharedElementTransitionLayer extends external_react_.Component {
-    ref = (0,external_react_.createRef)();
-    #outgoingScreen = null;
-    #incomingScreen = null;
-    state = {
-        transitioning: false
+var N, Z;
+class b extends EventTarget {
+  constructor(t = { type: "swipe", axis: "x", rangeStart: 0, rangeEnd: window.screen.availWidth, source: document.body }) {
+    super(), m(this, N, void 0), m(this, Z, void 0), t.source.addEventListener(t.type, this.onGesture.bind(this)), l(this, Z, CSS.percent(0)), l(this, N, t);
+  }
+  onGesture(t) {
+    const e = i(this, N).source.getBoundingClientRect();
+    let n = 0;
+    const r = {
+      x: t.x - e.left,
+      y: t.y - e.top
     };
-    set outgoingScreen(outgoingScreen) {
-        this.#outgoingScreen = outgoingScreen;
-    }
-    set incomingScreen(incomingScreen) {
-        this.#incomingScreen = incomingScreen;
-    }
-    get outgoingScreen() {
-        return this.#outgoingScreen;
-    }
-    get incomingScreen() {
-        return this.#incomingScreen;
-    }
-    getKeyframeProperties(element, styleList) {
-        const computedStyles = {};
-        const computedStyle = window.getComputedStyle(element);
-        for (const key of styleList) {
-            let transformedKey;
-            if (key === "offset")
-                transformedKey = "cssOffset";
-            else if (key === "float")
-                transformedKey = "cssFloat";
-            else
-                transformedKey = (0,utils/* toCamelCase */.zW)(key);
-            computedStyles[transformedKey] = computedStyle.getPropertyValue(key);
-        }
-        return computedStyles;
-    }
-    copyStyles(srcElement, cloneElement, styleList) {
-        if (!isStylableElement(srcElement))
-            return;
-        const computedStyles = window.getComputedStyle(srcElement);
-        for (const key of styleList) {
-            const value = computedStyles.getPropertyValue(key);
-            const priority = computedStyles.getPropertyPriority(key);
-            cloneElement.style.setProperty(key, value, priority);
-        }
-    }
-    getAnimationEffect(start, end) {
-        const keyframeEffects = new Array();
-        const startRect = start.instance.getBoundingClientRect();
-        const endRect = end.instance.getBoundingClientRect();
-        const config = {
-            fill: "both",
-            duration: "auto",
-            easing: "ease",
-        };
-        const transitionType = end.instance.transitionType;
-        const startTransform = `translate(${startRect.x}px, ${startRect.y}px)`;
-        const endTransform = `translate(${endRect.x}px, ${endRect.y}px)`;
-        switch (transitionType) {
-            case "fade":
-                keyframeEffects.push(new KeyframeEffect(start.clone, [
-                    { transform: startTransform, opacity: 1 },
-                    { transform: endTransform, opacity: 0 }
-                ], config));
-                keyframeEffects.push(new KeyframeEffect(end.clone, [
-                    { transform: startTransform },
-                    { transform: endTransform }
-                ], config));
-                break;
-            case "fade-through":
-                keyframeEffects.push(new KeyframeEffect(start.clone, [
-                    { transform: startTransform, opacity: 1 },
-                    { opacity: 0, offset: 0.5 },
-                    { transform: endTransform, opacity: 0 }
-                ], config));
-                keyframeEffects.push(new KeyframeEffect(end.clone, [
-                    { transform: startTransform, opacity: 0 },
-                    { opacity: 0, offset: 0.5 },
-                    { transform: endTransform, opacity: 1 }
-                ], config));
-                break;
-            case "cross-fade":
-                end.clone.style.mixBlendMode = "plus-lighter";
-                keyframeEffects.push(new KeyframeEffect(start.clone, [
-                    { transform: startTransform, opacity: 1 },
-                    { transform: endTransform, opacity: 0 }
-                ], config));
-                keyframeEffects.push(new KeyframeEffect(end.clone, [
-                    { transform: startTransform },
-                    { transform: endTransform }
-                ], config));
-                break;
-            case "morph": {
-                const styleList = Array.from(new Set([...start.instance.styles, ...end.instance.styles]));
-                keyframeEffects.push(new KeyframeEffect(end.clone, [
-                    {
-                        ...Object.fromEntries((start.instance.ref.current?.firstElementChild).attributeStyleMap),
-                        transform: startTransform,
-                        width: `${startRect.width}px`,
-                        height: `${startRect.height}px`,
-                    },
-                    {
-                        ...Object.fromEntries((end.instance.ref.current?.firstElementChild).attributeStyleMap),
-                        ...this.getKeyframeProperties(end.instance.ref.current?.firstElementChild, styleList),
-                        transform: endTransform,
-                        width: `${endRect.width}px`,
-                        height: `${endRect.height}px`,
-                    }
-                ], config));
-                break;
-            }
-        }
-        return new external_web_animations_extension_namespaceObject.ParallelEffect(keyframeEffects);
-    }
-    get animationEffect() {
-        const currentScene = this.outgoingScreen?.current?.sharedElementScene;
-        const nextScene = this.incomingScreen?.current?.sharedElementScene;
-        if (!currentScene || !nextScene)
-            return null;
-        if (currentScene === nextScene)
-            return null;
-        currentScene.previousScene = null;
-        nextScene.previousScene = currentScene;
-        const parallelEffects = new Array();
-        for (const [id, end] of Array.from(nextScene.nodes.entries())) {
-            const start = currentScene.nodes.get(id);
-            if (!start?.canTransition || !end.canTransition)
-                continue;
-            const endClone = end.clone();
-            const startClone = start.clone();
-            if (!startClone || !endClone)
-                continue;
-            const styleList = Array.from(new Set([...start.styles, ...end.styles, 'width', 'height']));
-            if (end.transitionType !== "morph") {
-                startClone.id = `${id}-start`;
-                startClone.style.position = "absolute";
-                startClone.style.gridArea = "1 / 1";
-                startClone.style.margin = "0";
-                this.copyStyles(start.ref.current?.firstElementChild, startClone, styleList);
-                this.copyStyles(end.ref.current?.firstElementChild, endClone, styleList);
-                this.ref.current?.prepend(startClone);
-            }
-            else {
-                this.copyStyles(start.ref.current?.firstElementChild, endClone, styleList);
-            }
-            endClone.id = `${id}${end.transitionType === "morph" ? '' : '-end'}`;
-            endClone.style.position = "absolute";
-            endClone.style.gridArea = "1 / 1";
-            endClone.style.margin = "0";
-            this.ref.current?.prepend(endClone);
-            start.hide();
-            end.hide();
-            const onFinish = async () => {
-                if (this.props.direction === "forwards")
-                    end.unhide();
-                else
-                    start.unhide();
-                endClone.remove();
-                startClone.remove();
-            };
-            this.props.navigation.addEventListener('transition-end', onFinish, { once: true });
-            this.props.navigation.addEventListener('transition-cancel', onFinish, { once: true });
-            parallelEffects.push(this.getAnimationEffect({ instance: start, clone: startClone }, { instance: end, clone: endClone }));
-        }
-        return new external_web_animations_extension_namespaceObject.ParallelEffect(parallelEffects);
-    }
-    render() {
-        return ((0,jsx_runtime.jsx)("dialog", { className: "shared-element-layer", ref: this.ref, style: {
-                maxWidth: 'unset',
-                maxHeight: 'unset',
-                width: '100vw',
-                height: '100vh',
-                contain: 'strict',
-                padding: 0,
-                border: 'none',
-                backgroundColor: 'transparent',
-                isolation: 'isolate',
-            }, children: (0,jsx_runtime.jsx)("style", { children: `
-                    .shared-element-layer::backdrop {display: none}
-                    .shared-element-layer[open] {display:grid}
-                ` }) }));
-    }
+    switch (i(this, N).type) {
+      case "swipe": {
+        const { rangeStart: a, rangeEnd: o } = i(this, N), c = i(this, N).axis;
+        n = st(
+          r[c],
+          [h(a, "px"), h(o, "px")],
+          [0, 100]
+        );
+        break;
+      }
+      case "pan": {
+        const { rangeStart: a, rangeEnd: o } = i(this, N), { x: c, y: g } = r;
+        n = st(
+          { x: c, y: g },
+          {
+            min: { x: h(a.x, "px"), y: h(a.y, "px") },
+            max: { x: h(o.x, "px"), y: h(o.y, "px") }
+          },
+          [0, 100],
+          { x: 1, y: 1 }
+        );
+        break;
+      }
+      case "pinch": {
+        const { rangeStart: a, rangeEnd: o } = i(this, N), { scale: c } = t;
+        n = st(
+          c,
+          [h(a, ""), h(o, "")],
+          // figure out which unit
+          [0, 100]
+        );
+        break;
+      }
+      case "rotate": {
+        const { rangeStart: a, rangeEnd: o } = i(this, N), { rotation: c } = t;
+        n = st(
+          c,
+          [h(a, "deg"), h(o, "deg")],
+          [0, 100]
+        );
+      }
+    }
+    l(this, Z, CSS.percent(n)), this.dispatchEvent(new De(i(this, Z)));
+  }
+  addEventListener(t, e, n) {
+    super.addEventListener(t, e, n);
+  }
+  removeEventListener(t, e, n) {
+    super.removeEventListener(t, e, n);
+  }
+  get currentTime() {
+    return i(this, Z);
+  }
+  get phase() {
+    return "active";
+  }
 }
-
-;// CONCATENATED MODULE: ./src/MotionContext.ts
-
-const MotionContext = (0,external_react_.createContext)(0);
-
-;// CONCATENATED MODULE: ./src/ScreenTransitionLayer.tsx
-
-
-
-
-
-
-
-class ScreenTransitionLayer extends external_react_.Component {
-    sharedElementTransitionLayer = (0,external_react_.createRef)();
-    animation = new external_web_animations_extension_namespaceObject.Animation();
-    #direction = "normal";
-    #screens = new Array();
-    state = {
-        gestureNavigating: false,
-        progress: 1
+N = /* @__PURE__ */ new WeakMap(), Z = /* @__PURE__ */ new WeakMap();
+const A = /* @__PURE__ */ new WeakMap();
+var rt;
+class dt extends ut {
+  constructor(t, e = null) {
+    super(t), m(this, rt, null), l(this, rt, e);
+  }
+  get parent() {
+    return i(this, rt);
+  }
+  getTiming() {
+    var t;
+    const e = super.getTiming();
+    if (((t = A.get(this)) == null ? void 0 : t.timeline) instanceof b) {
+      if (e.duration === 1 / 0)
+        throw TypeError("Effect duration cannot be Infinity for non-monotonic timelines.");
+      if (e.iterations === 1 / 0)
+        throw TypeError("Effect iterations cannot be Infinity for non-monotonic timelines.");
+    }
+    return e;
+  }
+  getComputedTiming() {
+    var t;
+    const e = super.getComputedTiming();
+    if (((t = A.get(this)) == null ? void 0 : t.timeline) instanceof b) {
+      if (e.duration === 1 / 0)
+        throw TypeError("Effect duration cannot be Infinity for non-monotonic timelines.");
+      if (e.iterations === 1 / 0)
+        throw TypeError("Effect iterations cannot be Infinity for non-monotonic timelines.");
+      return $t(e);
+    }
+    return e;
+  }
+  updateTiming(t) {
+    var e;
+    const n = super.getTiming();
+    t = {
+      ...n,
+      duration: n.duration instanceof CSSNumericValue ? n.duration.to("ms").value : n.duration,
+      ...t
     };
-    onAnimationFrame() {
-        const progress = this.animation.effect?.getComputedTiming().progress;
-        if (progress)
-            this.onProgress(progress);
-        if (this.animation.playState === "running")
-            requestAnimationFrame(this.onAnimationFrame.bind(this));
-    }
-    onTransitionCancel() {
-        this.props.navigation.dispatchEvent(new TransitionCancelEvent());
-    }
-    onTransitionStart() {
-        this.props.navigation.dispatchEvent(new TransitionStartEvent());
-        this.onAnimationFrame();
-    }
-    onTransitionEnd() {
-        this.props.navigation.dispatchEvent(new TransitionEndEvent());
-    }
-    onProgress(progress) {
-        this.setState({ progress });
-        this.props.navigation.dispatchEvent(new MotionProgressEvent(progress));
-    }
-    get screens() {
-        return this.#screens;
-    }
-    set screens(screens) {
-        this.#screens = screens;
-    }
-    set direction(direction) {
-        this.#direction = direction;
-        this.animation.effect?.updateTiming({ direction });
-    }
-    get direction() {
-        return this.#direction;
-    }
-    get hasUAVisualTransition() {
-        return this.props.hasUAVisualTransition;
-    }
-    transition() {
-        const effect = new external_web_animations_extension_namespaceObject.ParallelEffect(this.screens.map(screen => {
-            return screen.current?.transitionProvider?.current?.animationEffect ?? null;
-        }).filter((effect) => effect !== null));
-        const sharedElementEffect = this.sharedElementTransitionLayer.current?.animationEffect;
-        const duration = effect.getComputedTiming().duration;
-        if (sharedElementEffect) {
-            sharedElementEffect.updateTiming({
-                duration: duration instanceof CSSNumericValue ? duration.to('ms').value : duration
-            });
-            effect.append(sharedElementEffect);
-            this.sharedElementTransitionLayer.current?.ref.current?.showModal();
-        }
-        this.animation.effect = effect;
-        this.animation.play();
-        this.onTransitionStart();
-        this.animation.oncancel = () => {
-            this.sharedElementTransitionLayer.current?.ref.current?.close();
-            this.onTransitionCancel();
-            this.animation.effect = null;
-        };
-        this.animation.finished.then(() => {
-            this.animation.commitStyles();
-            this.onTransitionEnd();
-            this.sharedElementTransitionLayer.current?.ref.current?.close();
-            this.animation.effect = null;
-        });
-        return this.animation;
-    }
-    render() {
-        return ((0,jsx_runtime.jsxs)(ScreenTransitionLayerContext.Provider, { value: this, children: [(0,jsx_runtime.jsx)(SharedElementTransitionLayer, { ref: this.sharedElementTransitionLayer, navigation: this.props.navigation, direction: this.animation.playbackRate > 0 ? "forwards" : "backwards" }), (0,jsx_runtime.jsx)("div", { className: "screen-transition-layer", style: {
-                        width: '100%',
-                        height: '100%',
-                        display: 'grid',
-                        contain: 'layout',
-                        isolation: 'isolate',
-                        '--motion-progress': this.state.progress
-                    }, children: (0,jsx_runtime.jsx)(MotionContext.Provider, { value: this.state.progress, children: this.props.children }) })] }));
-    }
+    let r = i(this, rt);
+    for (; r; ) {
+      const a = r.getTiming();
+      t != null && t.delay && (t.delay += a.delay ?? 0), t != null && t.endDelay && (t.endDelay += a.endDelay ?? 0), t != null && t.iterationStart && (t.iterationStart += a.iterationStart ?? 0), t != null && t.iterations && (t.iterations *= a.iterations ?? 1), t != null && t.playbackRate && (t.playbackRate *= a.playbackRate ?? 1), a.duration && typeof a.duration != "string" && t?.duration === "auto" && (t.duration = h(a.duration, "ms")), r = r.parent;
+    }
+    if (((e = A.get(this)) == null ? void 0 : e.timeline) instanceof b) {
+      if (t?.duration === 1 / 0)
+        throw TypeError("Effect duration cannot be Infinity for non-monotonic timelines.");
+      if (t != null && t.iterations)
+        throw TypeError("Effect iterations cannot be Infinity for non-monotonic timelines.");
+    }
+    return super.updateTiming(t);
+  }
 }
-
-;// CONCATENATED MODULE: ./src/RouterBase.tsx
-
-
-
-
-
-
-class RouterBase extends external_react_.Component {
-    ref = (0,external_react_.createRef)();
-    screenTransitionLayer = (0,external_react_.createRef)();
-    parent = null;
-    #child = null;
-    loadDispatched = false;
-    hasUAVisualTransition = false;
-    parentScreen = null;
-    static rootRouterRef = null;
-    static contextType = NestedRouterContext;
-    constructor(props, context) {
-        super(props);
-        this.parentScreen = context?.parentScreen ?? null;
-        this.parent = context?.parentRouter ?? null;
-        if (this.parent) {
-            this.parent.child = this;
-        }
-        if (this.isRoot) {
-            RouterBase.rootRouterRef = new WeakRef(this);
-        }
-    }
-    componentDidMount() {
-        if (this.isRoot) {
-            window.navigation.addEventListener('navigate', this.handleNavigationDispatch);
-        }
-        if (!this.loadDispatched) {
-            window.navigation.dispatchEvent(new LoadEvent());
-            this.loadDispatched = true;
-        }
-    }
-    componentWillUnmount() {
-        if (this.isRoot) {
-            window.navigation.removeEventListener('navigate', this.handleNavigationDispatch);
-        }
-    }
-    handleNavigationDispatch = (e) => {
-        const activeRouters = [...this.#activeRoutersIter()];
-        // travel down router tree to find a router that can intercept
-        const interceptor = activeRouters.findLast(router => router.canIntercept(e));
-        if (interceptor) {
-            interceptor.intercept(e);
-            this.hasUAVisualTransition = e.hasUAVisualTransition;
-        }
+rt = /* @__PURE__ */ new WeakMap();
+var U, Y;
+const Ae = class pt {
+  constructor(t) {
+    m(this, U, []), m(this, Y, null), l(this, U, t.map((e) => (e instanceof pt ? l(e, Y, this) : e instanceof ut && (e = new dt(e, this)), e)));
+  }
+  get parent() {
+    return i(this, Y);
+  }
+  get children() {
+    const t = i(this, U);
+    return {
+      length: t.length,
+      item(e) {
+        return t.at(e) ?? null;
+      }
     };
-    *#activeRoutersIter() {
-        let router = this;
-        while (router) {
-            yield router;
-            router = router.child;
-        }
+  }
+  get firstChild() {
+    return i(this, U).at(0) ?? null;
+  }
+  get lastChild() {
+    return i(this, U).at(-1) ?? null;
+  }
+  clone() {
+    return structuredClone(this);
+  }
+  append(...t) {
+    t.forEach((e) => {
+      i(this, U).includes(e) || (e instanceof pt ? l(e, Y, this) : e instanceof ut && (e = new dt(e, this)), i(this, U).push(e));
+    });
+  }
+  prepend(...t) {
+    t.forEach((e) => {
+      i(this, U).includes(e) || (e instanceof pt ? l(e, Y, this) : e instanceof ut && (e = new dt(e, this)), i(this, U).unshift(e));
+    });
+  }
+};
+U = /* @__PURE__ */ new WeakMap(), Y = /* @__PURE__ */ new WeakMap();
+let Ot = Ae;
+class et {
+  constructor() {
+    j(this, "promise"), j(this, "state"), j(this, "nativeResolve"), j(this, "nativeReject"), this.state = "pending", this.nativeResolve = this.nativeReject = null, this.promise = new Promise((t, e) => {
+      this.nativeResolve = t, this.nativeReject = e;
+    });
+  }
+  resolve(t) {
+    var e;
+    this.state = "resolved", (e = this.nativeResolve) == null || e.call(this, t);
+  }
+  reject(t) {
+    var e;
+    this.state = "rejected", this.promise.catch(() => {
+    }), (e = this.nativeReject) == null || e.call(this, t);
+  }
+}
+var _, Tt, ie;
+class Ne extends Ot {
+  constructor(t, e = ht) {
+    super(t), m(this, Tt), m(this, _, void 0), l(this, _, {
+      ...ht,
+      ...e
+    });
+  }
+  prepend(...t) {
+    super.prepend(...t), t.forEach((e) => e.updateTiming());
+  }
+  append(...t) {
+    super.append(...t), t.forEach((e) => e.updateTiming());
+  }
+  getTiming() {
+    return i(this, _);
+  }
+  getComputedTiming() {
+    var t, e;
+    const n = this.getTiming(), r = { ...n }, { delay: a = 0 } = ((t = this.children.item(0)) == null ? void 0 : t.getComputedTiming()) ?? {}, { endDelay: o = 0, endTime: c = 0 } = ((e = this.children.item(this.children.length - 1)) == null ? void 0 : e.getComputedTiming()) ?? {};
+    n.delay = n.delay ? n.delay + a : a, n.endDelay = n.endDelay ? n.endDelay + o : o, r.endTime = c;
+    for (let C = 0; C < this.children.length; C++) {
+      const M = this.children.item(C);
+      if (!M)
+        continue;
+      let {
+        duration: L = "auto",
+        activeDuration: Vt = 0
+      } = M.getComputedTiming();
+      r.activeDuration = r.activeDuration ? h(r.activeDuration, "ms") + h(Vt, "ms") : Vt, n.duration = n.duration instanceof CSSNumericValue ? n.duration.to("ms").value : n.duration, L = L instanceof CSSNumericValue ? L.to("ms").value : L, typeof L != "string" && (n.duration === "auto" ? n.duration = h(L, "ms") : typeof n.duration != "string" && (n.duration = n.duration ? n.duration + L : L));
+    }
+    const { timeline: g, startTime: p, currentTime: w } = A.get(this) ?? {}, S = g instanceof b ? "percent" : "ms";
+    let { duration: E = 0, iterations: F = 1 } = r;
+    if (E === "auto" && (E = 0), typeof E == "string")
+      throw new TypeError("Unknown effect duration keyword.");
+    return r.duration = E, r.activeDuration = wt(E) * F, r.startTime = p ?? void 0, r.localTime = w, r.currentIteration = ne(r, ee(r, i(this, Tt, ie))), g instanceof b ? $t(r) : (g instanceof DocumentTimeline && (r.progress = w && h(w, S) / h(c, S)), r);
+  }
+  updateTiming(t) {
+    l(this, _, {
+      ...i(this, _),
+      ...t
+    });
+    for (let e = 0; e < this.children.length; e++) {
+      const n = this.children.item(e);
+      n?.updateTiming();
     }
-    getRouterById(routerId, target) {
-        const router = target ?? RouterBase.rootRouterRef?.deref();
-        if (router.id === routerId) {
-            return router ?? null;
-        }
-        else if (router?.child) {
-            return this.getRouterById(routerId, router.child);
+  }
+}
+_ = /* @__PURE__ */ new WeakMap(), Tt = /* @__PURE__ */ new WeakSet(), ie = function() {
+  const { playbackRate: s = 1 } = A.get(this) ?? {};
+  return s < 0 ? "backwards" : "forwards";
+};
+var d, x, ct, v, R, P, u, y, k, z, O, at, W, ft, St, J, ot, q, Q, Rt, Kt, kt, qt, xt, zt, B, G, lt, mt, Ct, I, V, D, $, gt, Mt, Lt;
+const se = class extends EventTarget {
+  constructor(t, e) {
+    super(), m(this, ft), m(this, J), m(this, q), m(this, Rt), m(this, kt), m(this, xt), m(this, B), m(this, mt), m(this, I), m(this, D), j(this, "id", ""), j(this, "oncancel", null), j(this, "onfinish", null), j(this, "onremove", null), m(this, d, void 0), m(this, x, void 0), m(this, ct, "active"), m(this, v, {
+      task: null,
+      playbackRate: null
+    }), m(this, R, new et()), m(this, P, new et()), m(this, u, null), m(this, y, null), m(this, k, []), m(this, z, null), m(this, O, !1), m(this, at, 0), m(this, W, 1), m(this, lt, () => {
+      f(this, B, G).call(this);
+    }), m(this, gt, () => {
+      var n;
+      if (i(this, P).state !== "pending" || this.playState !== "finished")
+        return;
+      i(this, P).resolve(this);
+      const r = this.currentTime, a = (n = this.timeline) == null ? void 0 : n.currentTime, o = new AnimationPlaybackEvent(
+        "finish",
+        {
+          get currentTime() {
+            return r;
+          },
+          get timelineTime() {
+            return a;
+          }
         }
-        else {
-            return null;
+      );
+      requestAnimationFrame(() => {
+        var c;
+        this.dispatchEvent(o), (c = this.onfinish) == null || c.call(this, o);
+      });
+    }), m(this, Mt, () => {
+      var n, r;
+      const a = this.currentTime, o = (n = this.timeline) == null ? void 0 : n.currentTime, c = new AnimationPlaybackEvent(
+        "cancel",
+        {
+          get currentTime() {
+            return a;
+          },
+          get timelineTime() {
+            return o;
+          }
         }
-    }
-    dispatchEvent(event) {
-        const ref = this.ref.current ?? undefined;
-        return (0,utils/* dispatchEvent */.Nu)(event, ref);
-    }
-    addEventListener(type, listener, options) {
-        return this.ref.current?.addEventListener(type, listener, options);
-    }
-    removeEventListener(type, listener, options) {
-        return this.ref.current?.removeEventListener(type, listener, options);
-    }
-    preloadRoute(pathname) {
-        return new Promise((resolve, reject) => {
-            let found = false;
-            const routes = this.props.children;
-            external_react_.Children.forEach(routes, (route) => {
-                if (found)
-                    return; // stop after first
-                if (!(0,external_react_.isValidElement)(route))
-                    return;
-                const { path, caseSensitive } = route.props;
-                const baseURLPattern = this.baseURLPattern.pathname;
-                const matchInfo = (0,utils/* matchRoute */.QN)(path, pathname, baseURLPattern, caseSensitive);
-                if (!matchInfo)
-                    return;
-                found = true;
-                const config = route.props.config;
-                queueMicrotask(async () => {
-                    const preloadTasks = [];
-                    if ('load' in route.props.component) {
-                        preloadTasks.push(route.props.component.load());
-                    }
-                    if (config?.header?.component && 'load' in config?.header?.component) {
-                        preloadTasks.push(config?.header?.component.load());
-                    }
-                    if (config?.footer?.component && 'load' in config?.footer?.component) {
-                        preloadTasks.push(config?.footer?.component.load());
-                    }
-                    try {
-                        await Promise.all(preloadTasks);
-                        resolve(found);
-                    }
-                    catch (e) {
-                        reject(e);
-                    }
-                });
-            });
-            if (!found)
-                resolve(false);
-        });
-    }
-    get id() {
-        if (this.props.id)
-            return this.props.id;
-        const prefix = this.parent?.id;
-        const id = this.parentScreen?.id ?? 'root';
-        return [prefix, id].filter(Boolean).join('-');
-    }
-    get isRoot() {
-        return !this.parent;
-    }
-    get baseURL() {
-        const pathname = this.isRoot ? window.location.pathname : this.parentScreen?.resolvedPathname;
-        const pattern = this.baseURLPattern.pathname;
-        return (0,utils/* resolveBaseURLFromPattern */.n4)(pattern, pathname);
-    }
-    get baseURLPattern() {
-        let baseURL = window.location.origin + "/";
-        let basePath = this.props.config?.basePath;
-        if (!basePath) {
-            if (this.isRoot) {
-                basePath = "/";
-            }
-            else {
-                basePath = ".";
-            }
+      );
+      this.dispatchEvent(c), (r = this.oncancel) == null || r.call(this, c);
+    }), m(this, Lt, () => {
+      var n;
+      const r = new Event("remove");
+      this.dispatchEvent(r), (n = this.onremove) == null || n.call(this, r);
+    }), i(this, R).resolve(this), l(this, x, t ?? null), l(this, d, e ?? document.timeline), i(this, x) && A.set(i(this, x), this), f(this, mt, Ct).call(this), e instanceof b && e.addEventListener("update", i(this, lt));
+  }
+  reverse() {
+    var t;
+    const { endTime: e = 0 } = ((t = i(this, x)) == null ? void 0 : t.getComputedTiming()) ?? {}, n = i(this, v).playbackRate ?? i(this, W), r = h(this.currentTime), a = e === 1 / 0, o = n !== 0 && (n < 0 || r && r > 0 || !a);
+    if (!i(this, d) || !o) {
+      o && (i(this, v).playbackRate = -n);
+      return;
+    }
+    if (i(this, d).currentTime === null)
+      throw new DOMException(
+        "Cannot reverse an animation with no active timeline",
+        "InvalidStateError"
+      );
+    this.updatePlaybackRate(-n), this.play();
+  }
+  play() {
+    const t = this.playState === "paused" && this.pending;
+    let e = this.currentTime;
+    (i(this, v).playbackRate ?? this.playbackRate) === 0 && e === null && l(this, y, 0), e === null && l(this, O, !0), (this.playState === "finished" || t) && (l(this, u, null), l(this, y, null), l(this, O, !0)), i(this, y) && l(this, u, null), i(this, v).task && (i(this, v).task = null), !(i(this, u) !== null && i(this, y) === null && !t && i(this, v).playbackRate === null) && (f(this, B, G).call(this), f(this, J, ot).call(this), i(this, v).task = "play", f(this, I, V).call(this, !1));
+  }
+  pause() {
+    this.playState !== "paused" && (this.currentTime === null && l(this, O, !0), i(this, v).task && (i(this, v).task = null), f(this, J, ot).call(this), i(this, v).task = "pause");
+  }
+  persist() {
+    i(this, k).forEach((t) => t.persist()), l(this, ct, "persisted");
+  }
+  finish() {
+    var t;
+    const { endTime: e = 0 } = ((t = this.effect) == null ? void 0 : t.getComputedTiming()) ?? {}, n = i(this, v).playbackRate ?? i(this, W);
+    if (n === 0 || n > 0 && e === 1 / 0)
+      throw new DOMException("InvalidStateError");
+    f(this, D, $).call(this);
+    let r;
+    if (n > 0 ? r = e : r = 0, f(this, ft, St).call(this, r), this.startTime === null && i(this, d) !== null && i(this, d).currentTime !== null && r !== null) {
+      const a = i(this, d) instanceof b ? "percent" : "ms";
+      r = h(r, a);
+      const o = h(i(this, d).currentTime, a);
+      l(this, u, o - r / n);
+    }
+    i(this, v).task === "pause" && i(this, u) !== null && (l(this, y, null), f(this, q, Q).call(this), i(this, R).resolve(this)), i(this, v).task === "play" && i(this, u) !== null && (f(this, q, Q).call(this), i(this, R).resolve(this)), f(this, I, V).call(this, !0), i(this, k).forEach((a) => a.finish());
+  }
+  commitStyles() {
+    i(this, k).forEach((t) => {
+      t.effect instanceof dt && (t.effect.target === null || t.effect.pseudoElement !== null) || t.commitStyles();
+    });
+  }
+  cancel() {
+    this.playState !== "idle" && (f(this, D, $).call(this), i(this, R).reject(new DOMException("The user aborted a request", "AbortError")), f(this, q, Q).call(this), l(this, R, new et()), i(this, P).state === "pending" && i(this, P).reject(new DOMException("The user aborted a request", "AbortError")), l(this, P, new et()), i(this, k).forEach((t) => t.cancel())), l(this, u, null), l(this, y, null);
+  }
+  updatePlaybackRate(t) {
+    var e;
+    i(this, v).playbackRate = t;
+    const n = this.playState;
+    if (i(this, R).state !== "pending")
+      switch (n) {
+        case "idle":
+        case "paused":
+          f(this, D, $).call(this);
+          break;
+        case "finished": {
+          const r = i(this, d) instanceof b ? "percent" : "ms", a = ((e = i(this, d)) == null ? void 0 : e.currentTime) ?? null;
+          if (t === 0)
+            l(this, u, h(a, r));
+          else if (a !== null) {
+            let o = null;
+            o = (h(a, r) - (i(this, u) ?? 0)) * this.playbackRate, i(this, u) !== null && o !== null && l(this, u, (h(a, r) - o) / t);
+          }
+          f(this, D, $).call(this), f(this, I, V).call(this, !1), f(this, B, G).call(this);
+          break;
         }
-        if (this.parent && this.parentScreen) {
-            const { resolvedPathname = window.location.pathname, path } = this.parentScreen;
-            const parentBaseURL = this.parent.baseURL?.href;
-            const pattern = new URLPattern({ baseURL: parentBaseURL, pathname: path });
-            baseURL = (0,utils/* resolveBaseURLFromPattern */.n4)(pattern.pathname, resolvedPathname).href;
+        default:
+          this.play();
+      }
+  }
+  addEventListener(t, e, n) {
+    super.addEventListener(t, e, n);
+  }
+  removeEventListener(t, e, n) {
+    super.removeEventListener(t, e, n);
+  }
+  set playbackRate(t) {
+    l(this, W, t), i(this, k).forEach((e) => {
+      e.playbackRate *= t;
+    });
+  }
+  set startTime(t) {
+    l(this, u, h(t)), i(this, k).forEach((e) => e.startTime = t);
+  }
+  set currentTime(t) {
+    var e;
+    const n = i(this, d) instanceof b ? "percent" : "ms", r = h(((e = i(this, d)) == null ? void 0 : e.currentTime) ?? null, n);
+    if (X(t) && !X(r))
+      throw new TypeError("currentTime may not be changed from resolved to unresolved.");
+    l(this, O, !1), i(this, y) !== null || i(this, u) === null || r === null || this.playbackRate === 0 ? l(this, y, h(t, n)) : l(this, u, r - h(t, n) / this.playbackRate), (i(this, d) === null || r === null) && l(this, u, null), l(this, z, null), f(this, ft, St).call(this, t), i(this, v).task === "pause" && (l(this, y, h(t, n)), f(this, D, $).call(this), l(this, u, null), f(this, q, Q).call(this), i(this, R).resolve(this)), f(this, I, V).call(this, !0);
+  }
+  set timeline(t) {
+    var e, n;
+    const r = this.timeline;
+    if (r === t)
+      return;
+    i(this, d) instanceof b && i(this, d).removeEventListener("update", i(this, lt));
+    const a = this.playState, o = r instanceof b ? "percent" : "ms", c = h(this.currentTime, o), { progress: g = null, endTime: p = 0 } = ((e = i(this, x)) == null ? void 0 : e.getComputedTiming()) ?? {}, w = h(p, o), S = r instanceof b, E = t instanceof b, F = t instanceof DocumentTimeline, C = this.pending;
+    if (E)
+      l(this, d, t), t.addEventListener("update", i(this, lt)), f(this, D, $).call(this), l(this, O, !0), l(this, u, null), l(this, y, null), (a === "running" || a === "finished") && ((!i(this, R) || i(this, R).state === "resolved") && f(this, J, ot).call(this), i(this, v).task = "play", i(this, k).forEach((M) => M.pause())), a === "paused" && g !== null && l(this, y, g * w), C && ((!i(this, R) || i(this, R).state === "resolved") && f(this, J, ot).call(this), a === "paused" ? i(this, v).task = "pause" : i(this, v).task = "play"), i(this, u) !== null && l(this, y, null), f(this, I, V).call(this, !1);
+    else if (F) {
+      if (l(this, d, t), S) {
+        if (c !== null && g !== null) {
+          const { endTime: M = 0 } = ((n = i(this, x)) == null ? void 0 : n.getComputedTiming()) ?? {}, L = h(M, "ms");
+          this.currentTime = g * L;
         }
-        return new URLPattern({ baseURL, pathname: basePath });
-    }
-    get pathPatterns() {
-        return external_react_.Children.map(this.props.children, (child) => {
-            return { pattern: child.props.path, caseSensitive: Boolean(child.props.caseSensitive) };
-        });
-    }
-    get mounted() {
-        return Boolean(this.ref.current);
-    }
-    get child() {
-        return this.#child?.deref() ?? null;
-    }
-    set child(child) {
-        const currentChildRouter = this.#child?.deref();
-        if (currentChildRouter
-            && child?.id !== currentChildRouter?.id
-            && currentChildRouter?.mounted) {
-            throw new Error("It looks like you have two navigators at the same level. Try simplifying your navigation structure by using a nested router instead.");
+        switch (a) {
+          case "paused":
+            i(this, k).forEach((M) => M.pause());
+            break;
+          case "running":
+          case "finished":
+            i(this, k).forEach((M) => M.play());
         }
-        if (child)
-            this.#child = new WeakRef(child);
-        else
-            this.#child = null;
-    }
-    render() {
-        if (!this.navigation)
-            return;
-        return ((0,jsx_runtime.jsx)("div", { id: this.id, className: "react-motion-router", style: { width: '100%', height: '100%' }, ref: this.ref, children: (0,jsx_runtime.jsx)(RouterContext.Provider, { value: this, children: (0,jsx_runtime.jsx)(ScreenTransitionLayer, { ref: this.screenTransitionLayer, navigation: this.navigation, hasUAVisualTransition: this.hasUAVisualTransition, children: this.screens }) }) }));
+      }
+    } else
+      throw TypeError("Unsupported timeline: " + t);
+  }
+  set effect(t) {
+    if (t !== i(this, x)) {
+      if (this.pending && f(this, q, Q).call(this), i(this, x) && A.delete(i(this, x)), t) {
+        const e = A.get(t);
+        e && (e.effect = null), A.set(t, this);
+      }
+      l(this, x, t), f(this, mt, Ct).call(this), f(this, I, V).call(this, !1);
+    }
+  }
+  get ready() {
+    return i(this, R).promise;
+  }
+  get finished() {
+    return i(this, P).promise;
+  }
+  get playState() {
+    var t;
+    let { endTime: e = 0 } = ((t = this.effect) == null ? void 0 : t.getComputedTiming()) ?? {};
+    const n = i(this, d) instanceof b ? "percent" : "ms", r = h(this.startTime, n), a = h(this.currentTime, n);
+    return e = h(e, n), a === null && r === null && i(this, v).task === null ? "idle" : i(this, v).task === "pause" || r === null && i(this, v).task !== "play" ? "paused" : a !== null && (i(this, W) > 0 && a >= e || i(this, W) < 0 && a <= 0) ? "finished" : "running";
+  }
+  get playbackRate() {
+    return i(this, W);
+  }
+  get replaceState() {
+    return i(this, ct);
+  }
+  get pending() {
+    return i(this, R).state === "pending";
+  }
+  get currentTime() {
+    var t;
+    const e = ((t = this.timeline) == null ? void 0 : t.currentTime) ?? null;
+    if (i(this, y)) {
+      if (typeof e == "number")
+        return i(this, y);
+      const a = i(this, d) instanceof b ? "percent" : "ms";
+      return new CSSUnitValue(i(this, y), a);
+    }
+    if (e === null || i(this, u) === null)
+      return null;
+    const n = i(this, d) instanceof b ? "percent" : "ms";
+    let r = (h(e, n) - i(this, u)) * this.playbackRate;
+    return r === -0 && (r = 0), typeof e == "number" ? r : new CSSUnitValue(r, n);
+  }
+  get startTime() {
+    var t;
+    if (i(this, u) === null)
+      return null;
+    if (typeof (((t = this.timeline) == null ? void 0 : t.currentTime) ?? null) == "number")
+      return i(this, u);
+    const e = i(this, d) instanceof b ? "percent" : "ms";
+    return new CSSUnitValue(i(this, u), e);
+  }
+  get timeline() {
+    return i(this, d);
+  }
+  get effect() {
+    return i(this, x);
+  }
+};
+d = /* @__PURE__ */ new WeakMap(), x = /* @__PURE__ */ new WeakMap(), ct = /* @__PURE__ */ new WeakMap(), v = /* @__PURE__ */ new WeakMap(), R = /* @__PURE__ */ new WeakMap(), P = /* @__PURE__ */ new WeakMap(), u = /* @__PURE__ */ new WeakMap(), y = /* @__PURE__ */ new WeakMap(), k = /* @__PURE__ */ new WeakMap(), z = /* @__PURE__ */ new WeakMap(), O = /* @__PURE__ */ new WeakMap(), at = /* @__PURE__ */ new WeakMap(), W = /* @__PURE__ */ new WeakMap(), ft = /* @__PURE__ */ new WeakSet(), St = function(s) {
+  var t;
+  const e = h(((t = i(this, d)) == null ? void 0 : t.currentTime) ?? null);
+  if (s === null && e !== null)
+    throw new TypeError();
+  s === null || e === null || (s = h(s), l(this, O, !1), i(this, y) !== null || i(this, u) === null || i(this, d) instanceof b && i(this, d).phase === "inactive" || i(this, W) === 0 ? l(this, y, s) : l(this, u, e - s / i(this, W)), i(this, d) instanceof b && i(this, d).phase === "inactive" && l(this, u, null), l(this, z, null));
+}, J = /* @__PURE__ */ new WeakSet(), ot = function() {
+  i(this, R).state !== "pending" && l(this, R, new et()), cancelAnimationFrame(i(this, at)), l(this, at, requestAnimationFrame(() => {
+    var s;
+    (((s = i(this, d)) == null ? void 0 : s.currentTime) ?? null) !== null && (f(this, xt, zt).call(this), i(this, v).task === "play" && (i(this, u) !== null || i(this, y) !== null) ? f(this, Rt, Kt).call(this) : i(this, v).task === "pause" && f(this, kt, qt).call(this), Promise.all(i(this, k).map((t) => t.finished)).then(i(this, gt)), Promise.all(i(this, k).map((t) => new Promise((e) => t.onremove = e))).then(i(this, Lt)), Promise.all(i(this, k).map((t) => new Promise((e) => t.oncancel = e))).then(i(this, Mt)).then(() => l(this, ct, "removed")));
+  }));
+}, q = /* @__PURE__ */ new WeakSet(), Q = function() {
+  cancelAnimationFrame(i(this, at)), i(this, v).task = null;
+}, Rt = /* @__PURE__ */ new WeakSet(), Kt = function() {
+  var s;
+  const t = ((s = this.timeline) == null ? void 0 : s.currentTime) ?? null;
+  if (t === null)
+    return;
+  const e = i(this, d) instanceof b ? "percent" : "ms";
+  if (i(this, y) !== null)
+    f(this, D, $).call(this), this.playbackRate === 0 ? l(this, u, h(t, e)) : (l(this, u, h(t, e) - i(this, y) / this.playbackRate), l(this, y, null));
+  else if (i(this, u) !== null && i(this, v).playbackRate !== null) {
+    const n = (h(t, e) - i(this, u)) * this.playbackRate;
+    f(this, D, $).call(this);
+    const r = this.playbackRate;
+    r === 0 ? (l(this, y, null), l(this, u, h(t, e))) : l(this, u, h(t, e) - n / r);
+  }
+  i(this, R).state === "pending" && i(this, R).resolve(this), f(this, I, V).call(this, !1), f(this, B, G).call(this), i(this, v).task = null, this.timeline instanceof DocumentTimeline && i(this, k).forEach((n) => n.play());
+}, kt = /* @__PURE__ */ new WeakSet(), qt = function() {
+  var s;
+  const t = ((s = this.timeline) == null ? void 0 : s.currentTime) ?? null;
+  if (t === null)
+    return;
+  const e = i(this, d) instanceof b ? "percent" : "ms", n = t;
+  i(this, u) !== null && i(this, y) === null && l(this, y, (h(n, e) - i(this, u)) * this.playbackRate), f(this, D, $).call(this), l(this, u, null), i(this, R).resolve(this), f(this, I, V).call(this, !1), f(this, B, G).call(this), i(this, v).task = null, i(this, k).forEach((r) => r.pause());
+}, xt = /* @__PURE__ */ new WeakSet(), zt = function() {
+  if (i(this, O) && !(!i(this, d) || !i(this, d).currentTime) && !(this.playState === "idle" || this.playState === "paused" && i(this, y) !== null)) {
+    if (i(this, d) instanceof b) {
+      const s = i(this, v).playbackRate ?? this.playbackRate;
+      l(this, u, s >= 0 ? 0 : 100);
+    } else
+      l(this, u, h(i(this, d).currentTime, "ms"));
+    l(this, y, null);
+  }
+}, B = /* @__PURE__ */ new WeakSet(), G = function() {
+  var s;
+  const t = ((s = i(this, d)) == null ? void 0 : s.currentTime) ?? null;
+  if (t === null)
+    return;
+  const e = i(this, x), n = i(this, d) instanceof b ? ke(t, e?.getTiming()) : wt(t);
+  let r = null;
+  if (i(this, u) !== null) {
+    const a = h(t, "percent") === (this.playbackRate < 0 ? 0 : 100) ? this.playbackRate < 0 ? 1e-3 : -1e-3 : 0;
+    r = (n - i(this, u)) * this.playbackRate, r += a;
+  } else if (i(this, y) !== null)
+    r = i(this, y);
+  else
+    return;
+  i(this, k).forEach((a) => a.currentTime = r);
+}, lt = /* @__PURE__ */ new WeakMap(), mt = /* @__PURE__ */ new WeakSet(), Ct = function() {
+  var s;
+  let t = i(this, x);
+  const e = [];
+  if (t instanceof Ot)
+    for (let n = 0; n < t.children.length; n++) {
+      const r = new se(t.children.item(n));
+      if (t instanceof Ne && n > 0) {
+        const { endTime: a = null } = ((s = e[n - 1].effect) == null ? void 0 : s.getComputedTiming()) ?? {};
+        r.startTime = h(a, "ms");
+      }
+      e.push(r);
+    }
+  else {
+    const n = i(this, d) instanceof b ? document.timeline : i(this, d);
+    e.push(new Re(t, n));
+  }
+  l(this, k, e);
+}, I = /* @__PURE__ */ new WeakSet(), V = function(s) {
+  var t, e;
+  const n = ((t = i(this, d)) == null ? void 0 : t.currentTime) ?? null, r = i(this, d) instanceof b ? "percent" : "ms";
+  let a = h(this.currentTime, r);
+  if (a && i(this, u) !== null && !this.pending) {
+    let { delay: o = 0, endDelay: c = 0, iterations: g = 1, duration: p = "auto" } = ((e = i(this, x)) == null ? void 0 : e.getTiming()) ?? {};
+    const w = i(this, v).playbackRate ?? this.playbackRate;
+    if (p === "auto")
+      p = i(this, d) instanceof b ? It : 0;
+    else if (p instanceof CSSNumericValue)
+      p = p.to("ms").value;
+    else if (typeof p == "string")
+      throw new TypeError("Unknown effect duration keyword.");
+    const S = o + p * g + c;
+    let E = h(i(this, z), r);
+    w > 0 && a >= S && i(this, z) !== null ? ((E === null || E < S) && (E = S), l(this, y, s ? a : E)) : w < 0 && a <= 0 ? ((E === null || E > 0) && (E = 0), l(this, y, s ? a : E)) : w !== 0 && (s && i(this, y) !== null && (n !== null ? l(this, u, h(n, r) - i(this, y) / w) : l(this, u, null)), l(this, y, null));
+  }
+  f(this, B, G).call(this), l(this, z, this.currentTime), this.playState === "finished" ? i(this, P).state === "pending" && i(this, gt).call(this) : i(this, P).state === "resolved" && l(this, P, new et());
+}, D = /* @__PURE__ */ new WeakSet(), $ = function() {
+  i(this, v).playbackRate && (this.playbackRate = i(this, v).playbackRate), i(this, v).playbackRate = null;
+}, gt = /* @__PURE__ */ new WeakMap(), Mt = /* @__PURE__ */ new WeakMap(), Lt = /* @__PURE__ */ new WeakMap();
+let Ue = se;
+var tt, Pt, re;
+class Dt extends Ot {
+  constructor(t, e = ht) {
+    super(t), m(this, Pt), m(this, tt, void 0), l(this, tt, {
+      ...ht,
+      ...e
+    }), t.forEach((n) => n.updateTiming());
+  }
+  prepend(...t) {
+    super.prepend(...t), t.forEach((e) => e.updateTiming());
+  }
+  append(...t) {
+    super.append(...t), t.forEach((e) => e.updateTiming());
+  }
+  getTiming() {
+    return i(this, tt);
+  }
+  getComputedTiming() {
+    const t = this.getTiming(), e = { ...t };
+    for (let w = 0; w < this.children.length; w++) {
+      const S = this.children.item(w);
+      if (!S)
+        continue;
+      let {
+        delay: E = 0,
+        endDelay: F = 0,
+        duration: C = "auto",
+        activeDuration: M = 0,
+        endTime: L = 0
+      } = S.getComputedTiming();
+      t.delay = t.delay ? Math.min(t.delay, E) : E, t.endDelay = t.endDelay ? Math.max(t.endDelay, F) : F, e.endTime = e.endTime ? Math.max(h(e.endTime, "ms"), h(L, "ms")) : L, e.activeDuration = e.activeDuration ? Math.max(h(e.activeDuration, "ms"), h(M, "ms")) : M, t.duration = t.duration instanceof CSSNumericValue ? t.duration.to("ms").value : t.duration, C = C instanceof CSSNumericValue ? C.to("ms").value : C, typeof C != "string" && (t.duration === "auto" ? t.duration = h(C, "ms") : typeof t.duration != "string" && (t.duration = t.duration ? Math.max(t.duration, C) : C));
+    }
+    const { timeline: n, startTime: r, currentTime: a } = A.get(this) ?? {}, o = n instanceof b ? "percent" : "ms";
+    let { duration: c = 0, iterations: g = 1, endTime: p = 0 } = e;
+    if (c === "auto" && (c = 0), typeof c == "string")
+      throw new TypeError("Unknown effect duration keyword.");
+    return e.duration = c, e.activeDuration = wt(c) * g, e.startTime = r ?? void 0, e.localTime = a, e.currentIteration = ne(e, ee(e, i(this, Pt, re))), n instanceof b ? $t(e) : (n instanceof DocumentTimeline && (e.progress = a && h(a, o) / h(p, o)), e);
+  }
+  updateTiming(t) {
+    l(this, tt, {
+      ...i(this, tt),
+      ...t
+    });
+    for (let e = 0; e < this.children.length; e++) {
+      const n = this.children.item(e);
+      n?.updateTiming();
     }
+  }
 }
-
-;// CONCATENATED MODULE: ./src/MetaData.ts
-class MetaData {
-    #map = new Map();
-    mutationObserver;
-    constructor() {
-        this.mutationObserver = new MutationObserver(this.observeMutations.bind(this));
-        const { head } = document;
-        this.mutationObserver.observe(head, {
-            childList: true
-        });
-        Array.from(head.querySelectorAll('meta')).forEach(node => {
-            this.mutationObserver.observe(node, {
-                attributes: true
-            });
-        });
-        Array.from(head.querySelectorAll('meta')).forEach(this.metaDataFromNode.bind(this));
-    }
-    get(key) {
-        const metaKey = this.getMetaKey(key);
-        const metaContent = this.#map.get(metaKey);
-        if (!metaContent)
-            return undefined;
-        let content;
-        if (metaContent.includes(',') && metaContent.includes('=')) {
-            content = metaContent.split(/,\s*/).map(keyVal => keyVal.split('='));
+tt = /* @__PURE__ */ new WeakMap(), Pt = /* @__PURE__ */ new WeakSet(), re = function() {
+  const { playbackRate: s = 1 } = A.get(this) ?? {};
+  return s < 0 ? "backwards" : "forwards";
+};
+class We extends it {
+  ref = K();
+  #t = null;
+  #e = null;
+  state = {
+    transitioning: !1
+  };
+  set outgoingScreen(t) {
+    this.#t = t;
+  }
+  set incomingScreen(t) {
+    this.#e = t;
+  }
+  get outgoingScreen() {
+    return this.#t;
+  }
+  get incomingScreen() {
+    return this.#e;
+  }
+  getKeyframeProperties(t, e) {
+    const n = {}, r = window.getComputedStyle(t);
+    for (const a of e) {
+      let o;
+      a === "offset" ? o = "cssOffset" : a === "float" ? o = "cssFloat" : o = de(a), n[o] = r.getPropertyValue(a);
+    }
+    return n;
+  }
+  copyStyles(t, e, n) {
+    if (!be(t))
+      return;
+    const r = window.getComputedStyle(t);
+    for (const a of n) {
+      const o = r.getPropertyValue(a), c = r.getPropertyPriority(a);
+      e.style.setProperty(a, o, c);
+    }
+  }
+  getAnimationEffect(t, e) {
+    const n = new Array(), r = {
+      fill: "both",
+      duration: "auto",
+      easing: "ease"
+    }, a = e.instance.transitionType, o = `translate(${t.rect.x}px, ${t.rect.y}px)`, c = `translate(${e.rect.x}px, ${e.rect.y}px)`;
+    switch (a) {
+      case "fade":
+        n.push(
+          new KeyframeEffect(
+            t.clone,
+            [
+              { transform: o, opacity: 1 },
+              { transform: c, opacity: 0 }
+            ],
+            r
+          )
+        ), n.push(
+          new KeyframeEffect(
+            e.clone,
+            [
+              { transform: o },
+              { transform: c }
+            ],
+            r
+          )
+        );
+        break;
+      case "fade-through":
+        n.push(
+          new KeyframeEffect(
+            t.clone,
+            [
+              { transform: o, opacity: 1 },
+              { opacity: 0, offset: 0.5 },
+              { transform: c, opacity: 0 }
+            ],
+            r
+          )
+        ), n.push(
+          new KeyframeEffect(
+            e.clone,
+            [
+              { transform: o, opacity: 0 },
+              { opacity: 0, offset: 0.5 },
+              { transform: c, opacity: 1 }
+            ],
+            r
+          )
+        );
+        break;
+      case "cross-fade":
+        e.clone.style.mixBlendMode = "plus-lighter", n.push(
+          new KeyframeEffect(
+            t.clone,
+            [
+              { transform: o, opacity: 1 },
+              { transform: c, opacity: 0 }
+            ],
+            r
+          )
+        ), n.push(
+          new KeyframeEffect(
+            e.clone,
+            [
+              { transform: o },
+              { transform: c }
+            ],
+            r
+          )
+        );
+        break;
+      case "morph": {
+        const g = Array.from(/* @__PURE__ */ new Set([...t.instance.styles, ...e.instance.styles]));
+        n.push(
+          new KeyframeEffect(
+            e.clone,
+            [
+              {
+                ...Object.fromEntries((t.instance.ref.current?.firstElementChild).attributeStyleMap),
+                transform: o,
+                width: `${t.rect.width}px`,
+                height: `${t.rect.height}px`
+              },
+              {
+                ...Object.fromEntries((e.instance.ref.current?.firstElementChild).attributeStyleMap),
+                ...this.getKeyframeProperties(e.instance.ref.current?.firstElementChild, g),
+                transform: c,
+                width: `${e.rect.width}px`,
+                height: `${e.rect.height}px`
+              }
+            ],
+            r
+          )
+        );
+        break;
+      }
+    }
+    return new Dt(n);
+  }
+  get animationEffect() {
+    const t = this.outgoingScreen?.current?.sharedElementScene, e = this.incomingScreen?.current?.sharedElementScene;
+    if (!t || !e || t === e)
+      return null;
+    t.previousScene = null, e.previousScene = t;
+    const n = new Array();
+    for (const [r, a] of Array.from(e.nodes.entries())) {
+      const o = a.getBoundingClientRect(), c = t.nodes.get(r);
+      if (!c?.canTransition || !a.canTransition)
+        continue;
+      const g = c.getBoundingClientRect(), p = a.clone(), w = c.clone();
+      if (!w || !p)
+        continue;
+      const S = Array.from(/* @__PURE__ */ new Set([...c.styles, ...a.styles]));
+      a.transitionType !== "morph" ? (w.id = `${r}-start`, w.style.position = "absolute", w.style.gridArea = "1 / 1", w.style.margin = "0", this.copyStyles(c.ref.current?.firstElementChild, w, S), this.copyStyles(a.ref.current?.firstElementChild, p, S), w.style.width = `${g.width}px`, w.style.height = `${g.height}px`, p.style.width = `${o.width}px`, p.style.height = `${o.height}px`, this.ref.current?.prepend(w)) : (this.copyStyles(c.ref.current?.firstElementChild, p, S), p.style.width = `${g.width}px`, p.style.height = `${g.height}px`), p.id = `${r}${a.transitionType === "morph" ? "" : "-end"}`, p.style.position = "absolute", p.style.gridArea = "1 / 1", p.style.margin = "0", this.ref.current?.prepend(p), c.hide(), a.hide();
+      const E = async () => {
+        this.props.direction === "forwards" ? a.unhide() : c.unhide(), p.remove(), w.remove();
+      };
+      this.props.navigation.addEventListener("transition-end", E, { once: !0 }), this.props.navigation.addEventListener("transition-cancel", E, { once: !0 }), n.push(this.getAnimationEffect(
+        { instance: c, clone: w, rect: g },
+        { instance: a, clone: p, rect: o }
+      ));
+    }
+    return new Dt(n);
+  }
+  render() {
+    return /* @__PURE__ */ T("dialog", { className: "shared-element-layer", ref: this.ref, style: {
+      maxWidth: "unset",
+      maxHeight: "unset",
+      width: "100vw",
+      height: "100vh",
+      contain: "strict",
+      padding: 0,
+      border: "none",
+      backgroundColor: "transparent",
+      isolation: "isolate"
+    }, children: /* @__PURE__ */ T("style", { children: `
+                    .shared-element-layer::backdrop {display: none}
+                    .shared-element-layer[open] {display:grid}
+                ` }) });
+  }
+}
+const ae = nt(0);
+class Ie extends it {
+  sharedElementTransitionLayer = K();
+  animation = new Ue();
+  #t = "normal";
+  #e = new Array();
+  state = {
+    gestureNavigating: !1,
+    progress: 1
+  };
+  onAnimationFrame() {
+    const t = this.animation.effect?.getComputedTiming().progress;
+    t && this.onProgress(t), this.animation.playState === "running" && requestAnimationFrame(this.onAnimationFrame.bind(this));
+  }
+  onTransitionCancel() {
+    this.props.navigation.dispatchEvent(new fe());
+  }
+  onTransitionStart() {
+    this.props.navigation.dispatchEvent(new pe()), this.onAnimationFrame();
+  }
+  onTransitionEnd() {
+    this.props.navigation.dispatchEvent(new me());
+  }
+  onProgress(t) {
+    this.setState({ progress: t }), this.props.navigation.dispatchEvent(new ge(t));
+  }
+  get screens() {
+    return this.#e;
+  }
+  set screens(t) {
+    this.#e = t;
+  }
+  set direction(t) {
+    this.#t = t, this.animation.effect?.updateTiming({ direction: t });
+  }
+  get direction() {
+    return this.#t;
+  }
+  get hasUAVisualTransition() {
+    return this.props.hasUAVisualTransition;
+  }
+  transition() {
+    const t = new Dt(
+      this.screens.map((r) => r.current?.transitionProvider?.current?.animationEffect ?? null).filter((r) => r !== null)
+    ), e = this.sharedElementTransitionLayer.current?.animationEffect, n = t.getComputedTiming().duration;
+    return e && (e.updateTiming({
+      duration: n instanceof CSSNumericValue ? n.to("ms").value : n
+    }), t.append(e), this.sharedElementTransitionLayer.current?.ref.current?.showModal()), this.animation.effect = t, this.animation.play(), this.onTransitionStart(), this.animation.oncancel = () => {
+      this.sharedElementTransitionLayer.current?.ref.current?.close(), this.onTransitionCancel(), this.animation.effect = null;
+    }, this.animation.finished.then(() => {
+      this.animation.commitStyles(), this.onTransitionEnd(), this.sharedElementTransitionLayer.current?.ref.current?.close(), this.animation.effect = null;
+    }), this.animation;
+  }
+  render() {
+    return /* @__PURE__ */ Gt(Yt.Provider, { value: this, children: [
+      /* @__PURE__ */ T(
+        We,
+        {
+          ref: this.sharedElementTransitionLayer,
+          navigation: this.props.navigation,
+          direction: this.animation.playbackRate > 0 ? "forwards" : "backwards"
         }
-        else {
-            content = metaContent;
+      ),
+      /* @__PURE__ */ T(
+        "div",
+        {
+          className: "screen-transition-layer",
+          style: {
+            width: "100%",
+            height: "100%",
+            display: "grid",
+            contain: "layout",
+            isolation: "isolate",
+            "--motion-progress": this.state.progress
+          },
+          children: /* @__PURE__ */ T(ae.Provider, { value: this.state.progress, children: this.props.children })
         }
-        return content;
-    }
-    set(key, content) {
-        const metaKey = this.getMetaKey(key);
-        const metaContent = this.getMetaContent(content);
-        this.#map.set(metaKey, metaContent);
-        this.updateMetaElement(metaKey, metaContent);
-    }
-    has(key) {
-        const metaKey = this.getMetaKey(key);
-        return this.#map.has(metaKey);
-    }
-    delete(key) {
-        const metaKey = this.getMetaKey(key);
-        this.#map.delete(metaKey);
-        document.head.querySelector(`meta[${metaKey}]`)?.remove();
-    }
-    clear() {
-        document.head.querySelectorAll('meta').forEach(node => node.remove());
-    }
-    entries() {
-        return this.#map.entries();
-    }
-    [Symbol.iterator]() {
-        return this.entries();
-    }
-    get size() {
-        return this.#map.size;
-    }
-    observeMutations(mutations) {
-        for (const mutation of mutations) {
-            if (mutation.type === 'attributes') {
-                const node = mutation.target;
-                this.metaDataFromNode(node);
+      )
+    ] });
+  }
+}
+class At extends it {
+  ref = K();
+  screenTransitionLayer = K();
+  parent = null;
+  #t = null;
+  loadDispatched = !1;
+  hasUAVisualTransition = !1;
+  parentScreen = null;
+  static rootRouterRef = null;
+  static contextType = _t;
+  constructor(t, e) {
+    super(t), this.parentScreen = e?.parentScreen ?? null, this.parent = e?.parentRouter ?? null, this.parent && (this.parent.child = this), this.isRoot && (At.rootRouterRef = new WeakRef(this));
+  }
+  componentDidMount() {
+    this.isRoot && window.navigation.addEventListener("navigate", this.handleNavigationDispatch), this.loadDispatched || (window.navigation.dispatchEvent(new ye()), this.loadDispatched = !0);
+  }
+  componentWillUnmount() {
+    this.isRoot && window.navigation.removeEventListener("navigate", this.handleNavigationDispatch);
+  }
+  handleNavigationDispatch = (t) => {
+    const n = [...this.#e()].findLast((r) => r.canIntercept(t));
+    n && (n.intercept(t), this.hasUAVisualTransition = t.hasUAVisualTransition);
+  };
+  *#e() {
+    let t = this;
+    for (; t; )
+      yield t, t = t.child;
+  }
+  getRouterById(t, e) {
+    const n = e ?? At.rootRouterRef?.deref();
+    return n.id === t ? n ?? null : n?.child ? this.getRouterById(t, n.child) : null;
+  }
+  dispatchEvent(t) {
+    const e = this.ref.current ?? void 0;
+    return he(t, e);
+  }
+  addEventListener(t, e, n) {
+    return this.ref.current?.addEventListener(t, e, n);
+  }
+  removeEventListener(t, e, n) {
+    return this.ref.current?.removeEventListener(t, e, n);
+  }
+  preloadRoute(t) {
+    return new Promise((e, n) => {
+      let r = !1;
+      const a = this.props.children;
+      jt.forEach(a, (o) => {
+        if (r || !Ut(o))
+          return;
+        const { path: c, caseSensitive: g } = o.props, p = this.baseURLPattern.pathname;
+        if (!Zt(c, t, p, g))
+          return;
+        r = !0;
+        const S = o.props.config;
+        queueMicrotask(async () => {
+          const E = [];
+          "load" in o.props.component && E.push(o.props.component.load()), S?.header?.component && "load" in S?.header?.component && E.push(S?.header?.component.load()), S?.footer?.component && "load" in S?.footer?.component && E.push(S?.footer?.component.load());
+          try {
+            await Promise.all(E), e(r);
+          } catch (F) {
+            n(F);
+          }
+        });
+      }), r || e(!1);
+    });
+  }
+  get id() {
+    if (this.props.id)
+      return this.props.id;
+    const t = this.parent?.id, e = this.parentScreen?.id ?? "root";
+    return [t, e].filter(Boolean).join("-");
+  }
+  get isRoot() {
+    return !this.parent;
+  }
+  get baseURL() {
+    const t = this.isRoot ? window.location.pathname : this.parentScreen?.resolvedPathname, e = this.baseURLPattern.pathname;
+    return bt(e, t);
+  }
+  get baseURLPattern() {
+    let t = window.location.origin + "/", e = this.props.config?.basePath;
+    if (e || (this.isRoot ? e = "/" : e = "."), this.parent && this.parentScreen) {
+      const { resolvedPathname: n = window.location.pathname, path: r } = this.parentScreen, a = this.parent.baseURL?.href, o = new URLPattern({ baseURL: a, pathname: r });
+      t = bt(
+        o.pathname,
+        n
+      ).href;
+    }
+    return new URLPattern({ baseURL: t, pathname: e });
+  }
+  get pathPatterns() {
+    return jt.map(this.props.children, (t) => ({ pattern: t.props.path, caseSensitive: !!t.props.caseSensitive }));
+  }
+  get mounted() {
+    return !!this.ref.current;
+  }
+  get child() {
+    return this.#t?.deref() ?? null;
+  }
+  set child(t) {
+    const e = this.#t?.deref();
+    if (e && t?.id !== e?.id && e?.mounted)
+      throw new Error("It looks like you have two navigators at the same level. Try simplifying your navigation structure by using a nested router instead.");
+    t ? this.#t = new WeakRef(t) : this.#t = null;
+  }
+  render() {
+    if (this.navigation)
+      return /* @__PURE__ */ T(
+        "div",
+        {
+          id: this.id,
+          className: "react-motion-router",
+          style: { width: "100%", height: "100%" },
+          ref: this.ref,
+          children: /* @__PURE__ */ T(vt.Provider, { value: this, children: /* @__PURE__ */ T(
+            Ie,
+            {
+              ref: this.screenTransitionLayer,
+              navigation: this.navigation,
+              hasUAVisualTransition: this.hasUAVisualTransition,
+              children: this.screens
             }
-            if (mutation.type !== 'childList')
-                return;
-            mutation.removedNodes.forEach((node) => {
-                if (node.nodeName === 'META') {
-                    const [type] = Array.from(node.attributes).filter(attribute => attribute.nodeName !== "content");
-                    const metaType = [type.nodeName, type.value];
-                    const key = metaType.join('=');
-                    if (this.#map.has(key)) {
-                        this.#map.delete(key);
-                    }
-                }
-            });
-            mutation.addedNodes.forEach(node => {
-                if (node.nodeName === 'META') {
-                    this.metaDataFromNode(node);
-                }
-            });
-        }
-    }
-    metaDataFromNode(node) {
-        const [type] = Array.from(node.attributes).filter(attribute => attribute.nodeName !== "content");
-        const [content] = Array.from(node.attributes).filter(attribute => attribute.nodeName === "content");
-        const metaType = [type.nodeName, type.value];
-        const key = metaType.join('=');
-        this.#map.set(key, content?.value);
-    }
-    getMetaKey(key) {
-        let metaKey;
-        if (typeof key === "string") {
-            metaKey = `name=${key}`;
-        }
-        else {
-            metaKey = key.join('=');
-        }
-        return metaKey;
-    }
-    getMetaContent(content) {
-        if (!content)
-            return undefined;
-        let metaContent;
-        if (typeof content === "string") {
-            metaContent = content;
-        }
-        else {
-            metaContent = content.map(contentTuple => contentTuple.join('=')).join(', ');
+          ) })
         }
-        return metaContent;
-    }
-    updateMetaElement(key, content) {
-        const meta = document.querySelector(`meta[${key}]`) || document.createElement('meta');
-        const metaType = key.split('=');
-        meta.setAttribute(...metaType);
-        if (content)
-            meta.setAttribute('content', content);
-        else
-            meta.removeAttribute('content');
-        if (!meta.parentElement) {
-            document.head.appendChild(meta);
+      );
+  }
+}
+class $e {
+  #t = /* @__PURE__ */ new Map();
+  mutationObserver;
+  constructor() {
+    this.mutationObserver = new MutationObserver(this.observeMutations.bind(this));
+    const { head: t } = document;
+    this.mutationObserver.observe(t, {
+      childList: !0
+    }), Array.from(t.querySelectorAll("meta")).forEach((e) => {
+      this.mutationObserver.observe(e, {
+        attributes: !0
+      });
+    }), Array.from(t.querySelectorAll("meta")).forEach(this.metaDataFromNode.bind(this));
+  }
+  get(t) {
+    const e = this.getMetaKey(t), n = this.#t.get(e);
+    if (!n)
+      return;
+    let r;
+    return n.includes(",") && n.includes("=") ? r = n.split(/,\s*/).map((a) => a.split("=")) : r = n, r;
+  }
+  set(t, e) {
+    const n = this.getMetaKey(t), r = this.getMetaContent(e);
+    this.#t.set(n, r), this.updateMetaElement(n, r);
+  }
+  has(t) {
+    const e = this.getMetaKey(t);
+    return this.#t.has(e);
+  }
+  delete(t) {
+    const e = this.getMetaKey(t);
+    this.#t.delete(e), document.head.querySelector(`meta[${e}]`)?.remove();
+  }
+  clear() {
+    document.head.querySelectorAll("meta").forEach((t) => t.remove());
+  }
+  entries() {
+    return this.#t.entries();
+  }
+  [Symbol.iterator]() {
+    return this.entries();
+  }
+  get size() {
+    return this.#t.size;
+  }
+  observeMutations(t) {
+    for (const e of t) {
+      if (e.type === "attributes") {
+        const n = e.target;
+        this.metaDataFromNode(n);
+      }
+      if (e.type !== "childList")
+        return;
+      e.removedNodes.forEach((n) => {
+        if (n.nodeName === "META") {
+          const [r] = Array.from(n.attributes).filter((c) => c.nodeName !== "content"), o = [r.nodeName, r.value].join("=");
+          this.#t.has(o) && this.#t.delete(o);
         }
-    }
+      }), e.addedNodes.forEach((n) => {
+        n.nodeName === "META" && this.metaDataFromNode(n);
+      });
+    }
+  }
+  metaDataFromNode(t) {
+    const [e] = Array.from(t.attributes).filter((o) => o.nodeName !== "content"), [n] = Array.from(t.attributes).filter((o) => o.nodeName === "content"), a = [e.nodeName, e.value].join("=");
+    this.#t.set(a, n?.value);
+  }
+  getMetaKey(t) {
+    let e;
+    return typeof t == "string" ? e = `name=${t}` : e = t.join("="), e;
+  }
+  getMetaContent(t) {
+    if (!t)
+      return;
+    let e;
+    return typeof t == "string" ? e = t : e = t.map((n) => n.join("=")).join(", "), e;
+  }
+  updateMetaElement(t, e) {
+    const n = document.querySelector(`meta[${t}]`) || document.createElement("meta"), r = t.split("=");
+    n.setAttribute(...r), e ? n.setAttribute("content", e) : n.removeAttribute("content"), n.parentElement || document.head.appendChild(n);
+  }
 }
-
-;// CONCATENATED MODULE: ./src/NavigationBase.ts
-
-class NavigationBase {
-    static rootNavigatorRef = null;
-    metaData = new MetaData();
-    constructor() {
-        const rootNavigator = NavigationBase.rootNavigatorRef?.deref();
-        if (!rootNavigator || !rootNavigator.isInDocument)
-            NavigationBase.rootNavigatorRef = new WeakRef(this);
-    }
-    addEventListener(type, listener, options) {
-        this.router.addEventListener(type, listener, options);
-        return () => this.router.removeEventListener(type, listener, options);
-    }
-    removeEventListener(type, listener, options) {
-        return this.router.removeEventListener(type, listener, options);
-    }
-    dispatchEvent(event) {
-        return this.router.dispatchEvent?.(event);
-    }
-    get parent() {
-        return this.router.parent?.navigation ?? null;
-    }
-    get routerId() {
-        return this.router.id;
-    }
-    get baseURL() {
-        return this.router.baseURL;
-    }
-    get baseURLPattern() {
-        return this.router.baseURLPattern;
-    }
-    getNavigatorById(routerId) {
-        return this.router.getRouterById(routerId)?.navigation ?? null;
-    }
-    preloadRoute(path) {
-        const { pathname } = new URL(path, this.baseURL);
-        return this.router.preloadRoute(pathname);
-    }
-    get isInDocument() {
-        return Boolean(document.getElementById(`${this.routerId}`));
-    }
+class Nt {
+  static rootNavigatorRef = null;
+  metaData = new $e();
+  constructor() {
+    const t = Nt.rootNavigatorRef?.deref();
+    (!t || !t.isInDocument) && (Nt.rootNavigatorRef = new WeakRef(this));
+  }
+  addEventListener(t, e, n) {
+    return this.router.addEventListener(t, e, n), () => this.router.removeEventListener(t, e, n);
+  }
+  removeEventListener(t, e, n) {
+    return this.router.removeEventListener(t, e, n);
+  }
+  dispatchEvent(t) {
+    return this.router.dispatchEvent?.(t);
+  }
+  get parent() {
+    return this.router.parent?.navigation ?? null;
+  }
+  get routerId() {
+    return this.router.id;
+  }
+  get baseURL() {
+    return this.router.baseURL;
+  }
+  get baseURLPattern() {
+    return this.router.baseURLPattern;
+  }
+  getNavigatorById(t) {
+    return this.router.getRouterById(t)?.navigation ?? null;
+  }
+  preloadRoute(t) {
+    const { pathname: e } = new URL(t, this.baseURL);
+    return this.router.preloadRoute(e);
+  }
+  get isInDocument() {
+    return !!document.getElementById(`${this.routerId}`);
+  }
 }
-
-;// CONCATENATED MODULE: ./src/common/hooks.ts
-
-
-
-
-function useNavigationBase() {
-    const router = (0,external_react_.useContext)(RouterContext);
-    if (router) {
-        return router.navigation;
-    }
-    else {
-        throw new Error("Router is null. You may be trying to call useNavigation outside a Router.");
-    }
+function Qe() {
+  const s = yt(vt);
+  if (s)
+    return s.navigation;
+  throw new Error("Router is null. You may be trying to call useNavigation outside a Router.");
 }
-function useRouterBase() {
-    return (0,external_react_.useContext)(RouterContext);
+function tn() {
+  return yt(vt);
 }
-function useMotion() {
-    (0,external_react_.useDebugValue)("Motion");
-    return (0,external_react_.useContext)(MotionContext);
+function en() {
+  return ce("Motion"), yt(ae);
 }
-function useRouteBase() {
-    const routeProp = (0,external_react_.useContext)(RoutePropContext);
-    if (routeProp) {
-        return routeProp;
-    }
-    else {
-        throw new Error("Router is null. You may be trying to call useRoute outside a Router.");
-    }
+function Oe() {
+  const s = yt(Jt);
+  if (s)
+    return s;
+  throw new Error("Router is null. You may be trying to call useRoute outside a Router.");
 }
-function useParamsBase(key, initialParams) {
-    const route = useRouteBase();
-    initialParams = initialParams instanceof Function ? initialParams() : initialParams;
-    const setParams = (params) => {
-        if (params instanceof Function)
-            params = params(route.params[key] ?? initialParams);
-        route.setParams({ [key]: params });
-    };
-    return [route.params[key] ?? initialParams, setParams];
+function nn(s, t) {
+  const e = Oe();
+  t = t instanceof Function ? t() : t;
+  const n = (r) => {
+    r instanceof Function && (r = r(e.params[s] ?? t)), e.setParams({ [s]: r });
+  };
+  return [e.params[s] ?? t, n];
 }
-
-;// CONCATENATED MODULE: ./src/common/constants.ts
-const MAX_Z_INDEX = 2147483647;
-const MAX_PROGRESS = 100;
-const MIN_PROGRESS = 0;
-const MIN_NORM_PROGRESS = 0;
-const MAX_NORM_PROGRESS = 1;
-
-;// CONCATENATED MODULE: ./src/index.ts
-/// <reference types="urlpattern-polyfill" />
-
-
-
-
-
-
-
-
-
-
-
-
-})();
-
-var __webpack_exports__LoadEvent = __webpack_exports__.Tc;
-var __webpack_exports__MAX_NORM_PROGRESS = __webpack_exports__.YU;
-var __webpack_exports__MAX_PROGRESS = __webpack_exports__.SR;
-var __webpack_exports__MAX_Z_INDEX = __webpack_exports__.dw;
-var __webpack_exports__MIN_NORM_PROGRESS = __webpack_exports__.Uy;
-var __webpack_exports__MIN_PROGRESS = __webpack_exports__.yn;
-var __webpack_exports__MotionContext = __webpack_exports__.vw;
-var __webpack_exports__MotionProgressEndEvent = __webpack_exports__.FC;
-var __webpack_exports__MotionProgressEvent = __webpack_exports__.yx;
-var __webpack_exports__MotionProgressStartEvent = __webpack_exports__.z4;
-var __webpack_exports__NavigationBase = __webpack_exports__.DC;
-var __webpack_exports__NestedRouterContext = __webpack_exports__.Fh;
-var __webpack_exports__PromiseAllDynamic = __webpack_exports__.DM;
-var __webpack_exports__RouterBase = __webpack_exports__.GW;
-var __webpack_exports__RouterContext = __webpack_exports__._q;
-var __webpack_exports__ScreenBase = __webpack_exports__.RG;
-var __webpack_exports__SharedElement = __webpack_exports__.rJ;
-var __webpack_exports__TransitionCancelEvent = __webpack_exports__.XP;
-var __webpack_exports__TransitionEndEvent = __webpack_exports__.d7;
-var __webpack_exports__TransitionStartEvent = __webpack_exports__.sy;
-var __webpack_exports__cloneAndInject = __webpack_exports__.yb;
-var __webpack_exports__dispatchEvent = __webpack_exports__.Nu;
-var __webpack_exports__includesRoute = __webpack_exports__.e1;
-var __webpack_exports__isLazyExoticComponent = __webpack_exports__.Qv;
-var __webpack_exports__isNativeLazyExoticComponent = __webpack_exports__.R1;
-var __webpack_exports__isNavigationSupported = __webpack_exports__.vi;
-var __webpack_exports__isStylableElement = __webpack_exports__.R_;
-var __webpack_exports__isURLPatternSupported = __webpack_exports__.Ky;
-var __webpack_exports__isValidScreenChild = __webpack_exports__.$r;
-var __webpack_exports__lazy = __webpack_exports__.Vo;
-var __webpack_exports__matchRoute = __webpack_exports__.QN;
-var __webpack_exports__polyfillNavigation = __webpack_exports__.Sy;
-var __webpack_exports__polyfillURLPattern = __webpack_exports__.gy;
-var __webpack_exports__resolveBaseURLFromPattern = __webpack_exports__.n4;
-var __webpack_exports__toCamelCase = __webpack_exports__.zW;
-var __webpack_exports__useMotion = __webpack_exports__.nc;
-var __webpack_exports__useNavigationBase = __webpack_exports__.ev;
-var __webpack_exports__useParamsBase = __webpack_exports__.Ot;
-var __webpack_exports__useRouteBase = __webpack_exports__.qr;
-var __webpack_exports__useRouterBase = __webpack_exports__.yL;
-export { __webpack_exports__LoadEvent as LoadEvent, __webpack_exports__MAX_NORM_PROGRESS as MAX_NORM_PROGRESS, __webpack_exports__MAX_PROGRESS as MAX_PROGRESS, __webpack_exports__MAX_Z_INDEX as MAX_Z_INDEX, __webpack_exports__MIN_NORM_PROGRESS as MIN_NORM_PROGRESS, __webpack_exports__MIN_PROGRESS as MIN_PROGRESS, __webpack_exports__MotionContext as MotionContext, __webpack_exports__MotionProgressEndEvent as MotionProgressEndEvent, __webpack_exports__MotionProgressEvent as MotionProgressEvent, __webpack_exports__MotionProgressStartEvent as MotionProgressStartEvent, __webpack_exports__NavigationBase as NavigationBase, __webpack_exports__NestedRouterContext as NestedRouterContext, __webpack_exports__PromiseAllDynamic as PromiseAllDynamic, __webpack_exports__RouterBase as RouterBase, __webpack_exports__RouterContext as RouterContext, __webpack_exports__ScreenBase as ScreenBase, __webpack_exports__SharedElement as SharedElement, __webpack_exports__TransitionCancelEvent as TransitionCancelEvent, __webpack_exports__TransitionEndEvent as TransitionEndEvent, __webpack_exports__TransitionStartEvent as TransitionStartEvent, __webpack_exports__cloneAndInject as cloneAndInject, __webpack_exports__dispatchEvent as dispatchEvent, __webpack_exports__includesRoute as includesRoute, __webpack_exports__isLazyExoticComponent as isLazyExoticComponent, __webpack_exports__isNativeLazyExoticComponent as isNativeLazyExoticComponent, __webpack_exports__isNavigationSupported as isNavigationSupported, __webpack_exports__isStylableElement as isStylableElement, __webpack_exports__isURLPatternSupported as isURLPatternSupported, __webpack_exports__isValidScreenChild as isValidScreenChild, __webpack_exports__lazy as lazy, __webpack_exports__matchRoute as matchRoute, __webpack_exports__polyfillNavigation as polyfillNavigation, __webpack_exports__polyfillURLPattern as polyfillURLPattern, __webpack_exports__resolveBaseURLFromPattern as resolveBaseURLFromPattern, __webpack_exports__toCamelCase as toCamelCase, __webpack_exports__useMotion as useMotion, __webpack_exports__useNavigationBase as useNavigationBase, __webpack_exports__useParamsBase as useParamsBase, __webpack_exports__useRouteBase as useRouteBase, __webpack_exports__useRouterBase as useRouterBase };
-
-//# sourceMappingURL=index.js.map
+const sn = 2147483647, rn = 100, an = 0, on = 0, ln = 1;
+export {
+  ye as LoadEvent,
+  ln as MAX_NORM_PROGRESS,
+  rn as MAX_PROGRESS,
+  sn as MAX_Z_INDEX,
+  on as MIN_NORM_PROGRESS,
+  an as MIN_PROGRESS,
+  ae as MotionContext,
+  Ye as MotionProgressEndEvent,
+  ge as MotionProgressEvent,
+  Ze as MotionProgressStartEvent,
+  Nt as NavigationBase,
+  _t as NestedRouterContext,
+  ue as PromiseAllDynamic,
+  At as RouterBase,
+  vt as RouterContext,
+  Ee as ScreenBase,
+  Fe as SharedElement,
+  fe as TransitionCancelEvent,
+  me as TransitionEndEvent,
+  pe as TransitionStartEvent,
+  He as cloneAndInject,
+  he as dispatchEvent,
+  Be as includesRoute,
+  te as isLazyExoticComponent,
+  Qt as isNativeLazyExoticComponent,
+  qe as isNavigationSupported,
+  be as isStylableElement,
+  ze as isURLPatternSupported,
+  _e as isValidScreenChild,
+  Ke as lazy,
+  Zt as matchRoute,
+  Xe as polyfillNavigation,
+  Ge as polyfillURLPattern,
+  bt as resolveBaseURLFromPattern,
+  de as toCamelCase,
+  en as useMotion,
+  Qe as useNavigationBase,
+  nn as useParamsBase,
+  Oe as useRouteBase,
+  tn as useRouterBase
+};
+//# sourceMappingURL=index.js.map