@react-motion-router/core 2.0.0-beta.sha-1c021e3 → 2.0.0-beta.sha-c601afb

package/build/index.js

@@ -46,6 +46,7 @@ if (true) {
 /* 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);
@@ -126,6 +127,9 @@ async function PromiseAllDynamic(values) {
 function toCamelCase(value) {
     return value.replace(/-([a-z])/g, (g) => g[1].toUpperCase());
 }
+function cloneAndInject(element, injectProps) {
+    return (0,react__WEBPACK_IMPORTED_MODULE_0__.cloneElement)(element, injectProps);
+}
 
 
 /***/ }),
@@ -210,6 +214,7 @@ __webpack_require__.d(__webpack_exports__, {
   "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),
@@ -349,6 +354,7 @@ class LoadEvent extends Event {
     #intercepted = false;
     #thenables = [];
     #transition = null;
+    hasUAVisualTransition = false;
     constructor() {
         super('navigate', { cancelable: false, bubbles: false, composed: false });
         const currentEntry = window.navigation.currentEntry;
@@ -379,16 +385,18 @@ class LoadEvent extends Event {
         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;
-        this.#transition = {
-            finished: new Promise((resolve) => finish = resolve),
-            from: window.navigation.currentEntry,
-            navigationType: "load"
-        };
+        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) {
-            this.#transition.finished = (0,utils/* PromiseAllDynamic */.DM)(this.#thenables).then(() => {
+            (0,utils/* PromiseAllDynamic */.DM)(this.#thenables).then(() => {
                 this.#intercepted = true;
                 window.removeEventListener('navigate', this.#onNavigate);
                 finish?.();
@@ -467,7 +475,7 @@ class ScreenTransitionProvider extends external_react_.Component {
     }
     get animationEffect() {
         const animationEffectFactory = this.props.animation;
-        const { animation, direction } = this.context;
+        const { animation, direction, hasUAVisualTransition } = this.context;
         const { timeline, playbackRate } = animation;
         const { index, exiting, ref } = this;
         return animationEffectFactory?.({
@@ -476,7 +484,8 @@ class ScreenTransitionProvider extends external_react_.Component {
             exiting,
             timeline,
             direction,
-            playbackRate
+            playbackRate,
+            hasUAVisualTransition
         }) ?? null;
     }
     setZIndex(zIndex) {
@@ -562,44 +571,36 @@ class ScreenBase extends external_react_.Component {
     static contextType = RouterContext;
     state = {
         focused: false,
+        config: {},
+        params: {},
         elementType: 'div'
     };
     constructor(props, context) {
         super(props);
-        this.sharedElementScene = new SharedElementScene(`${this.id}-shared-element-scene`);
+        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(params) {
-        params = {
-            ...this.routeProp.params,
-            ...params
-        };
-        const config = this.routeProp.config;
-        this.context.screenState.set(this.props.path, { config, params });
-        this.forceUpdate();
-    }
-    setConfig(config) {
-        config = {
-            ...this.routeProp.config,
-            ...config
-        };
-        const params = this.routeProp.params;
-        this.context.screenState.set(this.props.path, { config, params });
-        this.forceUpdate();
+    setParams(newParams) {
+        this.setState(({ params }) => ({ params: { ...params, ...newParams } }));
     }
-    get id() {
-        if (this.props.id)
-            return this.props.id;
-        return this.props.path
-            .toLowerCase()
-            .replace(/[^\w-]/g, '-') // Remove non-alphanumeric chars
-            .replace(/-+/g, '-') // Replace multiple hyphens with a single one
-            .replace(/^-|-$/g, ''); // Remove leading and trailing hyphens;
+    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));
     }
@@ -648,9 +649,6 @@ class ScreenBase extends external_react_.Component {
             signal
         });
     }
-    get resolvedPathname() {
-        return this.props.resolvedPathname;
-    }
     get path() {
         return this.props.path;
     }
@@ -663,7 +661,7 @@ class ScreenBase extends external_react_.Component {
         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.id}-transition-provider`, animation: routeProp.config.animation, navigation: navigation, focused: this.state.focused, children: (0,jsx_runtime.jsx)("div", { id: this.id, ref: this.ref, className: "screen", style: {
+        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.id}`, ref: this.ref, className: "screen", style: {
                     height: '100%',
                     width: '100%',
                     display: 'flex',
@@ -677,15 +675,15 @@ function ComponentWithRouteProps({ component, route, navigation }) {
         component = component.module.default;
     }
     const Component = component ?? null;
-    if ((0,external_react_.isValidElement)(Component)) {
+    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
         });
     }
-    else if (typeof Component === "function" || isNativeLazyExoticComponent(Component)) {
-        return ((0,jsx_runtime.jsx)(Component, { navigation: navigation, route: route }));
-    }
     return (0,jsx_runtime.jsx)(jsx_runtime.Fragment, { children: Component });
 }
 
@@ -761,6 +759,8 @@ class SharedElementTransitionLayer extends external_react_.Component {
         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);
@@ -773,65 +773,66 @@ class SharedElementTransitionLayer extends external_react_.Component {
         const startRect = start.instance.getBoundingClientRect();
         const endRect = end.instance.getBoundingClientRect();
         const config = {
-            fill: "forwards",
+            fill: "both",
             duration: "auto",
             easing: "ease",
-            ...start.instance.props.config,
-            ...end.instance.props.config
         };
-        const transitionType = end.instance.transitionType === "fade";
+        const transitionType = end.instance.transitionType;
         const startTransform = `translate(${startRect.x}px, ${startRect.y}px)`;
         const endTransform = `translate(${endRect.x}px, ${endRect.y}px)`;
-        if (transitionType) {
-            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));
-        }
-        else if (end.instance.transitionType === "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));
-        }
-        else if (end.instance.transitionType === "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));
-        }
-        else { // 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));
+        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);
     }
@@ -847,40 +848,39 @@ class SharedElementTransitionLayer extends external_react_.Component {
         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) {
-                const endClone = end.clone();
-                const startClone = start.clone();
-                if (!startClone)
-                    continue;
-                if (!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";
-                    if (isStylableElement(start.ref.current?.firstElementChild))
-                        this.copyStyles(start.ref.current.firstElementChild, startClone, styleList);
-                    if (isStylableElement(end.ref.current?.firstElementChild))
-                        this.copyStyles(end.ref.current.firstElementChild, endClone, styleList);
-                    this.ref.current?.prepend(startClone);
-                }
-                else if (isStylableElement(start.ref.current?.firstElementChild)) {
-                    this.copyStyles(start.ref.current.firstElementChild, endClone, styleList);
-                }
-                endClone.id = `${id}${end.transitionType === "morph" ? '' : '-end'}`;
-                endClone.style.position = "absolute";
-                this.ref.current?.prepend(endClone);
-                start.hide();
-                end.hide();
-                const onFinish = () => {
-                    end.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 }));
+            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";
+                this.copyStyles(start.ref.current?.firstElementChild, startClone, styleList);
+                this.copyStyles(end.ref.current?.firstElementChild, endClone, styleList);
+                this.ref.current?.prepend(startClone);
+            }
+            else if (isStylableElement(start.ref.current?.firstElementChild)) {
+                this.copyStyles(start.ref.current.firstElementChild, endClone, styleList);
             }
+            endClone.id = `${id}${end.transitionType === "morph" ? '' : '-end'}`;
+            endClone.style.position = "absolute";
+            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);
     }
@@ -955,6 +955,9 @@ class ScreenTransitionLayer extends external_react_.Component {
     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;
@@ -985,10 +988,12 @@ class ScreenTransitionLayer extends external_react_.Component {
         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 }), (0,jsx_runtime.jsx)("div", { className: "screen-transition-layer", style: {
+        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 }) })] }));
     }
@@ -1004,10 +1009,10 @@ class ScreenTransitionLayer extends external_react_.Component {
 class RouterBase extends external_react_.Component {
     ref = (0,external_react_.createRef)();
     screenTransitionLayer = (0,external_react_.createRef)();
-    screenState = new Map();
     parent = null;
     #child = null;
     loadDispatched = false;
+    hasUAVisualTransition = false;
     parentScreen = null;
     static rootRouterRef = null;
     static contextType = NestedRouterContext;
@@ -1045,6 +1050,7 @@ class RouterBase extends external_react_.Component {
             router = router.child;
         }
         router.intercept(e);
+        this.hasUAVisualTransition = e.hasUAVisualTransition;
     };
     getRouterById(routerId, target) {
         const router = target ?? RouterBase.rootRouterRef?.deref();
@@ -1083,10 +1089,7 @@ class RouterBase extends external_react_.Component {
                 if (!matchInfo)
                     return;
                 found = true;
-                const config = {
-                    ...this.screenState.get(path)?.config,
-                    ...route.props.config
-                };
+                const config = route.props.config;
                 queueMicrotask(async () => {
                     const preloadTasks = [];
                     if ('load' in route.props.component) {
@@ -1168,7 +1171,7 @@ class RouterBase extends external_react_.Component {
     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, children: this.screens }) }) }));
+        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 }) }) }));
     }
 }
 
@@ -1301,11 +1304,9 @@ class MetaData {
 ;// CONCATENATED MODULE: ./src/NavigationBase.ts
 
 class NavigationBase {
-    router;
     static rootNavigatorRef = null;
     metaData = new MetaData();
-    constructor(router) {
-        this.router = router;
+    constructor() {
         const rootNavigator = NavigationBase.rootNavigatorRef?.deref();
         if (!rootNavigator || !rootNavigator.isInDocument)
             NavigationBase.rootNavigatorRef = new WeakRef(this);
@@ -1384,13 +1385,6 @@ const MAX_NORM_PROGRESS = 1;
 
 ;// CONCATENATED MODULE: ./src/index.ts
 /// <reference types="urlpattern-polyfill" />
-document.body.style.position = 'fixed';
-document.body.style.inset = '0';
-let root = document.getElementById('root');
-if (root) {
-    root.style.width = '100%';
-    root.style.height = '100%';
-}
 
 
 
@@ -1425,6 +1419,7 @@ 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;
@@ -1443,6 +1438,6 @@ var __webpack_exports__useMotion = __webpack_exports__.nc;
 var __webpack_exports__useNavigationBase = __webpack_exports__.ev;
 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__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__useRouteBase as useRouteBase, __webpack_exports__useRouterBase as useRouterBase };
+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__useRouteBase as useRouteBase, __webpack_exports__useRouterBase as useRouterBase };
 
 //# sourceMappingURL=index.js.map