unframer 2.16.2 → 2.17.1

package/esm/framer.js

@@ -516613,7 +516613,7 @@ function steps(numSteps, direction = 'end') {
         return clamp(0, 1, rounded / numSteps);
     };
 }
-// /:https://app.framerstatic.com/framer.5IYC6IGH.mjs
+// /:https://app.framerstatic.com/framer.43KQGWBL.mjs
 init_chunk_QLPHEVXG();
 import React4 from 'react';
 import { Suspense as Suspense3, } from 'react';
@@ -519337,7 +519337,10 @@ function getHashForRoute(hash2, route, hashVariables) {
     const variables = Object.assign({}, route == null ? void 0 : route.elements, hashVariables);
     return resolvedHash.replace(pathVariablesRegExp, (m2, p1) => String(variables[p1] ?? m2));
 }
-function getPathForRoute(route, { currentRoutePath, currentPathVariables, hash: hash2, pathVariables, hashVariables, relative: relative2 = true, preserveQueryParams, }) {
+function getPathForRoute(route, { currentRoutePath, currentPathVariables, hash: hash2, pathVariables, hashVariables, relative: relative2 = true, preserveQueryParams, onlyHash = false, }) {
+    const resolvedHash = getHashForRoute(hash2, route, hashVariables);
+    if (onlyHash)
+        return resolvedHash ?? '';
     let currentPath = currentRoutePath ?? '/';
     if (currentPathVariables) {
         currentPath = currentPath.replace(pathVariablesRegExp, (m2, p1) => String(currentPathVariables[p1] || m2));
@@ -519347,7 +519350,6 @@ function getPathForRoute(route, { currentRoutePath, currentPathVariables, hash:
     if (pathVariables) {
         path = path.replace(pathVariablesRegExp, (m2, p1) => String(pathVariables[p1] || m2));
     }
-    const resolvedHash = getHashForRoute(hash2, route, hashVariables);
     const isSamePageHashNavigation = currentPath === path && resolvedHash;
     if (relative2) {
         path = computeRelativePath(currentPath, path);
@@ -520099,6 +520101,9 @@ function Point(x, y) {
     };
 }
 ((Point2) => {
+    Point2.isQuadrilateralPoints = (points) => {
+        return (points == null ? void 0 : points.length) === 4;
+    };
     Point2.add = (...args) => {
         return args.reduce((previousValue, currentValue) => {
             return {
@@ -520209,9 +520214,11 @@ function Point(x, y) {
         const angles = /* @__PURE__ */ new Map();
         for (let i = 0; i < points.length; i++) {
             const point2 = points[i];
-            angles.set(point2, Math.atan2(point2.x - centerPoint.x, point2.y - centerPoint.y));
+            if (!point2)
+                continue;
+            angles.set(point2, Math.atan2(point2.y - centerPoint.y, point2.x - centerPoint.x));
         }
-        return points.sort((a, b) => angles.get(a) - angles.get(b));
+        return points.sort((a, b) => (angles.get(a) ?? 0) - (angles.get(b) ?? 0));
     }
     Point2.sortClockwise = sortClockwise;
 })(Point || (Point = {}));
@@ -526872,9 +526879,9 @@ var deviceCodeComponentPresetIds = [
     '1440p',
     '4k',
 ];
-var devicePresetsMap = /* @__PURE__ */ devicePresets.reduce((map, preset) => {
-    map[preset.id] = preset;
-    return map;
+var devicePresetsMap = /* @__PURE__ */ devicePresets.reduce((map2, preset) => {
+    map2[preset.id] = preset;
+    return map2;
 }, {});
 function getDevicePreset(presetId) {
     return devicePresetsMap[presetId] ?? devicePresetsMap[defaultPresetId];
@@ -535648,6 +535655,10 @@ function useFXValues(values, enabled) {
     }, [effect, enabled,]);
     return effect;
 }
+function useIsStaticRenderer() {
+    const currentTarget = RenderTarget.current();
+    return currentTarget === RenderTarget.canvas || currentTarget === RenderTarget.export;
+}
 var loopOptionsKeys = /* @__PURE__ */ new Set(['loopEffectEnabled', 'loopTransition', 'loop', 'loopRepeatType', 'loopRepeatDelay',]);
 var useDelay = () => {
     const timeoutRef = useRef();
@@ -536380,8 +536391,8 @@ var withFX = (Component18) => React4.forwardRef((props, forwardedRef) => {
             ref: forwardedRef,
         });
     }
-    const currentTarget = RenderTarget.current();
-    if (currentTarget === RenderTarget.canvas || currentTarget === RenderTarget.export) {
+    const isRenderingStaticContent = useIsStaticRenderer();
+    if (isRenderingStaticContent) {
         const animate4 = isVariantOrVariantList(props.animate) ? props.animate : void 0;
         const initial2 = isVariantOrVariantList(props.initial) ? props.initial : void 0;
         return /* @__PURE__ */ jsx(Component18, {
@@ -537280,7 +537291,7 @@ var Polygon = {
             if (d === 0)
                 continue;
             const localSign = d > 0;
-            sign ?? (sign = localSign);
+            sign ??= localSign;
             if (sign !== localSign)
                 return false;
         }
@@ -537837,6 +537848,74 @@ function Floating({ alignment, placement, safeArea, offsetX, offsetY, anchorRef,
     }), getPortalContainer(portalSelector, inComponent));
 }
 var GeneratedComponentContext = /* @__PURE__ */ React4.createContext(void 0);
+var LibraryFeaturesContext = /* @__PURE__ */ React4.createContext(void 0);
+var LibraryFeaturesProvider = /* @__PURE__ */ (() => LibraryFeaturesContext.Provider)();
+var useLibraryFeatures = () => {
+    const context = React4.useContext(LibraryFeaturesContext);
+    return context ?? {};
+};
+var GracefullyDegradingErrorBoundary = class extends Component {
+    constructor() {
+        super(...arguments);
+        __publicField(this, 'state', {
+            error: void 0,
+        });
+        __publicField(this, 'message', 'Made UI non-interactive due to an error');
+        __publicField(this, 'messageReport', 'If you are the author of this website, please report this issue to the Framer team via https://www.framer.community/');
+    }
+    static getDerivedStateFromError(error) {
+        return {
+            error,
+        };
+    }
+    componentDidCatch(error) {
+        var _a, _b;
+        window.__framer_hadFatalError = true;
+        if ('cause' in error) {
+            error = error.cause;
+        }
+        console.error(`${this.message} (see above). ${this.messageReport}.`);
+        const sampleRate = Math.random();
+        if (!((_a = this.context) == null ? void 0 : _a.codeBoundaries) && sampleRate > 0.01)
+            return;
+        if (sampleRate > 0.25)
+            return;
+        const stack = error instanceof Error && typeof error.stack === 'string' ? error.stack : null;
+        (_b = window.__framer_events) == null ? void 0 : _b.push(['published_site_load_error', {
+                message: String(error),
+                stack,
+            },]);
+    }
+    render() {
+        var _a, _b;
+        const error = this.state.error;
+        if (!error)
+            return this.props.children;
+        const unwrappedError = 'cause' in error ? error.cause : error;
+        const closingHTMLComment = /-->/gu;
+        const closingHTMLCommentReplacement = '--!>';
+        const dom = isBot(navigator.userAgent) ? ((_a = document.getElementById('main')) == null ? void 0 : _a.innerHTML) || '' : // @FIXME: We should have a UI for fatal error recovery.
+            // We don't have a UI for fatal error recovery currently, so we just render nothing for regular users. If we were to throw, React would unmount too.
+            // We do render instead of throwing, so that:
+            // - `componentDidCatch` runs (if we throw here, it does not)
+            // - we can skip logging `Recoverable error during hydration`, because we know it was fatal.
+            '';
+        return (
+        // This has the caveat that we will slightly modify the DOM, but it appears to be fine in this case.
+        // The alternative would be to queue a new task that runs after and then set the innerHTML (= avoids the dummy-div), but that means we'll have DOM -> no DOM -> DOM transitions. With the div, we have DOM -> DOM and remove possible race-conditions.
+        /* @__PURE__ */
+        jsx('div', {
+            style: {
+                display: 'contents',
+            },
+            suppressHydrationWarning: true,
+            dangerouslySetInnerHTML: {
+                __html: `<!-- DOM replaced by GracefullyDegradingErrorBoundary due to "${unwrappedError.message.replace(closingHTMLComment, closingHTMLCommentReplacement)}". ${this.messageReport}: --><!-- Stack: ${(_b = error.stack) == null ? void 0 : _b.replace(closingHTMLComment, '--!>')} -->` + dom,
+            },
+        }));
+    }
+};
+__publicField(GracefullyDegradingErrorBoundary, 'contextType', LibraryFeaturesContext);
 var LazyValue = class {
     constructor(resolver) {
         this.resolver = resolver;
@@ -537891,12 +537970,6 @@ var LazyValue = class {
         }
     }
 };
-var LibraryFeaturesContext = /* @__PURE__ */ React4.createContext(void 0);
-var LibraryFeaturesProvider = /* @__PURE__ */ (() => LibraryFeaturesContext.Provider)();
-var useLibraryFeatures = () => {
-    const context = React4.useContext(LibraryFeaturesContext);
-    return context ?? {};
-};
 function findAnchorElement(target, withinElement) {
     if (target instanceof HTMLAnchorElement) {
         return target;
@@ -538621,13 +538694,13 @@ function useReplaceNestedLinks(nodeId, href, propsAddedByLink) {
         if (isOnFramerCanvas || !shouldReplaceLink || !isValidLink)
             return;
         node.dataset.hydrated = 'true';
-    }, [isOnFramerCanvas, isValidLink, shouldReplaceLink,]);
+    }, [isValidLink, shouldReplaceLink,]);
     return [getChildren, refCallback,];
 }
 function resolveLink(href, router, implicitPathVariables) {
     return resolveLinkInternal(href, router, implicitPathVariables);
 }
-function resolveLinkInternal(href, router, implicitPathVariables, resolveSlugs2) {
+function resolveLinkInternal(href, router, implicitPathVariables, onlyHash, resolveSlugs2) {
     const pageLink = isLinkToWebPage(href) ? href : linkFromFramerPageLink(href);
     if (!isLinkToWebPage(pageLink))
         return isString(href) ? propsForLink(href).href : void 0;
@@ -538649,6 +538722,7 @@ function resolveLinkInternal(href, router, implicitPathVariables, resolveSlugs2)
         hashVariables: combinedHashVariables,
         relative: false,
         preserveQueryParams: router.preserveQueryParams,
+        onlyHash,
     });
 }
 function resolvePageScope(pageLink, router) {
@@ -539785,69 +539859,7 @@ function usePrefetch() {
     }
     return React2.useCallback((request) => fetchClient.prefetch(request), [fetchClient,]);
 }
-var GracefullyDegradingErrorBoundary = class extends Component {
-    constructor() {
-        super(...arguments);
-        __publicField(this, 'state', {
-            error: void 0,
-        });
-        __publicField(this, 'message', 'Made UI non-interactive due to an error');
-        __publicField(this, 'messageReport', 'If you are the author of this website, please report this issue to the Framer team via https://www.framer.community/');
-    }
-    static getDerivedStateFromError(error) {
-        return {
-            error,
-        };
-    }
-    componentDidCatch(error) {
-        var _a, _b;
-        window.__framer_hadFatalError = true;
-        if ('cause' in error) {
-            error = error.cause;
-        }
-        console.error(`${this.message} (see above). ${this.messageReport}.`);
-        const sampleRate = Math.random();
-        if (!((_a = this.context) == null ? void 0 : _a.codeBoundaries) && sampleRate > 0.01)
-            return;
-        if (sampleRate > 0.25)
-            return;
-        const stack = error instanceof Error && typeof error.stack === 'string' ? error.stack : null;
-        (_b = window.__framer_events) == null ? void 0 : _b.push(['published_site_load_error', {
-                message: String(error),
-                stack,
-            },]);
-    }
-    render() {
-        var _a, _b;
-        const error = this.state.error;
-        if (!error)
-            return this.props.children;
-        const unwrappedError = 'cause' in error ? error.cause : error;
-        const closingHTMLComment = /-->/gu;
-        const closingHTMLCommentReplacement = '--!>';
-        const dom = isBot(navigator.userAgent) ? ((_a = document.getElementById('main')) == null ? void 0 : _a.innerHTML) || '' : // @FIXME: We should have a UI for fatal error recovery.
-            // We don't have a UI for fatal error recovery currently, so we just render nothing for regular users. If we were to throw, React would unmount too.
-            // We do render instead of throwing, so that:
-            // - `componentDidCatch` runs (if we throw here, it does not)
-            // - we can skip logging `Recoverable error during hydration`, because we know it was fatal.
-            '';
-        return (
-        // This has the caveat that we will slightly modify the DOM, but it appears to be fine in this case.
-        // The alternative would be to queue a new task that runs after and then set the innerHTML (= avoids the dummy-div), but that means we'll have DOM -> no DOM -> DOM transitions. With the div, we have DOM -> DOM and remove possible race-conditions.
-        /* @__PURE__ */
-        jsx('div', {
-            style: {
-                display: 'contents',
-            },
-            suppressHydrationWarning: true,
-            dangerouslySetInnerHTML: {
-                __html: `<!-- DOM replaced by GracefullyDegradingErrorBoundary due to "${unwrappedError.message.replace(closingHTMLComment, closingHTMLCommentReplacement)}". ${this.messageReport}: --><!-- Stack: ${(_b = error.stack) == null ? void 0 : _b.replace(closingHTMLComment, '--!>')} -->` + dom,
-            },
-        }));
-    }
-};
-__publicField(GracefullyDegradingErrorBoundary, 'contextType', LibraryFeaturesContext);
-function PageRoot({ RootComponent, isWebsite, routeId, framerSiteId, pathVariables, routes, collectionUtils, notFoundPage, isReducedMotion = false, includeDataObserver = false, localeId, locales, preserveQueryParams, EditorBar, LayoutTemplate, }) {
+function PageRoot({ RootComponent, isWebsite, routeId, framerSiteId, pathVariables, routes, collectionUtils, notFoundPage, isReducedMotion = false, includeDataObserver = false, localeId, locales, preserveQueryParams, EditorBar, defaultPageStyle, disableHistory, LayoutTemplate, }) {
     const { enableAsyncURLUpdates, } = useLibraryFeatures();
     React4.useEffect(() => {
         if (isWebsite)
@@ -539855,32 +539867,31 @@ function PageRoot({ RootComponent, isWebsite, routeId, framerSiteId, pathVariabl
         MainLoop.start();
     }, []);
     if (isWebsite) {
-        return /* @__PURE__ */ jsx(GracefullyDegradingErrorBoundary, {
-            children: /* @__PURE__ */ jsx(MotionConfig, {
-                reducedMotion: isReducedMotion ? 'user' : 'never',
-                children: /* @__PURE__ */ jsx(FetchClientProvider, {
-                    children: /* @__PURE__ */ jsx(CustomCursorHost, {
-                        children: /* @__PURE__ */ jsx(FormContext.Provider, {
-                            value: framerSiteId,
-                            children: /* @__PURE__ */ jsx(Router, {
-                                initialRoute: routeId,
-                                initialPathVariables: pathVariables,
-                                initialLocaleId: localeId,
-                                routes,
-                                collectionUtils,
-                                notFoundPage,
-                                locales,
-                                defaultPageStyle: {
-                                    minHeight: '100vh',
-                                    width: 'auto',
-                                },
-                                preserveQueryParams,
-                                enableAsyncURLUpdates,
-                                editorBar: /* @__PURE__ */ jsx(EditorBarLauncher, {
-                                    EditorBar,
-                                }),
-                                LayoutTemplate,
+        return /* @__PURE__ */ jsx(MotionConfig, {
+            reducedMotion: isReducedMotion ? 'user' : 'never',
+            children: /* @__PURE__ */ jsx(FetchClientProvider, {
+                children: /* @__PURE__ */ jsx(CustomCursorHost, {
+                    children: /* @__PURE__ */ jsx(FormContext.Provider, {
+                        value: framerSiteId,
+                        children: /* @__PURE__ */ jsx(Router, {
+                            initialRoute: routeId,
+                            initialPathVariables: pathVariables,
+                            initialLocaleId: localeId,
+                            routes,
+                            collectionUtils,
+                            notFoundPage,
+                            locales,
+                            defaultPageStyle: defaultPageStyle ?? {
+                                minHeight: '100vh',
+                                width: 'auto',
+                            },
+                            preserveQueryParams,
+                            enableAsyncURLUpdates,
+                            editorBar: /* @__PURE__ */ jsx(EditorBarLauncher, {
+                                EditorBar,
                             }),
+                            disableHistory,
+                            LayoutTemplate,
                         }),
                     }),
                 }),
@@ -540106,7 +540117,9 @@ var ResolveLinks = /* @__PURE__ */ withChildrenCanSuspend(/* @__PURE__ */ forwar
     const cloneWithPropsAndRef = useCloneChildrenWithPropsAndRef(ref);
     const promises = [];
     const resolvedLinks = links.map((link) => {
-        return resolveLinkInternal(link.href, router, link.implicitPathVariables, (unresolvedPathSlugs, unresolvedHashslugs) => {
+        if (!link)
+            return void 0;
+        return resolveLinkInternal(link.href, router, link.implicitPathVariables, link.refKey, (unresolvedPathSlugs, unresolvedHashSlugs) => {
             function handleSlugs(slugs) {
                 const result = {};
                 for (const slugKey in slugs) {
@@ -540129,7 +540142,7 @@ var ResolveLinks = /* @__PURE__ */ withChildrenCanSuspend(/* @__PURE__ */ forwar
             }
             return {
                 path: handleSlugs(unresolvedPathSlugs),
-                hash: handleSlugs(unresolvedHashslugs),
+                hash: handleSlugs(unresolvedHashSlugs),
             };
         });
     });
@@ -541064,7 +541077,7 @@ var RichText = class {
         __publicField(this, 'cached');
     }
     resolve() {
-        this.cached ?? (this.cached = this.data.resolveRichText(this.pointer));
+        this.cached ??= this.data.resolveRichText(this.pointer);
         return this.cached;
     }
 };
@@ -541524,7 +541537,7 @@ var RelationalProject = class extends RelationalNode {
     constructor(input, projections, passthrough) {
         let isSynchronous = input.isSynchronous;
         for (const projection of projections) {
-            isSynchronous && (isSynchronous = projection.input.isSynchronous);
+            isSynchronous &&= projection.input.isSynchronous;
         }
         super(isSynchronous);
         this.input = input;
@@ -541656,20 +541669,20 @@ var ScalarCase = class extends ScalarNode {
         if (input) {
             referencedFields.merge(input.referencedFields);
             referencedOuterFields.merge(input.referencedOuterFields);
-            isSynchronous && (isSynchronous = input.isSynchronous);
+            isSynchronous &&= input.isSynchronous;
         }
         for (const { when, then, } of conditions) {
             referencedFields.merge(when.referencedFields);
             referencedOuterFields.merge(when.referencedOuterFields);
-            isSynchronous && (isSynchronous = when.isSynchronous);
+            isSynchronous &&= when.isSynchronous;
             referencedFields.merge(then.referencedFields);
             referencedOuterFields.merge(then.referencedOuterFields);
-            isSynchronous && (isSynchronous = then.isSynchronous);
+            isSynchronous &&= then.isSynchronous;
         }
         if (otherwise) {
             referencedFields.merge(otherwise.referencedFields);
             referencedOuterFields.merge(otherwise.referencedOuterFields);
-            isSynchronous && (isSynchronous = otherwise.isSynchronous);
+            isSynchronous &&= otherwise.isSynchronous;
         }
         super(referencedFields, referencedOuterFields, isSynchronous);
         this.input = input;
@@ -543363,7 +543376,7 @@ var Memo = class {
         this.nodes.set(hash2, node);
         const outputFields = node.getOutputFields();
         const relational = new RelationalProps(outputFields);
-        group ?? (group = this.addGroup(relational));
+        group ??= this.addGroup(relational);
         group.addNode(node);
         assert(relational.isCompatible(group.relational), 'Group has inconsistent relational props');
         return node;
@@ -544935,15 +544948,36 @@ function useDataRecord(collection, variables) {
     }, [collection, variables,]);
 }
 function useDynamicRefs() {
-    const map = useConstant2(() => /* @__PURE__ */ new Map());
+    const map2 = useConstant2(() => /* @__PURE__ */ new Map());
     return React4.useCallback((key7) => {
-        const existing = map.get(key7);
+        const existing = map2.get(key7);
         if (existing)
             return existing;
         const ref = createRef();
-        map.set(key7, ref);
+        map2.set(key7, ref);
         return ref;
-    }, [map,]);
+    }, []);
+}
+var map = /* @__PURE__ */ new Map();
+function useSiteRefs() {
+    const route = useCurrentRoute();
+    const path = useMemo(() => {
+        return getPathForRoute(route, {
+            currentRoutePath: route == null ? void 0 : route.path,
+            currentPathVariables: route == null ? void 0 : route.pathVariables,
+            preserveQueryParams: false,
+            relative: false,
+        });
+    }, [route,]);
+    return React4.useCallback((key7) => {
+        const computedKey = `${path}-${key7}`;
+        const existing = map.get(computedKey);
+        if (existing)
+            return existing;
+        const ref = createRef();
+        map.set(computedKey, ref);
+        return ref;
+    }, [path,]);
 }
 function isFramerGamepadKeydownData(value) {
     return isObject(value) && value.mapping !== void 0;
@@ -545168,16 +545202,16 @@ function useNavigate() {
         return false;
     };
 }
-function callbackForVariant(map, variant) {
-    if (map[variant])
-        return map[variant];
-    if (variant in map)
+function callbackForVariant(map2, variant) {
+    if (map2[variant])
+        return map2[variant];
+    if (variant in map2)
         return void 0;
-    return map.default;
+    return map2.default;
 }
 function useOnVariantChange(variant, callbackMap) {
-    const isOnFramerCanvas = useIsOnFramerCanvas();
-    if (isOnFramerCanvas)
+    const isRenderingStaticContent = useIsStaticRenderer();
+    if (isRenderingStaticContent)
         return;
     const isActiveScreenRef = React4.useRef(true);
     const callbackMapRef = React4.useRef(callbackMap);
@@ -545577,12 +545611,55 @@ function safeBaseVariant(targetVariant, fallbackVariant, validBaseVariants) {
     return fallbackVariant;
 }
 var CycleVariantState = /* @__PURE__ */ Symbol('cycle');
+function useRunCallbackIfPageIsVisible() {
+    const listenerRef = useRef();
+    const callbackRef = useRef();
+    const clean = useCallback(() => {
+        if (!listenerRef.current)
+            return;
+        document.removeEventListener('visibilitychange', listenerRef.current);
+        listenerRef.current = void 0;
+        callbackRef.current = void 0;
+    }, []);
+    useEffect(() => {
+        return () => {
+            clean();
+        };
+    }, [clean,]);
+    return useCallback((callback) => {
+        if (!document.hidden) {
+            callback();
+            clean();
+            return;
+        }
+        callbackRef.current = callback;
+        if (listenerRef.current)
+            return;
+        const listenerFn = () => {
+            var _a;
+            if (document.hidden)
+                return;
+            (_a = callbackRef.current) == null ? void 0 : _a.call(callbackRef);
+            clean();
+        };
+        listenerRef.current = listenerFn;
+        document.addEventListener('visibilitychange', listenerFn);
+    }, [clean,]);
+}
 function useVariantState({ variant, defaultVariant: externalDefaultVariant, transitions: externalTransitions, enabledGestures: externalEnabledGestures, cycleOrder: externalCycleOrder = [], variantProps: variantProps2 = {}, variantClassNames = {}, }) {
     const forceUpdate = useForceUpdate2();
     const isCanvas = useIsOnFramerCanvas();
     const validBaseVariants = useConstant2(() => new Set(externalCycleOrder));
     const { wrapUpdatesInTransitions, } = useLibraryFeatures();
-    const internalState = React4.useRef({
+    const update = useCallback((useTransition) => {
+        if (useTransition) {
+            startTransition2(() => void forceUpdate());
+            return;
+        }
+        forceUpdate();
+    }, [forceUpdate,]);
+    const runUpdateIfPageIsVisible = useRunCallbackIfPageIsVisible();
+    const internalState = useRef({
         isHovered: false,
         isPressed: false,
         isError: false,
@@ -545599,14 +545676,24 @@ function useVariantState({ variant, defaultVariant: externalDefaultVariant, tran
         cycleOrder: externalCycleOrder,
         transitions: externalTransitions,
     });
-    const resolveNextVariant = React4.useCallback((targetBaseVariant) => {
+    const resolveNextVariant = useCallback((targetBaseVariant) => {
         const { isHovered: isHovered2, isPressed: isPressed2, isError: isError2, enabledGestures: enabledGestures2, defaultVariant: defaultVariant2, } = internalState.current;
         const nextBaseVariant = safeBaseVariant(targetBaseVariant, defaultVariant2, validBaseVariants);
         const gesture = getGesture(enabledGestures2 == null ? void 0 : enabledGestures2[nextBaseVariant], isHovered2, isPressed2, false, isError2);
         const nextGestureVariant = gesture ? createGestureVariant(nextBaseVariant, gesture) : void 0;
         return [nextBaseVariant, nextGestureVariant,];
-    }, [validBaseVariants,]);
-    const setGestureState = React4.useCallback(({ isHovered: isHovered2, isPressed: isPressed2, isError: isError2, }) => {
+    }, []);
+    const updateIfNeeded = useCallback((baseVariant2, gestureVariant2, defaultVariant2, nextBaseVariant, isError2 = false, clearError = false) => {
+        const [nextBase, nextGesture,] = resolveNextVariant(nextBaseVariant);
+        if (nextBase === baseVariant2 && nextGesture === gestureVariant2)
+            return;
+        if (clearError)
+            internalState.current.isError = false;
+        internalState.current.baseVariant = nextBase || defaultVariant2;
+        internalState.current.gestureVariant = nextGesture;
+        runUpdateIfPageIsVisible(() => update(wrapUpdatesInTransitions || isError2));
+    }, [resolveNextVariant, runUpdateIfPageIsVisible, wrapUpdatesInTransitions, update,]);
+    const setGestureState = useCallback(({ isHovered: isHovered2, isPressed: isPressed2, isError: isError2, }) => {
         if (isHovered2 !== void 0)
             internalState.current.isHovered = isHovered2;
         if (isPressed2 !== void 0)
@@ -545614,47 +545701,20 @@ function useVariantState({ variant, defaultVariant: externalDefaultVariant, tran
         if (isError2 !== void 0)
             internalState.current.isError = isError2;
         const { baseVariant: baseVariant2, gestureVariant: gestureVariant2, defaultVariant: defaultVariant2, } = internalState.current;
-        const [nextBase, nextGesture,] = resolveNextVariant(baseVariant2);
-        if (nextBase !== baseVariant2 || nextGesture !== gestureVariant2) {
-            internalState.current.baseVariant = nextBase || defaultVariant2;
-            internalState.current.gestureVariant = nextGesture;
-            if (isError2 || wrapUpdatesInTransitions) {
-                React4.startTransition(() => {
-                    forceUpdate();
-                });
-            }
-            else {
-                forceUpdate();
-            }
-        }
-    }, [resolveNextVariant, forceUpdate, wrapUpdatesInTransitions,]);
-    const setVariant = React4.useCallback((proposedVariant) => {
+        updateIfNeeded(baseVariant2, gestureVariant2, defaultVariant2, baseVariant2, isError2);
+    }, [updateIfNeeded,]);
+    const setVariant = useCallback((proposedVariant) => {
         const { defaultVariant: defaultVariant2, cycleOrder, baseVariant: baseVariant2, gestureVariant: gestureVariant2, } = internalState.current;
         const nextBaseVariant = proposedVariant === CycleVariantState
             ? nextVariant(cycleOrder || [], baseVariant2 || defaultVariant2)
             : proposedVariant;
-        const [nextBase, nextGesture,] = resolveNextVariant(nextBaseVariant);
-        if (nextBase !== baseVariant2 || nextGesture !== gestureVariant2) {
-            internalState.current.isError = false;
-            internalState.current.baseVariant = nextBase || defaultVariant2;
-            internalState.current.gestureVariant = nextGesture;
-            if (wrapUpdatesInTransitions) {
-                React4.startTransition(() => {
-                    forceUpdate();
-                });
-            }
-            else {
-                forceUpdate();
-            }
-        }
-    }, [resolveNextVariant, wrapUpdatesInTransitions, forceUpdate,]);
-    const clearLoadingGesture = React4.useCallback(() => {
+        updateIfNeeded(baseVariant2, gestureVariant2, defaultVariant2, nextBaseVariant, false, true);
+    }, [updateIfNeeded,]);
+    const clearLoadingGesture = useCallback(() => {
         const { baseVariant: baseVariant2, } = internalState.current;
         internalState.current.loadedBaseVariant[baseVariant2] = true;
-        React4.startTransition(() => {
-            forceUpdate();
-        });
-    }, [forceUpdate,]);
+        runUpdateIfPageIsVisible(() => update(true));
+    }, [runUpdateIfPageIsVisible, update,]);
     if (variant !== internalState.current.lastVariant) {
         const [nextBase, nextGesture,] = resolveNextVariant(variant);
         internalState.current.lastVariant = nextBase;
@@ -545665,7 +545725,7 @@ function useVariantState({ variant, defaultVariant: externalDefaultVariant, tran
     }
     const { baseVariant, gestureVariant, defaultVariant, enabledGestures, isHovered, isPressed, isError, loadedBaseVariant, } = internalState.current;
     const addVariantProps = useAddVariantProps(internalState.current.baseVariant, internalState.current.gestureVariant, variantProps2);
-    return React4.useMemo(() => {
+    return useMemo(() => {
         var _a;
         const variants = [];
         if (baseVariant !== defaultVariant)
@@ -545725,6 +545785,14 @@ function useVariantState({ variant, defaultVariant: externalDefaultVariant, tran
         variantClassNames,
     ]);
 }
+var reUnsafeCharacters = /[}{<>&;]/u;
+function safeCSSValue(value) {
+    if (!isString(value))
+        return 'none';
+    if (reUnsafeCharacters.test(value))
+        return 'none';
+    return value;
+}
 function withCodeBoundaryForOverrides(Component18, { scopeId, nodeId, override, inComponentSlot, }) {
     if (!shouldEnableCodeBoundaries()) {
         return override(Component18);
@@ -547817,13 +547885,6 @@ var FontStore = class {
     }
 };
 var fontStore = /* @__PURE__ */ new FontStore();
-Promise.allSettled = Promise.allSettled || ((promises) => Promise.all(promises.map((p) => p.then((v) => ({
-    status: 'fulfilled',
-    value: v,
-})).catch((e) => ({
-    status: 'rejected',
-    reason: e,
-})))));
 function CustomProperties({ children, customProperties, }) {
     return /* @__PURE__ */ jsx('div', {
         style: customProperties,
@@ -549143,10 +549204,8 @@ function getInitialEffectStyle(canPlay, canAnimate2, effect) {
 }
 function useTextEffect(config, ref, preview) {
     const elements = useConstant2(() => /* @__PURE__ */ new Set());
-    const isOnCanvas = useIsOnFramerCanvas();
-    const isOnExport = RenderTarget.current() === RenderTarget.export;
-    const isOnCanvasOrExport = isOnCanvas || isOnExport;
-    const canPlay = preview || !isOnCanvasOrExport;
+    const isRenderingStaticContent = useIsStaticRenderer();
+    const canPlay = preview || !isRenderingStaticContent;
     const state2 = React2.useRef({
         hasMounted: false,
         hasAnimatedOnce: false,
@@ -549394,7 +549453,10 @@ function createLineGroups(elements) {
     return groups2;
 }
 var FitText = /* @__PURE__ */ forwardRef(({ viewBoxScale, viewBox, children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(motion.svg, {
+    return (
+    // biome-ignore lint/a11y/noSvgWithoutTitle: FIXME: FitText might be inaccessible to screen readers because it’s wrapped in an svg
+    /* @__PURE__ */
+    jsx(motion.svg, {
         ref,
         ...props,
         viewBox,
@@ -549409,7 +549471,7 @@ var FitText = /* @__PURE__ */ forwardRef(({ viewBoxScale, viewBox, children, ...
             },
             children,
         }),
-    });
+    }));
 });
 var RichTextContainer = /* @__PURE__ */ forwardRef((props, ref) => {
     const { __fromCanvasComponent = false, _forwardedOverrideId, _forwardedOverrides, _usesDOMRect, anchorLinkOffsetY, as: _as, bottom, center, children, environment: environment2 = RenderTarget.current, fonts = [], height, isEditable = false, left, name, opacity, positionSticky, positionStickyBottom, positionStickyLeft, positionStickyRight, positionStickyTop, right, rotation = 0, style, _initialStyle, stylesPresetsClassNames, text: plainText, top, verticalAlignment = 'top', visible = true, width, willChangeTransform, withExternalLayout = false, viewBox, viewBoxScale = 1, effect, ...rest } = props;
@@ -549497,7 +549559,7 @@ var RichTextContainer = /* @__PURE__ */ forwardRef((props, ref) => {
                 style: containerStyle,
                 layoutId,
                 transformTemplate: template,
-                'data-framer-name': name,
+                'data-framer-name': rest['data-framer-name'] ?? name,
                 'data-framer-component-type': 'RichTextContainer',
                 children: /* @__PURE__ */ jsx(FitText, {
                     viewBox,
@@ -549519,7 +549581,7 @@ var RichTextContainer = /* @__PURE__ */ forwardRef((props, ref) => {
                 viewBox,
                 viewBoxScale,
                 transformTemplate: template,
-                'data-framer-name': name,
+                'data-framer-name': rest['data-framer-name'] ?? name,
                 'data-framer-component-type': 'RichTextContainer',
                 children: processedChildren,
             });
@@ -549531,7 +549593,7 @@ var RichTextContainer = /* @__PURE__ */ forwardRef((props, ref) => {
         style: containerStyle,
         layoutId,
         transformTemplate: template,
-        'data-framer-name': name,
+        'data-framer-name': rest['data-framer-name'] ?? name,
         'data-framer-component-type': 'RichTextContainer',
         children: processedChildren,
     });
@@ -549765,7 +549827,7 @@ function imagePatternPropsForFill(fill, frame2, id3, includeTransform) {
         const validScaleX = realWidth / frame2.width;
         const validScaleY = realHeight / frame2.height;
         if (fit === 'tile') {
-            fill.backgroundSize ?? (fill.backgroundSize = 1);
+            fill.backgroundSize ??= 1;
             width = Math.round(fill.backgroundSize * (imageWidth / 2));
             height = Math.round(fill.backgroundSize * (imageHeight / 2));
             const layerPositionX = frame2.x ?? 0;
@@ -549938,7 +550000,7 @@ var supportsNativeParseHTML = /* @__PURE__ */ (() =>
 function domParser(html, type) {
     if (supportsNativeParseHTML && !type)
         return Document.parseHTMLUnsafe(html);
-    parser ?? (parser = new DOMParser());
+    parser ??= new DOMParser();
     return parser.parseFromString(html, type ?? 'text/html');
 }
 var useDOM = /* @__PURE__ */ isBrowser2();
@@ -550626,7 +550688,7 @@ var TextComponent = /* @__PURE__ */ (() => {
                 }
                 const dataProps = {
                     'data-framer-component-type': 'Text',
-                    'data-framer-name': name,
+                    'data-framer-name': rest['data-framer-name'] ?? name,
                 };
                 if (autoSize) {
                     asRecord(dataProps)['data-framer-component-text-autosized'] = 'true';
@@ -551933,7 +551995,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, SmartComponentScopedContainer, 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, useLoadMorePagination, 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, withCodeBoundaryForOverrides, 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, GracefullyDegradingErrorBoundary, 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, safeCSSValue, Scroll, scroll, scrollInfo, setGlobalRenderEnvironment, setInitialHydrationState, Shadow, sharedSVGManager, shouldOpenLinkInNewTab, Size, SmartComponentScopedContainer, 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, useLoadMorePagination, 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, useSiteRefs, useSpring, useTime, useTransform, useUnmountEffect, useVariantState, useVelocity, useViewportScroll, useWillChange, ValueInterpolation, valueToDimensionType, VariantSelector, Vector, VectorGroup, version, VisualElement, visualElementStore, warning, WindowContext, withCodeBoundaryForOverrides, 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