unframer 2.7.11 → 2.9.0

package/esm/framer.js

@@ -14325,7 +14325,7 @@ function steps(numSteps, direction = 'end') {
         return clamp(0, 1, rounded / numSteps);
     };
 }
-// https :https://app.framerstatic.com/framer.ZONHQAMM.mjs
+// https :https://app.framerstatic.com/framer.K3G2LCX5.mjs
 init_chunk_QLPHEVXG();
 import React4 from 'react';
 import { startTransition as startTransition2, } from 'react';
@@ -16224,11 +16224,11 @@ function lazy(factory) {
     const LazyComponent = React4.lazy(factory);
     let factoryPromise;
     let LoadedComponent;
-    const Component15 = React4.forwardRef(function LazyWithPreload(props, ref) {
+    const Component16 = React4.forwardRef(function LazyWithPreload(props, ref) {
         return React4.createElement(LoadedComponent !== null && LoadedComponent !== void 0 ? LoadedComponent : LazyComponent, ref
             ? Object.assign({ ref }, props) : props);
     });
-    Component15.preload = () => {
+    Component16.preload = () => {
         if (!factoryPromise) {
             factoryPromise = factory().then((module) => {
                 LoadedComponent = module.default;
@@ -16237,7 +16237,7 @@ function lazy(factory) {
         }
         return factoryPromise;
     };
-    return Component15;
+    return Component16;
 }
 function getRouteElementId(route, hash2) {
     if (hash2 && route) {
@@ -16834,8 +16834,7 @@ function pushRouteState(routeId_1, route_1, _j) {
                 pathVariables,
                 localeId,
             }, newPath, enableAsyncURLUpdate, isNavigationTransition);
-            if (!enableAsyncURLUpdate)
-                yield urlUpdatePromise;
+            return yield urlUpdatePromise;
         }
         catch (_k) { }
     });
@@ -16957,6 +16956,7 @@ function usePopStateHandler(currentRouteId, setCurrentRouteId) {
                             reject,
                         };
                     });
+                    viewTransitionReady.current = void 0;
                 });
             },
             scroll: 'after-transition',
@@ -17489,15 +17489,6 @@ function useNavigationTransition(enableAsyncURLUpdates) {
             transitionFn(signal);
             return nextRender;
         }
-        transitionFn(signal);
-        yield interactionResponse({
-            priority: 'user-visible',
-            signal,
-        }).catch(noop2);
-        yield interactionResponse({
-            priority: 'user-visible',
-            signal,
-        }).catch(noop2);
         let resolveNavigationPromise;
         const navigationPromise = new Promise((resolve, reject) => {
             resolveNavigationPromise = resolve;
@@ -17506,13 +17497,18 @@ function useNavigationTransition(enableAsyncURLUpdates) {
             else
                 signal === null || signal === void 0 ? void 0 : signal.addEventListener('abort', reject);
         });
+        yield interactionResponse({
+            priority: 'user-blocking',
+            signal,
+        }).catch(noop2);
+        transitionFn(signal);
         startNativeSpinner(navigationPromise, updateURL, controller);
         return nextRender.then(() => {
             resolveNavigationPromise();
         });
     }), [enableAsyncURLUpdates, monitorNextPaintAfterRender, startNativeSpinner,]);
 }
-function Router({ defaultPageStyle, disableHistory, initialPathVariables, initialRoute, notFoundPage, collectionUtils, routes, initialLocaleId, locales = EMPTY_ARRAY, preserveQueryParams = false, enableAsyncURLUpdates = false, LayoutTemplate, }) {
+function Router({ defaultPageStyle, disableHistory, initialPathVariables, initialRoute, notFoundPage, collectionUtils, routes, initialLocaleId, locales = EMPTY_ARRAY, preserveQueryParams = false, enableAsyncURLUpdates = false, LayoutTemplate, editorBar, }) {
     useMarkRouterEffects();
     useReplaceInitialState({
         disabled: disableHistory,
@@ -17648,22 +17644,20 @@ function Router({ defaultPageStyle, disableHistory, initialPathVariables, initia
             routeId,
             pathVariables,
         })) {
-            updateScrollPosition(routeElementId, smoothScroll, false);
             const route = routes[routeId];
-            if (((_b = window.history.state) === null || _b === void 0 ? void 0 : _b.hash) === hash2 || disableHistory || !route)
-                return;
-            const updateURLPromise = pushRouteState(routeId, route, {
-                currentRoutePath: route.path,
-                currentPathVariables: currentPathVariables2,
-                pathVariables,
-                hash: hash2,
-                localeId: currentRouteLocaleId,
-                preserveQueryParams,
-            }, 
-            // we want to yield as this is called synchronusly from an user interaction.
-            enableAsyncURLUpdates);
-            if (!enableAsyncURLUpdates)
-                return yield updateURLPromise;
+            if (((_b = window.history.state) === null || _b === void 0 ? void 0 : _b.hash) !== hash2 && !disableHistory && route) {
+                yield pushRouteState(routeId, route, {
+                    currentRoutePath: route.path,
+                    currentPathVariables: currentPathVariables2,
+                    pathVariables,
+                    hash: hash2,
+                    localeId: currentRouteLocaleId,
+                    preserveQueryParams,
+                }, 
+                // we want to yield as this is called synchronusly from an user interaction.
+                enableAsyncURLUpdates);
+            }
+            updateScrollPosition(routeElementId, smoothScroll, false);
             return;
         }
         if (!newRoute)
@@ -17731,6 +17725,7 @@ function Router({ defaultPageStyle, disableHistory, initialPathVariables, initia
                     }),
                     jsx(TurnOnReactEventHandling, {}),
                     jsx(MarkSuspenseEffects.End, {}),
+                    editorBar,
                 ],
             }),
         }),
@@ -18618,7 +18613,7 @@ var SpringCurveValueConverter = {
         };
         const initialGuess = 5 / duration;
         const undampedFrequency = approximateRoot2(envelope, derivative, initialGuess);
-        if (!isNaN(undampedFrequency)) {
+        if (!Number.isNaN(undampedFrequency)) {
             result.tension = Math.pow(undampedFrequency, 2) * mass;
             result.friction = dampingRatio * 2 * Math.sqrt(mass * result.tension);
         }
@@ -19044,7 +19039,7 @@ function modulate(value, rangeA, rangeB, limit = false) {
     return result;
 }
 function isNumeric(value) {
-    return !isNaN(value) && isFinite(value);
+    return !Number.isNaN(value) && Number.isFinite(value);
 }
 function percentToFraction(val) {
     const digits = numberFromString(val);
@@ -19855,7 +19850,7 @@ function correctAlpha(alphaValue) {
     if (alphaValue < 0) {
         alphaValue = 0;
     }
-    if (isNaN(alphaValue) || alphaValue > 1) {
+    if (Number.isNaN(alphaValue) || alphaValue > 1) {
         alphaValue = 1;
     }
     return alphaValue;
@@ -21285,7 +21280,7 @@ function getDeviceStyle({ scaleTo, deviceOptions, overrideTheme, } = {}) {
     };
 }
 function isFiniteNumber(value) {
-    return typeof value === 'number' && isFinite(value);
+    return Number.isFinite(value);
 }
 function finiteNumber(value) {
     return isFiniteNumber(value) ? value : void 0;
@@ -21716,10 +21711,10 @@ var Rect = {
         if (point2.y > Rect.maxY(rect)) {
             return false;
         }
-        if (isNaN(rect.x)) {
+        if (Number.isNaN(rect.x)) {
             return false;
         }
-        if (isNaN(rect.y)) {
+        if (Number.isNaN(rect.y)) {
             return false;
         }
         return true;
@@ -23536,7 +23531,7 @@ function isNullish2(value) {
     return value == null;
 }
 function isValidDate(value) {
-    return value instanceof Date && !isNaN(value.getTime());
+    return value instanceof Date && !Number.isNaN(value.getTime());
 }
 function isGenerator2(value) {
     return isObject2(value) && isFunction(value.return);
@@ -25740,7 +25735,7 @@ function useMeasuredSize(ref) {
     return size.current;
 }
 var SIZE_COMPATIBILITY_WRAPPER_ATTRIBUTE = 'data-framer-size-compatibility-wrapper';
-var withMeasuredSize = (Component15) => (props) => {
+var withMeasuredSize = (Component16) => (props) => {
     var _j, _k, _l, _m;
     const ref = React4.useRef(null);
     const size = useMeasuredSize(ref);
@@ -25754,7 +25749,7 @@ var withMeasuredSize = (Component15) => (props) => {
             width: '100%',
             height: '100%',
             pointerEvents: 'none',
-        }, ref }, dataProps), { children: shouldRender && /* @__PURE__ */ jsx(Component15, Object.assign(Object.assign({}, props), { width: (_l = (size == null ? void 0 : size.width)) !== null && _l !== void 0 ? _l : fallbackWidth, height: (_m = (size == null ? void 0 : size.height)) !== null && _m !== void 0 ? _m : fallbackHeight })) }));
+        }, ref }, dataProps), { children: shouldRender && /* @__PURE__ */ jsx(Component16, Object.assign(Object.assign({}, props), { width: (_l = (size == null ? void 0 : size.width)) !== null && _l !== void 0 ? _l : fallbackWidth, height: (_m = (size == null ? void 0 : size.height)) !== null && _m !== void 0 ? _m : fallbackHeight })) }));
 };
 function getMeasurableCodeComponentChildren(element) {
     const childrenCollection = element.firstElementChild && element.firstElementChild.hasAttribute(SIZE_COMPATIBILITY_WRAPPER_ATTRIBUTE)
@@ -27227,7 +27222,7 @@ var clamp2 = (value, a, b) => {
 var DraggingContext = /* @__PURE__ */ React4.createContext({
     dragging: false,
 });
-function WithDragging(Component15) {
+function WithDragging(Component16) {
     const _WithDraggingHOC = class extends React4.Component {
         constructor(props, defaultProps) {
             super(props, defaultProps);
@@ -27788,7 +27783,7 @@ function WithDragging(Component15) {
                 value: {
                     dragging: this.state.isDragging,
                 },
-                children: /* @__PURE__ */ jsx(Component15, Object.assign({}, originalProps)),
+                children: /* @__PURE__ */ jsx(Component16, Object.assign({}, originalProps)),
             });
         }
     };
@@ -27824,9 +27819,9 @@ function WithDragging(Component15) {
         constraints: {},
         mouseWheel: false,
     });
-    __publicField(WithDraggingHOC, 'defaultProps', Object.assign({}, Component15.defaultProps, _WithDraggingHOC.draggingDefaultProps));
+    __publicField(WithDraggingHOC, 'defaultProps', Object.assign({}, Component16.defaultProps, _WithDraggingHOC.draggingDefaultProps));
     const withDragging = WithDraggingHOC;
-    (0, import_hoist_non_react_statics.default)(withDragging, Component15);
+    (0, import_hoist_non_react_statics.default)(withDragging, Component16);
     return withDragging;
 }
 var hoverProps = {
@@ -28103,7 +28098,7 @@ function hasRadius(props) {
 }
 function getRadiusValue(value) {
     let num = Number(value);
-    if (typeof value === 'string' && isNaN(num)) {
+    if (typeof value === 'string' && Number.isNaN(Number(num))) {
         return value;
     }
     else if (isAnimatable2(value)) {
@@ -30413,7 +30408,7 @@ function useInfiniteScroll({ ref: elementRef, loadMore, rootMargin = '0px', thre
         };
     }, [elementRef, callback, rootMargin, threshold, paginationInfo.currentPage,]);
 }
-function withInfiniteScroll(Component15) {
+function withInfiniteScroll(Component16) {
     return React4.forwardRef((_j, ref) => {
         var { __paginationInfo, __loadMore } = _j, props = __rest(_j, ["__paginationInfo", "__loadMore"]);
         const backupRef = React4.useRef(null);
@@ -30424,7 +30419,7 @@ function withInfiniteScroll(Component15) {
             ref: infiniteScrollRef,
             paginationInfo: __paginationInfo,
         });
-        return /* @__PURE__ */ jsx(Component15, Object.assign(Object.assign({}, props), { ref: infiniteScrollRef }));
+        return /* @__PURE__ */ jsx(Component16, Object.assign(Object.assign({}, props), { ref: infiniteScrollRef }));
     });
 }
 var import_process2 = __toESM(require_browser(), 1);
@@ -33049,7 +33044,7 @@ var DataObserverContext = /* @__PURE__ */ React4.createContext({
 });
 function useObserveData() {
     const context = React4.useContext(DataObserverContext);
-    return !isNaN(context.update);
+    return !Number.isNaN(context.update);
 }
 var DataObserver = class extends Component {
     constructor() {
@@ -33117,16 +33112,16 @@ function convertColorProps(props) {
     }
     return props;
 }
-function WithOverride(Component15, override) {
+function WithOverride(Component16, override) {
     const useOverride = typeof override === 'function' ? (props) => override(convertColorProps(props)) : () => convertColorProps(override);
     const ComponentWithOverride = function (props) {
         useContext(DataObserverContext);
         const overrideProps = useOverride(props);
         const { style } = props, rest = __rest(props, ["style"]);
-        return /* @__PURE__ */ jsx(Component15, Object.assign(Object.assign(Object.assign({}, rest), overrideProps), { _initialStyle: style }));
+        return /* @__PURE__ */ jsx(Component16, Object.assign(Object.assign(Object.assign({}, rest), overrideProps), { _initialStyle: style }));
     };
-    (0, import_hoist_non_react_statics4.default)(ComponentWithOverride, Component15);
-    ComponentWithOverride['displayName'] = `WithOverride(${Component15.displayName || Component15.name})`;
+    (0, import_hoist_non_react_statics4.default)(ComponentWithOverride, Component16);
+    ComponentWithOverride['displayName'] = `WithOverride(${Component16.displayName || Component16.name})`;
     return ComponentWithOverride;
 }
 var prefix = '__framer__';
@@ -33927,15 +33922,15 @@ function addMotionValueStyle(style, values) {
 function isVariantOrVariantList(value) {
     return isString2(value) || Array.isArray(value);
 }
-var withFX = (Component15) => React4.forwardRef((props, forwardedRef) => {
+var withFX = (Component16) => React4.forwardRef((props, forwardedRef) => {
     var _a;
     if (props.__withFX) {
-        return /* @__PURE__ */ jsx(Component15, Object.assign(Object.assign({}, props), { animate: void 0, initial: void 0, exit: void 0, ref: forwardedRef }));
+        return /* @__PURE__ */ jsx(Component16, Object.assign(Object.assign({}, props), { animate: void 0, initial: void 0, exit: void 0, ref: forwardedRef }));
     }
     if (RenderTarget.current() === RenderTarget.canvas) {
         const animate4 = isVariantOrVariantList(props.animate) ? props.animate : void 0;
         const initial2 = isVariantOrVariantList(props.initial) ? props.initial : void 0;
-        return /* @__PURE__ */ jsx(Component15, Object.assign(Object.assign({}, props), { animate: animate4, initial: initial2, exit: void 0, ref: forwardedRef }));
+        return /* @__PURE__ */ jsx(Component16, Object.assign(Object.assign({}, props), { animate: animate4, initial: initial2, exit: void 0, ref: forwardedRef }));
     }
     const { parallax = {}, styleAppear = {}, styleTransform = {}, presence = {}, loop = {}, forwardedProps, } = extractFXOptions(props);
     const { __targetOpacity: targetOpacityValue, __perspectiveFX: withPerspective, __smartComponentFX: inSmartComponent = false, } = props;
@@ -34007,7 +34002,7 @@ var withFX = (Component15) => React4.forwardRef((props, forwardedRef) => {
             exit,
         }
         : {};
-    return /* @__PURE__ */ jsx(Component15, Object.assign(Object.assign(Object.assign({}, forwardedProps), motionGestures), { __withFX: true, style: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, props.style), parallaxStyle), scrollStyle), loopStyle), motionValueStyle), values: presenceEffectValues, ref: observerRef }));
+    return /* @__PURE__ */ jsx(Component16, Object.assign(Object.assign(Object.assign({}, forwardedProps), motionGestures), { __withFX: true, style: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, props.style), parallaxStyle), scrollStyle), loopStyle), motionValueStyle), values: presenceEffectValues, ref: observerRef }));
 });
 var withParallaxTransform = withFX;
 var withStyleAppearEffect = withFX;
@@ -34129,9 +34124,9 @@ var ComponentViewportProvider = /* @__PURE__ */ React4.forwardRef((_j, ref) => {
         children: cloneWithPropsAndRef(children, rest),
     });
 });
-var withGeneratedLayoutId = (Component15) => React4.forwardRef((props, ref) => {
+var withGeneratedLayoutId = (Component16) => React4.forwardRef((props, ref) => {
     const layoutId = useLayoutId2(props);
-    return /* @__PURE__ */ jsx(Component15, Object.assign(Object.assign({ layoutId }, props), { layoutIdKey: void 0, duplicatedFrom: void 0, ref }));
+    return /* @__PURE__ */ jsx(Component16, Object.assign(Object.assign({ layoutId }, props), { layoutIdKey: void 0, duplicatedFrom: void 0, ref }));
 });
 var ContainerErrorBoundary = class extends Component {
     constructor() {
@@ -34204,7 +34199,7 @@ var componentsWithServerRenderedStyles = /* @__PURE__ */ (() => {
     return new Set(componentsWithSSRStylesAttr.split(' '));
 })();
 var framerCSSMarker = 'data-framer-css-ssr';
-var withCSS = (Component15, escapedCSS, componentSerializationId) => React4.forwardRef((props, ref) => {
+var withCSS = (Component16, escapedCSS, componentSerializationId) => React4.forwardRef((props, ref) => {
     var _j;
     const { sheet, cache: cache2, } = (_j = React4.useContext(StyleSheetContext)) !== null && _j !== void 0 ? _j : {};
     if (!isBrowser2()) {
@@ -34218,7 +34213,7 @@ var withCSS = (Component15, escapedCSS, componentSerializationId) => React4.forw
                 }, { 'data-framer-component': componentSerializationId, dangerouslySetInnerHTML: {
                         __html: concatenatedCSS,
                     } })),
-                /* @__PURE__ */ jsx(Component15, Object.assign(Object.assign({}, props), { ref })),
+                /* @__PURE__ */ jsx(Component16, Object.assign(Object.assign({}, props), { ref })),
             ],
         });
     }
@@ -34232,7 +34227,7 @@ var withCSS = (Component15, escapedCSS, componentSerializationId) => React4.forw
                 : escapedCSS.split('\n');
         css2.forEach((rule) => rule && injectCSSRule(rule, sheet, cache2));
     }, []);
-    return /* @__PURE__ */ jsx(Component15, Object.assign(Object.assign({}, props), { ref }));
+    return /* @__PURE__ */ jsx(Component16, Object.assign(Object.assign({}, props), { ref }));
 });
 var CustomCursorContext = /* @__PURE__ */ createContext({
     onRegisterCursors: () => () => { },
@@ -35198,10 +35193,10 @@ function ChildrenCanSuspend({ children, }) {
         children,
     });
 }
-function withChildrenCanSuspend(Component15) {
+function withChildrenCanSuspend(Component16) {
     return forwardRef(function withChildrenCanSuspendInner(props, ref) {
         return /* @__PURE__ */ jsx(ChildrenCanSuspend, {
-            children: /* @__PURE__ */ jsx(Component15, Object.assign(Object.assign({}, props), { ref })),
+            children: /* @__PURE__ */ jsx(Component16, Object.assign(Object.assign({}, props), { ref })),
         });
     });
 }
@@ -35944,6 +35939,24 @@ function maybeReplaceAnchorWithSpan(component) {
         return motion.span;
     return component;
 }
+var IgnoreErrors = class extends Component {
+    constructor() {
+        super(...arguments);
+        __publicField(this, 'state', {
+            error: void 0,
+        });
+    }
+    static getDerivedStateFromError(error) {
+        return {
+            error,
+        };
+    }
+    render() {
+        if (this.state.error)
+            return null;
+        return this.props.children;
+    }
+};
 var salt = 'framer';
 var difficulty = 3;
 var tokenLength = 30;
@@ -36119,18 +36132,18 @@ var FormContainer = /* @__PURE__ */ React4.forwardRef(function FormContainer2(_j
         try {
             (_b = (_a = callbacks.current).onLoading) == null ? void 0 : _b.call(_a);
             yield submitForm(action, data2, projectHash);
-            dispatch({
+            startTransition2(() => dispatch({
                 type: 'success',
-            });
+            }));
             (_d = (_c = callbacks.current).onSuccess) == null ? void 0 : _d.call(_c);
             if (redirectUrl) {
                 yield redirectTo(redirectUrl);
             }
         }
         catch (error) {
-            dispatch({
+            startTransition2(() => dispatch({
                 type: 'error',
-            });
+            }));
             (_f = (_e = callbacks.current).onError) == null ? void 0 : _f.call(_e);
             console.error(error);
         }
@@ -36243,7 +36256,7 @@ var loadingFetchResult = {
     data: void 0,
 };
 function isNumberString(value) {
-    return isString2(value) && !isNaN(Number(value));
+    return isString2(value) && !Number.isNaN(Number(value));
 }
 function isValidFetchDataValueResult(type, value) {
     switch (type) {
@@ -36717,7 +36730,7 @@ function usePrefetch() {
     }
     return React2.useCallback((request) => fetchClient.prefetch(request), [fetchClient,]);
 }
-function PageRoot({ RootComponent, isWebsite, routeId, framerSiteId, pathVariables, routes, collectionUtils, notFoundPage, isReducedMotion = false, includeDataObserver = false, localeId, locales, preserveQueryParams, }) {
+function PageRoot({ RootComponent, isWebsite, routeId, framerSiteId, pathVariables, routes, collectionUtils, notFoundPage, isReducedMotion = false, includeDataObserver = false, localeId, locales, preserveQueryParams, EditorBar, }) {
     const { enableAsyncURLUpdates, } = useLibraryFeatures();
     React4.useEffect(() => {
         if (isWebsite)
@@ -36745,6 +36758,13 @@ function PageRoot({ RootComponent, isWebsite, routeId, framerSiteId, pathVariabl
                             },
                             preserveQueryParams,
                             enableAsyncURLUpdates,
+                            editorBar: EditorBar && framerSiteId && /* @__PURE__ */ jsx(IgnoreErrors, {
+                                children: /* @__PURE__ */ jsx(Suspense2, {
+                                    children: /* @__PURE__ */ jsx(EditorBar, {
+                                        framerSiteId,
+                                    }),
+                                }),
+                            }),
                         }),
                     }),
                 }),
@@ -41469,7 +41489,7 @@ var AnimationCollector = class {
 };
 _variantHashes = /* @__PURE__ */ new WeakMap();
 var framerAppearEffects = /* @__PURE__ */ new AnimationCollector();
-function withOptimizedAppearEffect(Component15) {
+function withOptimizedAppearEffect(Component16) {
     return React4.forwardRef((_j, ref) => {
         var { optimized } = _j, props = __rest(_j, ["optimized"]);
         const generatedComponentContext = React4.useContext(GeneratedComponentContext);
@@ -41484,7 +41504,7 @@ function withOptimizedAppearEffect(Component15) {
             // should not be optimized.
             optimized ? props : null, generatedComponentContext);
         }
-        return /* @__PURE__ */ jsx(Component15, Object.assign({ ref }, props));
+        return /* @__PURE__ */ jsx(Component16, Object.assign({ ref }, props));
     });
 }
 var optimizeAppear = (prop, id3, animateTargetAndTransition, variantHash) => {
@@ -42044,49 +42064,49 @@ function usePrototypeNavigate({ preload, } = {}) {
             navigation.goBack();
             return false;
         }
-        const Component15 = typeof target === 'string'
+        const Component16 = typeof target === 'string'
             ? yield componentForRoute(getRoute == null ? void 0 : getRoute(target)).catch(() => { })
             : React4.isValidElement(target)
                 ? target
                 : null;
-        if (!Component15)
+        if (!Component16)
             return;
         const { appearsFrom, backdropColor, animation, } = options;
         const transitionType = options.transition || 'instant';
         switch (transitionType) {
             case 'instant':
-                navigation.instant(Component15);
+                navigation.instant(Component16);
                 break;
             case 'fade':
-                navigation.fade(Component15, {
+                navigation.fade(Component16, {
                     animation,
                 });
                 break;
             case 'push':
-                navigation.push(Component15, {
+                navigation.push(Component16, {
                     appearsFrom,
                     animation,
                 });
                 break;
             case 'flip':
-                navigation.flip(Component15, {
+                navigation.flip(Component16, {
                     appearsFrom,
                     animation,
                 });
                 break;
             case 'magicMotion':
-                navigation.magicMotion(Component15, {
+                navigation.magicMotion(Component16, {
                     animation,
                 });
                 break;
             case 'modal':
-                navigation.modal(Component15, {
+                navigation.modal(Component16, {
                     backdropColor,
                     animation,
                 });
                 break;
             case 'overlay':
-                navigation.overlay(Component15, {
+                navigation.overlay(Component16, {
                     appearsFrom,
                     backdropColor,
                     animation,
@@ -42459,7 +42479,7 @@ function extractMappingFromInfo(info) {
         return void 0;
     }
 }
-function withMappedReactProps(Component15, info) {
+function withMappedReactProps(Component16, info) {
     return (rawProps) => {
         var _j;
         const props = {};
@@ -42467,7 +42487,7 @@ function withMappedReactProps(Component15, info) {
         for (const key7 in rawProps) {
             asRecord(props)[(_j = (mapping == null ? void 0 : mapping[key7])) !== null && _j !== void 0 ? _j : key7] = rawProps[key7];
         }
-        return /* @__PURE__ */ jsx(Component15, Object.assign({}, props));
+        return /* @__PURE__ */ jsx(Component16, Object.assign({}, props));
     };
 }
 var keys2 = /* @__PURE__ */ new Set([
@@ -42508,9 +42528,9 @@ function createInputOutputRanges2(transformTargets, threshold, exitTarget) {
         outputRange: [-1, -1, ...outputRange,],
     };
 }
-var withVariantAppearEffect = (Component15) => React4.forwardRef((props, forwardedRef) => {
+var withVariantAppearEffect = (Component16) => React4.forwardRef((props, forwardedRef) => {
     if (RenderTarget.current() === RenderTarget.canvas) {
-        return /* @__PURE__ */ jsx(Component15, Object.assign(Object.assign({}, props), { ref: forwardedRef }));
+        return /* @__PURE__ */ jsx(Component16, Object.assign(Object.assign({}, props), { ref: forwardedRef }));
     }
     const { wrapUpdatesInTransitions, } = useLibraryFeatures();
     const [options, rest,] = extractPrefixedProps(props, keys2);
@@ -42593,13 +42613,13 @@ var withVariantAppearEffect = (Component15) => React4.forwardRef((props, forward
         repeat: !animateOnce,
     });
     if (!('variantAppearEffectEnabled' in options) || variantAppearEffectEnabled === true) {
-        return /* @__PURE__ */ jsx(Component15, Object.assign(Object.assign({}, rest), { variant: activeVariant !== null && activeVariant !== void 0 ? activeVariant : props.variant, ref: observerRef }));
+        return /* @__PURE__ */ jsx(Component16, Object.assign(Object.assign({}, rest), { variant: activeVariant !== null && activeVariant !== void 0 ? activeVariant : props.variant, ref: observerRef }));
     }
     else {
-        return /* @__PURE__ */ jsx(Component15, Object.assign({}, rest));
+        return /* @__PURE__ */ jsx(Component16, Object.assign({}, rest));
     }
 });
-var withVariantFX = (Component15) => React4.forwardRef((_j, forwardedRef) => {
+var withVariantFX = (Component16) => React4.forwardRef((_j, forwardedRef) => {
     var { initial, animate: animate3, exit } = _j, props = __rest(_j, ["initial", "animate", "exit"]);
     const observerRef = useObserverRef(forwardedRef);
     const effect = usePresenceAnimation({
@@ -42607,7 +42627,7 @@ var withVariantFX = (Component15) => React4.forwardRef((_j, forwardedRef) => {
         animate: animate3,
         exit,
     }, observerRef, true);
-    return /* @__PURE__ */ jsx(Component15, Object.assign(Object.assign({}, props), { style: Object.assign(Object.assign({}, (props == null ? void 0 : props.style)), effect.values), ref: observerRef }));
+    return /* @__PURE__ */ jsx(Component16, Object.assign(Object.assign({}, props), { style: Object.assign(Object.assign({}, (props == null ? void 0 : props.style)), effect.values), ref: observerRef }));
 });
 var WindowContext = /* @__PURE__ */ React4.createContext(void 0);
 var useProvidedWindow = () => React4.useContext(WindowContext);
@@ -45944,10 +45964,10 @@ var RichTextContainer = /* @__PURE__ */ forwardRef((props, ref) => {
     if (layoutId) {
         rest.layout = 'preserve-aspect';
     }
-    const Component15 = htmlElementAsMotionComponent(props.as);
+    const Component16 = htmlElementAsMotionComponent(props.as);
     if (isString2(props.viewBox)) {
         if (props.as !== void 0) {
-            return /* @__PURE__ */ jsx(Component15, Object.assign(Object.assign({}, rest), { ref: containerRef, style: containerStyle, layoutId, transformTemplate: template, 'data-framer-name': name, 'data-framer-component-type': 'RichTextContainer', children: /* @__PURE__ */ jsx(FitText, {
+            return /* @__PURE__ */ jsx(Component16, Object.assign(Object.assign({}, rest), { ref: containerRef, style: containerStyle, layoutId, transformTemplate: template, 'data-framer-name': name, 'data-framer-component-type': 'RichTextContainer', children: /* @__PURE__ */ jsx(FitText, {
                     viewBox,
                     viewBoxScale,
                     style: {
@@ -45963,7 +45983,7 @@ var RichTextContainer = /* @__PURE__ */ forwardRef((props, ref) => {
                 viewBoxScale, transformTemplate: template, 'data-framer-name': name, 'data-framer-component-type': 'RichTextContainer', children: processedChildren }));
         }
     }
-    return /* @__PURE__ */ jsx(Component15, Object.assign(Object.assign({}, rest), { ref: containerRef, style: containerStyle, layoutId, transformTemplate: template, 'data-framer-name': name, 'data-framer-component-type': 'RichTextContainer', children: processedChildren }));
+    return /* @__PURE__ */ jsx(Component16, Object.assign(Object.assign({}, rest), { ref: containerRef, style: containerStyle, layoutId, transformTemplate: template, 'data-framer-name': name, 'data-framer-component-type': 'RichTextContainer', children: processedChildren }));
 });
 function isFragment(element) {
     return element.type === Fragment;
@@ -48242,7 +48262,7 @@ MotionValue.prototype.addChild = function ({ transformer = (v) => v, }) {
 if (false) {
     MainLoop2.start();
 }
-export { _injectRuntime, AcceleratedAnimation, addActionControls, addFonts, addPointerEvent, addPointerInfo, addPropertyControls, addScaleCorrector, AnchorLinkTarget, Animatable, animate2 as animate, animateMini, AnimatePresence, AnimateSharedLayout, animateValue, animateVisualElement, animationControls, animations, annotateTypeOnStringify, anticipate, AnyInterpolation, AutomaticLayoutIds, BackgroundImage, backgroundImageFromProps, backIn, backInOut, backOut, BezierAnimator, BoxShadow, buildTransform, calcLength, calculateRect, callEach, cancelFrame, cancelSync, ChildrenCanSuspend, circIn, circInOut, circOut, clamp, collectVisualStyleFromProps, Color, color, ColorFormat, ColorMixModelType, combinedCSSRulesForPreview, complex, ComponentContainerContext, ComponentPresetsConsumer, ComponentPresetsProvider, ComponentViewportProvider, ConstraintMask, constraintsEnabled, ConstraintValues, Container, ControlType, ConvertColor, convertPresentationTree, convertPropsToDeviceOptions, createBox, createData, createFramerPageLink, createRendererMotionComponent, createScopedAnimate, cssBackgroundSize, cubicBezier, CustomCursorHost, CustomProperties, cx, CycleVariantState, Data, DataContext, DataObserver, DataObserverContext, debounce, defaultDeviceProps, degreesToRadians, delay, DeprecatedComponentContainer, DeprecatedFrameWithEvents, DeprecatedLayoutGroupContext, DeprecatedLayoutGroupContext as LayoutGroupContext, Device, DeviceCodeComponent, devicePresets, DimensionType, disableInstantTransitions, dispatchKeyDownEvent, distance, distance2D, DOM, domAnimation, domMax, domMin, DragControls, Draggable, easeIn, easeInOut, easeOut, EmptyState, environment, ErrorPlaceholder, executeInRenderEnvironment, Fetcher, filterProps, findSpring, finiteNumber, FlatTree, Floating, FontSourceNames, fontStore, forceLayerBackingWithCSSProperties, FormBooleanInput, FormContainer, FormPlainTextInput2 as FormPlainTextInput, FormSelect, fraction, Frame, frame, frameData, frameFromElement, frameFromElements, FramerAnimation, framerAppearAnimationScriptKey, framerAppearEffects, framerAppearIdKey, framerAppearTransformTemplateToken, framerCSSMarker, FramerEvent, FramerEventListener, FramerEventSession, frameSteps, FrameWithMotion, GamepadContext, GeneratedComponentContext, getComponentSize, getDevicePreset, getFonts, getFontsFromComponentPreset, getFontsFromSharedStyle, getLoadingLazyAtYPosition, getMeasurableCodeComponentChildren, getPropertyControls, getWhereExpressionFromPathVariables, gradientForShape, Image2 as Image, imagePatternPropsForFill, imageUrlForAsset, inertia, inferInitialRouteFromPath, injectComponentCSSRules, installFlexboxGapWorkaroundIfNeeded, InternalID, interpolate, invariant, inView, isAnimatable2 as isAnimatable, isBrowser, isDesignDefinition, isDragActive, isEqual, isFiniteNumber, isFractionDimension, isFramerGamepadKeydownData, isFramerPageLink, isGapEnabled, isMotionComponent, isMotionValue2 as isMotionValue, isOfAnnotatedType, isOverride, isReactDefinition, isRelativeNumber, isShallowEqualArray, isStraightCurve, isValidMotionProp, keyframes, Layer, LayoutGroup, LayoutIdContext, lazy, LazyMotion, LazyValue, LibraryFeaturesProvider, Line, LinearGradient, Link, loadFont, loadJSON, localPackageFallbackIdentifier, localShadowFrame, m, MainLoop, makePaddingString, makeUseVisualState, markHydrationStart, memoize2 as memoize, mirrorEasing, mix, modulate, motion, MotionConfig, MotionConfigContext, MotionContext, MotionGlobalConfig, MotionSetup, MotionValue, motionValue, namespace_exports as Reorder, NavigateTo, NavigationCallbackProvider, NavigationConsumer, NavigationTransitionType, NavigationWrapper as Navigation, nestedLinksCollector, NotFoundError, ObservableObject, optimizeAppear, optimizeAppearTransformTemplate, optimizedAppearDataAttribute, paddingFromProps, Page3 as Page, PageEffectsProvider, PageRoot, ParentSizeState, parseFramerPageLink, pathDefaults, PathSegment, PathVariablesContext, pipe, Point, Polygon, preloadImage, PresenceContext, print, progress, PropertyOverrides2 as PropertyOverrides, PropertyStore, propsForLink, pushLoadMoreHistory, px, QueryEngine, RadialGradient, Rect, removeHiddenBreakpointLayers, removeHiddenBreakpointLayersV2, RenderTarget, resolveLink, ResolveLinks, resolveMotionValue, resolvePageScope, reverseEasing, RichText2 as RichText, roundedNumber, roundedNumberString, roundWithOffset, Scroll, scroll, scrollInfo, setGlobalRenderEnvironment, setInitialHydrationState, Shadow, sharedSVGManager, shouldOpenLinkInNewTab, Size, spring, SpringAnimator, SSRVariants, Stack, stagger, startAnimation, startOptimizedAppearAnimation, steps, StyleSheetContext, SVG, SwitchLayoutGroupContext, sync, systemFontFamilyName, Text2 as Text, throttle, toFlexDirection, toJustifyOrAlignment, toSVGPath, transform, transformString2 as transformString, transformTemplate, turnOffReactEventHandling, unwrapMotionComponent, useActiveTargetCallback, useActiveVariantCallback, useAddVariantProps, useAnimate, useAnimatedState, useAnimatedState as useDeprecatedAnimatedState, useAnimateMini, useAnimation, useAnimationControls, useAnimationFrame, useBreakpointVariants, useComponentViewport, useConstant2 as useConstant, useCurrentPathVariables, useCurrentRouteId, useCustomCursors, useCycle, useDataRecord, useDomEvent, useDragControls, useDynamicRefs, useElementScroll, useForceUpdate, useGamepad, useHotkey, useHydratedBreakpointVariants, useInitialRouteComponent, useInstantLayoutTransition, useInstantTransition, useInvertedScale, useInvertedScale as useDeprecatedInvertedScale, useInView, useIsInCurrentNavigationTarget, useIsomorphicLayoutEffect, useIsOnFramerCanvas, useIsPresent, useLoadMorePaginatedQuery, useLocale, useLocaleCode, useLocaleInfo, useLocalizationInfo, useMeasureLayout, useMotionTemplate, useMotionValue, useMotionValueEvent, useNavigate, useNavigation, useObserveData, useOnAppear, useOnCurrentTargetChange, useOnVariantChange, useOverlayState, usePageEffects, usePrefetch, usePreloadQuery, usePresence, usePrototypeNavigate, useProvidedWindow, useQueryData, useReducedMotion, useReducedMotionConfig, useRenderEnvironment, useResetProjection, useRoute, useRouteAnchor, useRouteElementId, useRouteHandler, useRouter, useScroll, useSpring, useTime, useTransform, useUnmountEffect, useVariantState, useVelocity, useViewportScroll, useWillChange, ValueInterpolation, valueToDimensionType, VariantSelector, Vector, VectorGroup, version, VisualElement, visualElementStore, warning, WindowContext, withCSS, withFX, withGeneratedLayoutId, withInfiniteScroll, withMappedReactProps, withMeasuredSize, WithNavigator, withOpacity, withOptimizedAppearEffect, WithOverride, withParallaxTransform, withPath, withPerformanceMarks, withShape, withStyleAppearEffect, withVariantAppearEffect, withVariantFX, wrap, };
+export { _injectRuntime, AcceleratedAnimation, addActionControls, addFonts, addPointerEvent, addPointerInfo, addPropertyControls, addScaleCorrector, AnchorLinkTarget, Animatable, animate2 as animate, animateMini, AnimatePresence, AnimateSharedLayout, animateValue, animateVisualElement, animationControls, animations, annotateTypeOnStringify, anticipate, AnyInterpolation, AutomaticLayoutIds, BackgroundImage, backgroundImageFromProps, backIn, backInOut, backOut, BezierAnimator, BoxShadow, buildTransform, calcLength, calculateRect, callEach, cancelFrame, cancelSync, ChildrenCanSuspend, circIn, circInOut, circOut, clamp, collectVisualStyleFromProps, Color, color, ColorFormat, ColorMixModelType, combinedCSSRulesForPreview, complex, ComponentContainerContext, ComponentPresetsConsumer, ComponentPresetsProvider, ComponentViewportProvider, ConstraintMask, constraintsEnabled, ConstraintValues, Container, ControlType, ConvertColor, convertPresentationTree, convertPropsToDeviceOptions, createBox, createData, createFramerPageLink, createRendererMotionComponent, createScopedAnimate, cssBackgroundSize, cubicBezier, CustomCursorHost, CustomProperties, cx, CycleVariantState, Data, DataContext, DataObserver, DataObserverContext, debounce, defaultDeviceProps, degreesToRadians, delay, DeprecatedComponentContainer, DeprecatedFrameWithEvents, DeprecatedLayoutGroupContext, DeprecatedLayoutGroupContext as LayoutGroupContext, Device, DeviceCodeComponent, devicePresets, DimensionType, disableInstantTransitions, dispatchKeyDownEvent, distance, distance2D, DOM, domAnimation, domMax, domMin, DragControls, Draggable, easeIn, easeInOut, easeOut, EmptyState, environment, ErrorPlaceholder, executeInRenderEnvironment, Fetcher, filterProps, findSpring, finiteNumber, FlatTree, Floating, FontSourceNames, fontStore, forceLayerBackingWithCSSProperties, FormBooleanInput, FormContainer, FormPlainTextInput2 as FormPlainTextInput, FormSelect, fraction, Frame, frame, frameData, frameFromElement, frameFromElements, FramerAnimation, framerAppearAnimationScriptKey, framerAppearEffects, framerAppearIdKey, framerAppearTransformTemplateToken, framerCSSMarker, FramerEvent, FramerEventListener, FramerEventSession, frameSteps, FrameWithMotion, GamepadContext, GeneratedComponentContext, getComponentSize, getDevicePreset, getFonts, getFontsFromComponentPreset, getFontsFromSharedStyle, getLoadingLazyAtYPosition, getMeasurableCodeComponentChildren, getPropertyControls, getWhereExpressionFromPathVariables, gradientForShape, Image2 as Image, imagePatternPropsForFill, imageUrlForAsset, inertia, inferInitialRouteFromPath, injectComponentCSSRules, installFlexboxGapWorkaroundIfNeeded, InternalID, interpolate, invariant, inView, isAnimatable2 as isAnimatable, isBrowser, isDesignDefinition, isDragActive, isEqual, isFiniteNumber, isFractionDimension, isFramerGamepadKeydownData, isFramerPageLink, isGapEnabled, isMotionComponent, isMotionValue2 as isMotionValue, isOfAnnotatedType, isOverride, isReactDefinition, isRelativeNumber, isShallowEqualArray, isStraightCurve, isValidMotionProp, keyframes, Layer, LayoutGroup, LayoutIdContext, lazy, LazyMotion, LazyValue, LibraryFeaturesProvider, Line, LinearGradient, Link, loadFont, loadJSON, localPackageFallbackIdentifier, localShadowFrame, m, MainLoop, makePaddingString, makeUseVisualState, markHydrationStart, memoize2 as memoize, mirrorEasing, mix, modulate, motion, MotionConfig, MotionConfigContext, MotionContext, MotionGlobalConfig, MotionSetup, MotionValue, motionValue, namespace_exports as Reorder, NavigateTo, NavigationCallbackProvider, NavigationConsumer, NavigationTransitionType, NavigationWrapper as Navigation, nestedLinksCollector, NotFoundError, ObservableObject, optimizeAppear, optimizeAppearTransformTemplate, optimizedAppearDataAttribute, paddingFromProps, Page3 as Page, PageEffectsProvider, PageRoot, ParentSizeState, parseFramerPageLink, pathDefaults, PathSegment, PathVariablesContext, pipe, Point, Polygon, preloadImage, PresenceContext, print, progress, PropertyOverrides2 as PropertyOverrides, PropertyStore, propsForLink, pushLoadMoreHistory, px, QueryEngine, RadialGradient, Rect, removeHiddenBreakpointLayers, removeHiddenBreakpointLayersV2, RenderTarget, resolveLink, ResolveLinks, resolveMotionValue, resolvePageScope, reverseEasing, RichText2 as RichText, roundedNumber, roundedNumberString, roundWithOffset, Scroll, scroll, scrollInfo, setGlobalRenderEnvironment, setInitialHydrationState, Shadow, sharedSVGManager, shouldOpenLinkInNewTab, Size, spring, SpringAnimator, SSRVariants, Stack, stagger, startAnimation, startOptimizedAppearAnimation, steps, StyleSheetContext, SVG, SwitchLayoutGroupContext, sync, systemFontFamilyName, Text2 as Text, throttle, toFlexDirection, toJustifyOrAlignment, toSVGPath, transform, transformString2 as transformString, transformTemplate, turnOffReactEventHandling, unwrapMotionComponent, useActiveTargetCallback, useActiveVariantCallback, useAddVariantProps, useAnimate, useAnimatedState, useAnimatedState as useDeprecatedAnimatedState, useAnimateMini, useAnimation, useAnimationControls, useAnimationFrame, useBreakpointVariants, useComponentViewport, useConstant2 as useConstant, useCurrentPathVariables, useCurrentRoute, useCurrentRouteId, useCustomCursors, useCycle, useDataRecord, useDomEvent, useDragControls, useDynamicRefs, useElementScroll, useForceUpdate, useGamepad, useHotkey, useHydratedBreakpointVariants, useInitialRouteComponent, useInstantLayoutTransition, useInstantTransition, useInvertedScale, useInvertedScale as useDeprecatedInvertedScale, useInView, useIsInCurrentNavigationTarget, useIsomorphicLayoutEffect, useIsOnFramerCanvas, useIsPresent, useLoadMorePaginatedQuery, useLocale, useLocaleCode, useLocaleInfo, useLocalizationInfo, useMeasureLayout, useMotionTemplate, useMotionValue, useMotionValueEvent, useNavigate, useNavigation, useObserveData, useOnAppear, useOnCurrentTargetChange, useOnVariantChange, useOverlayState, usePageEffects, usePrefetch, usePreloadQuery, usePresence, usePrototypeNavigate, useProvidedWindow, useQueryData, useReducedMotion, useReducedMotionConfig, useRenderEnvironment, useResetProjection, useRoute, useRouteAnchor, useRouteElementId, useRouteHandler, useRouter, useScroll, useSpring, useTime, useTransform, useUnmountEffect, useVariantState, useVelocity, useViewportScroll, useWillChange, ValueInterpolation, valueToDimensionType, VariantSelector, Vector, VectorGroup, version, VisualElement, visualElementStore, warning, WindowContext, withCSS, withFX, withGeneratedLayoutId, withInfiniteScroll, withMappedReactProps, withMeasuredSize, WithNavigator, withOpacity, withOptimizedAppearEffect, WithOverride, withParallaxTransform, withPath, withPerformanceMarks, withShape, withStyleAppearEffect, withVariantAppearEffect, withVariantFX, wrap, };
 /**
  * @license Emotion v11.0.0
  * MIT License
@@ -48289,4 +48309,5 @@ if (typeof document !== 'undefined') {
     }
     document.head.appendChild(fragment);
 }
+export { Router, FetchClientProvider, FormContext };
 //# sourceMappingURL=framer.js.map