unframer 2.22.0 → 2.23.0

package/esm/framer.js

@@ -9693,7 +9693,7 @@ function steps(numSteps, direction = 'end') {
         return clamp(0, 1, rounded / numSteps);
     };
 }
-// /:https://app.framerstatic.com/framer.WEKEHMWW.mjs
+// /:https://app.framerstatic.com/framer.H2TWMMQC.mjs
 import React4 from 'react';
 import { Suspense as Suspense3, } from 'react';
 import { memo as memo2, startTransition as startTransition2, } from 'react';
@@ -12799,7 +12799,7 @@ var MarkSuspenseEffects = {
 function renderPage(Page4, defaultPageStyle) {
     const props = {
         style: defaultPageStyle,
-        'data-framer-root': true,
+        'data-framer-root': '',
     };
     return React4.isValidElement(Page4) ? React4.cloneElement(Page4, props) : React4.createElement(Page4, props);
 }
@@ -20324,10 +20324,14 @@ function supportsThemes(presetId, skin) {
     }
     return false;
 }
-function useIsStaticRenderer() {
+function isStaticRenderer() {
     const currentTarget = RenderTarget.current();
     return currentTarget === RenderTarget.canvas || currentTarget === RenderTarget.export;
 }
+function useIsStaticRenderer() {
+    const [isStatic,] = useState(() => isStaticRenderer());
+    return isStatic;
+}
 var asRecord = (object) => object;
 function memoize(fn) {
     const cache2 = Object.create(Object.prototype);
@@ -21764,7 +21768,7 @@ function useStyleAndRect(props) {
             ...defaultStyle,
         };
     }
-    const isRenderingStaticContent = useIsStaticRenderer();
+    const isRenderingStaticContent = isStaticRenderer();
     if (props.positionSticky) {
         if (!isRenderingStaticContent || inCodeComponent) {
             resultStyle.position = 'sticky';
@@ -22199,7 +22203,7 @@ function useRefEffect(ref, effect, deps) {
     useMemo(() => {
         if (depsChangedRef.current !== void 0)
             depsChangedRef.current = true;
-    }, [deps,]);
+    }, deps ?? [{},]);
     if (!ref)
         return;
     const depsChanged = depsChangedRef.current;
@@ -29464,7 +29468,7 @@ var withFX = (Component18) => React4.forwardRef((props, forwardedRef) => {
             ref: forwardedRef,
         });
     }
-    const isRenderingStaticContent = useIsStaticRenderer();
+    const isRenderingStaticContent = isStaticRenderer();
     if (isRenderingStaticContent) {
         const animate4 = isVariantOrVariantList(props.animate) ? props.animate : void 0;
         const initial2 = isVariantOrVariantList(props.initial) ? props.initial : void 0;
@@ -30054,26 +30058,36 @@ var CustomCursorContext = /* @__PURE__ */ createContext({
 });
 var replaceCursorClassName = 'framer-cursor-none';
 var cursorComponentClassName = 'framer-pointer-events-none';
+function getActiveDefinitions(map2, previousDefinitions, newDefinitions) {
+    const allCursors = {};
+    for (const [, hashes,] of map2) {
+        for (const hash2 of hashes) {
+            const value = allCursors[hash2] ?? previousDefinitions[hash2] ?? newDefinitions[hash2];
+            if (value)
+                allCursors[hash2] = value;
+        }
+    }
+    return allCursors;
+}
 var CustomCursorContextProvider = /* @__PURE__ */ memo2(function CustomCursorList({ children, }) {
     const value = useConstant2(() => {
         const events = /* @__PURE__ */ new Set();
         let allCursors = {};
+        const byCaller = /* @__PURE__ */ new Map();
         return {
             onRegisterCursors: (callback) => {
                 callback(allCursors);
                 events.add(callback);
                 return () => events.delete(callback);
             },
-            registerCursors: (cursors) => {
-                const nextCursors = {};
-                for (const key7 in cursors) {
-                    const cursor = allCursors[key7] ?? cursors[key7];
-                    if (cursor)
-                        nextCursors[key7] = cursor;
-                }
-                allCursors = nextCursors;
+            registerCursors: (cursors, id3) => {
+                byCaller.set(id3, Object.keys(cursors));
+                allCursors = getActiveDefinitions(byCaller, allCursors, cursors);
                 for (const callback of events)
                     callback(allCursors);
+                return () => {
+                    byCaller.delete(id3);
+                };
             },
         };
     });
@@ -30321,9 +30335,10 @@ var CustomCursorComponent = /* @__PURE__ */ memo2(function CustomCursorComponent
 function useCustomCursors(webPageCursors) {
     const { registerCursors, } = useContext(CustomCursorContext);
     const cursors = useConstant2(() => webPageCursors);
+    const id3 = useId();
     useLayoutEffect(() => {
-        registerCursors(cursors);
-    }, [registerCursors,]);
+        return registerCursors(cursors, id3);
+    }, [registerCursors, id3,]);
 }
 var Polygon = {
     /**
@@ -31295,6 +31310,99 @@ function getObserveRouteForPreloadingFn() {
 var observeRouteForPreloading = 
 // this also guards `window`
 !shouldPreloadBasedOnUA || typeof IntersectionObserver === 'undefined' ? null : /* @__PURE__ */ getObserveRouteForPreloadingFn();
+var isPressing = /* @__PURE__ */ new WeakSet();
+function filterEvents(callback) {
+    return (event) => {
+        if (event.key !== 'Enter')
+            return;
+        callback(event);
+    };
+}
+function firePointerEvent(target, type) {
+    target.dispatchEvent(new PointerEvent('pointer' + type, {
+        isPrimary: true,
+        bubbles: true,
+    }));
+}
+var enableKeyboardPress = (focusEvent, eventOptions) => {
+    const element = focusEvent.currentTarget;
+    if (!element)
+        return;
+    const handleKeydown = filterEvents(() => {
+        if (isPressing.has(element))
+            return;
+        firePointerEvent(element, 'down');
+        const handleKeyup = filterEvents(() => {
+            firePointerEvent(element, 'up');
+        });
+        const handleBlur = () => firePointerEvent(element, 'cancel');
+        element.addEventListener('keyup', handleKeyup, eventOptions);
+        element.addEventListener('blur', handleBlur, eventOptions);
+    });
+    element.addEventListener('keydown', handleKeydown, eventOptions);
+    element.addEventListener('blur', () => element.removeEventListener('keydown', handleKeydown), eventOptions);
+};
+function isPointerEvent(event) {
+    return 'pointerId' in event;
+}
+var isPrimaryPointer2 = (event) => {
+    if (event.pointerType === 'mouse') {
+        return typeof event.button !== 'number' || event.button <= 0;
+    }
+    else {
+        return event.isPrimary !== false;
+    }
+};
+function isValidPressEvent(event) {
+    return isPointerEvent(event) && isPrimaryPointer2(event);
+}
+var isNodeOrChild2 = (parent, child) => {
+    if (!child) {
+        return false;
+    }
+    else if (parent === child) {
+        return true;
+    }
+    else {
+        return isNodeOrChild2(parent, child.parentElement);
+    }
+};
+function press(element, onPressEnd) {
+    const gestureAbortController = new AbortController();
+    const cancel = () => gestureAbortController.abort();
+    const eventOptions = {
+        passive: true,
+        signal: gestureAbortController.signal,
+    };
+    const startPress = (startEvent) => {
+        const target = startEvent.currentTarget;
+        if (!isValidPressEvent(startEvent) || isPressing.has(target))
+            return;
+        isPressing.add(target);
+        const onPointerEnd = (endEvent, success) => {
+            window.removeEventListener('pointerup', onPointerUp);
+            window.removeEventListener('pointercancel', onPointerCancel);
+            if (!isValidPressEvent(endEvent) || !isPressing.has(target)) {
+                return;
+            }
+            isPressing.delete(target);
+            if (success && typeof onPressEnd === 'function') {
+                onPressEnd(endEvent);
+            }
+        };
+        const onPointerUp = (upEvent) => {
+            onPointerEnd(upEvent, isNodeOrChild2(target, upEvent.target));
+        };
+        const onPointerCancel = (cancelEvent) => {
+            onPointerEnd(cancelEvent, false);
+        };
+        window.addEventListener('pointerup', onPointerUp, eventOptions);
+        window.addEventListener('pointercancel', onPointerCancel, eventOptions);
+    };
+    element.addEventListener('pointerdown', startPress, eventOptions);
+    element.addEventListener('focus', (event) => enableKeyboardPress(event, eventOptions), eventOptions);
+    return cancel;
+}
 var noLocale = Symbol('noLocale');
 var resolveSlugCache = /* @__PURE__ */ new Map();
 function resolveSlug(unresolvedSlug, utilsByCollectionId, activeLocale) {
@@ -31686,14 +31794,37 @@ var Link = /* @__PURE__ */ withChildrenCanSuspend(/* @__PURE__ */ forwardRef(fun
             return;
         return observerCallback(node);
     }, [observerCallback,]);
-    const { navigate: _, ...linkProps } = props;
+    const { navigate: _, onClick, ...linkProps } = props;
+    const shouldReplaceClickWithPress = Boolean(isIOS() && onClick);
+    useRefEffect(observerRef, (node) => {
+        if (!shouldReplaceClickWithPress)
+            return;
+        if (node === null)
+            return;
+        const cancel = press(node, onClick);
+        return () => {
+            if (!observerRef.current)
+                cancel();
+        };
+    }, [shouldReplaceClickWithPress, onClick,]);
+    const onClickProp = onClick
+        ? {
+            // If we've replaced the click handler with press, make onClick noop so we don't try to
+            // respond to the pointer event twice.
+            onClick: shouldReplaceClickWithPress ? noopOnClick : onClick,
+        }
+        : {};
     const el = clone.cloneAsArray(children, {
         ...restProps,
         ...linkProps,
+        ...onClickProp,
         ref: observerRef,
     });
     return getChildren(el);
 }));
+function noopOnClick(event) {
+    event.preventDefault();
+}
 var ParentLinkContext = /* @__PURE__ */ createContext(void 0);
 function useReplaceNestedLinks(nodeId, href, propsAddedByLink) {
     const parentLink = useContext(ParentLinkContext);
@@ -32398,23 +32529,26 @@ function Router({ defaultPageStyle, disableHistory, initialPathVariables, initia
             value: localeInfo,
             children: /* @__PURE__ */ jsxs(SuspenseThatPreservesDom, {
                 children: [
-                    /* @__PURE__ */ jsx(NotFoundErrorBoundary, {
+                    /* @__PURE__ */ jsxs(NotFoundErrorBoundary, {
                         notFoundPage,
                         defaultPageStyle,
                         forceUpdateKey: dep,
-                        children: /* @__PURE__ */ jsx(WithLayoutTemplate, {
-                            LayoutTemplate,
-                            routeId: currentRouteId,
-                            children: (inLayoutTemplate) => {
-                                return /* @__PURE__ */ jsxs(Fragment, {
-                                    children: [
-                                        /* @__PURE__ */ jsx(MarkSuspenseEffects.Start, {}),
-                                        pageExistsInCurrentLocale ? renderPage(current.page, inLayoutTemplate ? templatePageStyle : defaultPageStyle) : // LAYOUT_TEMPLATE @TODO: display: content for not found page?
-                                            notFoundPage && renderPage(notFoundPage, defaultPageStyle),
-                                    ],
-                                }, remountKey);
-                            },
-                        }),
+                        children: [
+                            /* @__PURE__ */ jsx(MarkSuspenseEffects.Start, {}),
+                            /* @__PURE__ */ jsx(WithLayoutTemplate, {
+                                LayoutTemplate,
+                                routeId: currentRouteId,
+                                style: defaultPageStyle,
+                                children: (inLayoutTemplate) => {
+                                    return /* @__PURE__ */ jsx(Fragment, {
+                                        children: pageExistsInCurrentLocale
+                                            ? renderPage(current.page, inLayoutTemplate ? templatePageStyle : defaultPageStyle)
+                                            : // LAYOUT_TEMPLATE @TODO: display: content for not found page?
+                                                notFoundPage && renderPage(notFoundPage, defaultPageStyle),
+                                    }, remountKey);
+                                },
+                            }),
+                        ],
                     }),
                     /* @__PURE__ */ jsx(TurnOnReactEventHandling, {}),
                     /* @__PURE__ */ jsx(MarkSuspenseEffects.End, {}),
@@ -32424,11 +32558,12 @@ function Router({ defaultPageStyle, disableHistory, initialPathVariables, initia
         }),
     });
 }
-function WithLayoutTemplate({ LayoutTemplate, routeId, children, }) {
+function WithLayoutTemplate({ LayoutTemplate, routeId, style, children, }) {
     if (!LayoutTemplate)
         return children(false);
     return /* @__PURE__ */ jsx(LayoutTemplate, {
         routeId,
+        style,
         children,
     });
 }
@@ -33382,6 +33517,22 @@ var CompatibilityDatabaseCollection = class {
         return Number(left.pointer) - Number(right.pointer);
     }
 };
+function compareArray(left, right, collation11) {
+    const leftLength = left.value.length;
+    const rightLength = right.value.length;
+    if (leftLength < rightLength)
+        return -1;
+    if (leftLength > rightLength)
+        return 1;
+    for (let i = 0; i < leftLength; i++) {
+        const leftItem = left.value[i];
+        const rightItem = right.value[i];
+        const result = compare(leftItem, rightItem, collation11);
+        if (result !== 0)
+            return result;
+    }
+    return 0;
+}
 function castArray(value, definition) {
     switch (value == null ? void 0 : value.type) {
         case 'array': {
@@ -33396,6 +33547,13 @@ function castArray(value, definition) {
     }
     return null;
 }
+function compareBoolean(left, right) {
+    if (left.value < right.value)
+        return -1;
+    if (left.value > right.value)
+        return 1;
+    return 0;
+}
 function castBoolean(value) {
     switch (value == null ? void 0 : value.type) {
         case 'boolean': {
@@ -33411,10 +33569,17 @@ function castBoolean(value) {
     }
     return null;
 }
-function toBoolean(value) {
+function valueToBoolean(value) {
     const cast = castBoolean(value);
     return (cast == null ? void 0 : cast.value) ?? false;
 }
+function compareColor(left, right) {
+    if (left.value < right.value)
+        return -1;
+    if (left.value > right.value)
+        return 1;
+    return 0;
+}
 function castColor(value) {
     switch (value == null ? void 0 : value.type) {
         case 'color': {
@@ -33423,6 +33588,15 @@ function castColor(value) {
     }
     return null;
 }
+function compareDate(left, right) {
+    const leftDate = new Date(left.value);
+    const rightDate = new Date(right.value);
+    if (leftDate < rightDate)
+        return -1;
+    if (leftDate > rightDate)
+        return 1;
+    return 0;
+}
 function castDate(value) {
     switch (value == null ? void 0 : value.type) {
         case 'date': {
@@ -33442,6 +33616,13 @@ function castDate(value) {
     }
     return null;
 }
+function compareEnum(left, right) {
+    if (left.value < right.value)
+        return -1;
+    if (left.value > right.value)
+        return 1;
+    return 0;
+}
 function castEnum(value) {
     switch (value == null ? void 0 : value.type) {
         case 'enum': {
@@ -33456,6 +33637,13 @@ function castEnum(value) {
     }
     return null;
 }
+function compareFile(left, right) {
+    if (left.value < right.value)
+        return -1;
+    if (left.value > right.value)
+        return 1;
+    return 0;
+}
 function castFile(value) {
     switch (value == null ? void 0 : value.type) {
         case 'file': {
@@ -33464,6 +33652,15 @@ function castFile(value) {
     }
     return null;
 }
+function compareLink(left, right) {
+    const leftEncoded = JSON.stringify(left.value);
+    const rightEncoded = JSON.stringify(right.value);
+    if (leftEncoded < rightEncoded)
+        return -1;
+    if (leftEncoded > rightEncoded)
+        return 1;
+    return 0;
+}
 function castLink(value) {
     switch (value == null ? void 0 : value.type) {
         case 'link': {
@@ -33487,6 +33684,13 @@ function castLink(value) {
     }
     return null;
 }
+function compareNumber(left, right) {
+    if (left.value < right.value)
+        return -1;
+    if (left.value > right.value)
+        return 1;
+    return 0;
+}
 function castNumber(value) {
     switch (value == null ? void 0 : value.type) {
         case 'number':
@@ -33503,10 +33707,32 @@ function castNumber(value) {
     }
     return null;
 }
-function toNumber2(value) {
+function valueToNumber(value) {
     const cast = castNumber(value);
     return (cast == null ? void 0 : cast.value) ?? null;
 }
+function compareObject(left, right, collation11) {
+    const leftKeys = Object.keys(left.value).sort();
+    const rightKeys = Object.keys(right.value).sort();
+    if (leftKeys.length < rightKeys.length)
+        return -1;
+    if (leftKeys.length > rightKeys.length)
+        return 1;
+    for (let i = 0; i < leftKeys.length; i++) {
+        const leftKey = leftKeys[i];
+        const rightKey = rightKeys[i];
+        if (leftKey < rightKey)
+            return -1;
+        if (leftKey > rightKey)
+            return 1;
+        const leftValue = left.value[leftKey] ?? null;
+        const rightValue = right.value[rightKey] ?? null;
+        const result = compare(leftValue, rightValue, collation11);
+        if (result !== 0)
+            return result;
+    }
+    return 0;
+}
 function castObject(value, definition) {
     switch (value == null ? void 0 : value.type) {
         case 'object': {
@@ -33524,6 +33750,15 @@ function castObject(value, definition) {
     }
     return null;
 }
+function compareResponsiveImage(left, right) {
+    const leftEncoded = JSON.stringify(left.value);
+    const rightEncoded = JSON.stringify(right.value);
+    if (leftEncoded < rightEncoded)
+        return -1;
+    if (leftEncoded > rightEncoded)
+        return 1;
+    return 0;
+}
 function castResponsiveImage(value) {
     switch (value == null ? void 0 : value.type) {
         case 'responsiveimage': {
@@ -33532,6 +33767,15 @@ function castResponsiveImage(value) {
     }
     return null;
 }
+function compareRichText(left, right) {
+    const leftValue = left.value;
+    const rightValue = right.value;
+    if (leftValue < rightValue)
+        return -1;
+    if (leftValue > rightValue)
+        return 1;
+    return 0;
+}
 function castRichText(value) {
     switch (value == null ? void 0 : value.type) {
         case 'richtext': {
@@ -33540,6 +33784,19 @@ function castRichText(value) {
     }
     return null;
 }
+function compareString(left, right, collation11) {
+    let leftValue = left.value;
+    let rightValue = right.value;
+    if (collation11.type === 0) {
+        leftValue = left.value.toLowerCase();
+        rightValue = right.value.toLowerCase();
+    }
+    if (leftValue < rightValue)
+        return -1;
+    if (leftValue > rightValue)
+        return 1;
+    return 0;
+}
 function castString(value) {
     switch (value == null ? void 0 : value.type) {
         case 'string': {
@@ -33554,7 +33811,7 @@ function castString(value) {
     }
     return null;
 }
-function toString(value) {
+function valueToString(value) {
     const cast = castString(value);
     return (cast == null ? void 0 : cast.value) ?? null;
 }
@@ -33704,8 +33961,8 @@ var DatabaseValue = {
         });
     },
     contains(source, target, collation11) {
-        let sourceValue = toString(source);
-        let targetValue = toString(target);
+        let sourceValue = valueToString(source);
+        let targetValue = valueToString(target);
         if (isNull(sourceValue))
             return false;
         if (isNull(targetValue))
@@ -33717,8 +33974,8 @@ var DatabaseValue = {
         return sourceValue.includes(targetValue);
     },
     startsWith(source, target, collation11) {
-        let sourceValue = toString(source);
-        let targetValue = toString(target);
+        let sourceValue = valueToString(source);
+        let targetValue = valueToString(target);
         if (isNull(sourceValue))
             return false;
         if (isNull(targetValue))
@@ -33730,8 +33987,8 @@ var DatabaseValue = {
         return sourceValue.startsWith(targetValue);
     },
     endsWith(source, target, collation11) {
-        let sourceValue = toString(source);
-        let targetValue = toString(target);
+        let sourceValue = valueToString(source);
+        let targetValue = valueToString(target);
         if (isNull(sourceValue))
             return false;
         if (isNull(targetValue))
@@ -33790,143 +34047,51 @@ function compare(left, right, collation11) {
     switch (left.type) {
         case 'array': {
             assert(left.type === right.type);
-            const leftLength = left.value.length;
-            const rightLength = right.value.length;
-            if (leftLength < rightLength)
-                return -1;
-            if (leftLength > rightLength)
-                return 1;
-            for (let i = 0; i < leftLength; i++) {
-                const leftItem = left.value[i];
-                const rightItem = right.value[i];
-                assert(!isUndefined(leftItem), 'Left item must exist');
-                assert(!isUndefined(rightItem), 'Right item must exist');
-                const result = compare(leftItem, rightItem, collation11);
-                if (result !== 0)
-                    return result;
-            }
-            return 0;
+            return compareArray(left, right, collation11);
         }
         case 'boolean': {
             assert(left.type === right.type);
-            if (left.value < right.value)
-                return -1;
-            if (left.value > right.value)
-                return 1;
-            return 0;
+            return compareBoolean(left, right);
         }
         case 'color': {
             assert(left.type === right.type);
-            if (left.value < right.value)
-                return -1;
-            if (left.value > right.value)
-                return 1;
-            return 0;
+            return compareColor(left, right);
         }
         case 'date': {
             assert(left.type === right.type);
-            const leftDate = new Date(left.value);
-            const rightDate = new Date(right.value);
-            if (leftDate < rightDate)
-                return -1;
-            if (leftDate > rightDate)
-                return 1;
-            return 0;
+            return compareDate(left, right);
         }
         case 'enum': {
             assert(left.type === right.type);
-            if (left.value < right.value)
-                return -1;
-            if (left.value > right.value)
-                return 1;
-            return 0;
+            return compareEnum(left, right);
         }
         case 'file': {
             assert(left.type === right.type);
-            if (left.value < right.value)
-                return -1;
-            if (left.value > right.value)
-                return 1;
-            return 0;
+            return compareFile(left, right);
         }
         case 'link': {
             assert(left.type === right.type);
-            const leftEncoded = JSON.stringify(left.value);
-            const rightEncoded = JSON.stringify(right.value);
-            if (leftEncoded < rightEncoded)
-                return -1;
-            if (leftEncoded > rightEncoded)
-                return 1;
-            return 0;
+            return compareLink(left, right);
         }
         case 'number': {
             assert(left.type === right.type);
-            if (left.value < right.value)
-                return -1;
-            if (left.value > right.value)
-                return 1;
-            return 0;
+            return compareNumber(left, right);
         }
         case 'object': {
             assert(left.type === right.type);
-            const leftKeys = Object.keys(left.value).sort();
-            const rightKeys = Object.keys(right.value).sort();
-            if (leftKeys.length < rightKeys.length)
-                return -1;
-            if (leftKeys.length > rightKeys.length)
-                return 1;
-            for (let i = 0; i < leftKeys.length; i++) {
-                const leftKey = leftKeys[i];
-                const rightKey = rightKeys[i];
-                assert(!isUndefined(leftKey), 'Left key must exist');
-                assert(!isUndefined(rightKey), 'Left key must exist');
-                if (leftKey < rightKey)
-                    return -1;
-                if (leftKey > rightKey)
-                    return 1;
-                const leftValue = left.value[leftKey];
-                const rightValue = right.value[rightKey];
-                assert(!isUndefined(leftValue), 'Left value must exist');
-                assert(!isUndefined(rightValue), 'Right value must exist');
-                const result = compare(leftValue, rightValue, collation11);
-                if (result !== 0)
-                    return result;
-            }
-            return 0;
+            return compareObject(left, right, collation11);
         }
         case 'responsiveimage': {
             assert(left.type === right.type);
-            const leftEncoded = JSON.stringify(left.value);
-            const rightEncoded = JSON.stringify(right.value);
-            if (leftEncoded < rightEncoded)
-                return -1;
-            if (leftEncoded > rightEncoded)
-                return 1;
-            return 0;
+            return compareResponsiveImage(left, right);
         }
         case 'richtext': {
             assert(left.type === right.type);
-            const leftValue = left.value;
-            const rightValue = right.value;
-            if (leftValue < rightValue)
-                return -1;
-            if (leftValue > rightValue)
-                return 1;
-            return 0;
+            return compareRichText(left, right);
         }
         case 'string': {
             assert(left.type === right.type);
-            let leftValue = left.value;
-            let rightValue = right.value;
-            if (collation11.type === 0) {
-                leftValue = left.value.toLowerCase();
-                rightValue = right.value.toLowerCase();
-            }
-            if (leftValue < rightValue)
-                return -1;
-            if (leftValue > rightValue)
-                return 1;
-            return 0;
+            return compareString(left, right, collation11);
         }
         default: {
             assertNever(left);
@@ -34637,7 +34802,8 @@ var RelationalProject = class extends RelationalNode {
         this.input = input;
         this.projections = projections;
         this.passthrough = passthrough;
-        __publicField(this, 'inputGroup', this.input.getGroup());
+        __publicField(this, 'inputGroup');
+        this.inputGroup = input.getGroup();
     }
     getHash() {
         return calculateHash('RelationalProject', this.inputGroup.id, ...this.projections, this.passthrough);
@@ -34790,19 +34956,6 @@ var ScalarCase = class extends ScalarNode {
     getHash() {
         return calculateHash('ScalarCase', this.input, ...this.conditions, this.otherwise);
     }
-    toString() {
-        let result = 'CASE';
-        if (this.input) {
-            result = `${result} ${this.input}`;
-        }
-        for (const { when, then, } of this.conditions) {
-            result = `${result} WHEN ${when} THEN ${then}`;
-        }
-        if (this.otherwise) {
-            result = `${result} ELSE ${this.otherwise}`;
-        }
-        return `${result} END`;
-    }
     optimize(optimizer) {
         var _a, _b;
         (_a = this.input) == null ? void 0 : _a.optimize(optimizer);
@@ -34830,6 +34983,7 @@ var ScalarCase = class extends ScalarNode {
             input: ((_a = this.input) == null ? void 0 : _a.evaluate(context, tuple)) ?? null,
             conditions: evaluateArray(this.conditions.map((condition) => evaluateObject({
                 when: condition.when.evaluate(context, tuple),
+                // biome-ignore lint/suspicious/noThenProperty: Existing name.
                 then: condition.then.evaluate(context, tuple),
             }))),
             otherwise: ((_b = this.otherwise) == null ? void 0 : _b.evaluate(context, tuple)) ?? null,
@@ -34843,7 +34997,7 @@ var ScalarCase = class extends ScalarNode {
         }
         else {
             for (const { when, then, } of conditions) {
-                if (toBoolean(when)) {
+                if (valueToBoolean(when)) {
                     return then;
                 }
             }
@@ -35289,7 +35443,8 @@ var RelationalFilter = class extends RelationalNode {
         super(input.isSynchronous && predicate.isSynchronous);
         this.input = input;
         this.predicate = predicate;
-        __publicField(this, 'inputGroup', this.input.getGroup());
+        __publicField(this, 'inputGroup');
+        this.inputGroup = input.getGroup();
     }
     getHash() {
         return calculateHash('RelationalFilter', this.inputGroup.id, this.predicate);
@@ -35327,7 +35482,7 @@ var RelationalFilter = class extends RelationalNode {
         }));
         return input.filter((_, index) => {
             const predicate = predicates[index] ?? null;
-            return toBoolean(predicate);
+            return valueToBoolean(predicate);
         });
     }
 };
@@ -35378,8 +35533,10 @@ var RelationalIntersection = class extends RelationalNode {
         super(left.isSynchronous && right.isSynchronous);
         this.left = left;
         this.right = right;
-        __publicField(this, 'leftGroup', this.left.getGroup());
-        __publicField(this, 'rightGroup', this.right.getGroup());
+        __publicField(this, 'leftGroup');
+        __publicField(this, 'rightGroup');
+        this.leftGroup = left.getGroup();
+        this.rightGroup = right.getGroup();
     }
     getHash() {
         return calculateHash('RelationalIntersection', this.leftGroup.id, this.rightGroup.id);
@@ -35447,9 +35604,6 @@ var ScalarEquals = class extends ScalarNode {
     getHash() {
         return calculateHash('ScalarEquals', this.left, this.right);
     }
-    toString() {
-        return `${this.left} == ${this.right}`;
-    }
     optimize(optimizer) {
         const leftCost = this.left.optimize(optimizer);
         const rightCost = this.right.optimize(optimizer);
@@ -35477,8 +35631,10 @@ var RelationalLeftJoin = class extends RelationalNode {
         this.left = left;
         this.right = right;
         this.constraint = constraint;
-        __publicField(this, 'leftGroup', this.left.getGroup());
-        __publicField(this, 'rightGroup', this.right.getGroup());
+        __publicField(this, 'leftGroup');
+        __publicField(this, 'rightGroup');
+        this.leftGroup = left.getGroup();
+        this.rightGroup = right.getGroup();
     }
     getHash() {
         return calculateHash('RelationalLeftJoin', this.leftGroup.id, this.rightGroup.id, this.constraint);
@@ -35581,7 +35737,7 @@ var RelationalLeftJoin = class extends RelationalNode {
                 tuple.merge(leftTuple);
                 tuple.merge(rightTuple);
                 const value = yield* this.constraint.evaluate(context, tuple);
-                if (toBoolean(value)) {
+                if (valueToBoolean(value)) {
                     result.push(tuple);
                     hasMatch = true;
                 }
@@ -35599,8 +35755,10 @@ var RelationalRightJoin = class extends RelationalNode {
         this.left = left;
         this.right = right;
         this.constraint = constraint;
-        __publicField(this, 'leftGroup', this.left.getGroup());
-        __publicField(this, 'rightGroup', this.right.getGroup());
+        __publicField(this, 'leftGroup');
+        __publicField(this, 'rightGroup');
+        this.leftGroup = left.getGroup();
+        this.rightGroup = right.getGroup();
     }
     getHash() {
         return calculateHash('RelationalRightJoin', this.leftGroup.id, this.rightGroup.id, this.constraint);
@@ -35703,7 +35861,7 @@ var RelationalRightJoin = class extends RelationalNode {
                 tuple.merge(rightTuple);
                 tuple.merge(leftTuple);
                 const value = yield* this.constraint.evaluate(context, tuple);
-                if (toBoolean(value)) {
+                if (valueToBoolean(value)) {
                     result.push(tuple);
                     hasMatch = true;
                 }
@@ -35759,8 +35917,10 @@ var RelationalUnion = class extends RelationalNode {
         super(left.isSynchronous && right.isSynchronous);
         this.left = left;
         this.right = right;
-        __publicField(this, 'leftGroup', this.left.getGroup());
-        __publicField(this, 'rightGroup', this.right.getGroup());
+        __publicField(this, 'leftGroup');
+        __publicField(this, 'rightGroup');
+        this.leftGroup = left.getGroup();
+        this.rightGroup = right.getGroup();
     }
     getHash() {
         return calculateHash('RelationalUnion', this.leftGroup.id, this.rightGroup.id);
@@ -35828,9 +35988,6 @@ var ScalarAnd = class extends ScalarNode {
     getHash() {
         return calculateHash('ScalarAnd', this.left, this.right);
     }
-    toString() {
-        return `${this.left} && ${this.right}`;
-    }
     optimize(optimizer) {
         const leftCost = this.left.optimize(optimizer);
         const rightCost = this.right.optimize(optimizer);
@@ -35848,7 +36005,7 @@ var ScalarAnd = class extends ScalarNode {
         });
         return {
             type: 'boolean',
-            value: toBoolean(left) && toBoolean(right),
+            value: valueToBoolean(left) && valueToBoolean(right),
         };
     }
 };
@@ -35863,16 +36020,13 @@ var ScalarConstant = class extends ScalarNode {
     getHash() {
         return calculateHash('ScalarConstant', this.definition, this.value);
     }
-    toString() {
-        return DatabaseValue.stringify(this.value);
-    }
     optimize() {
         return new Cost(0);
     }
     getOptimized() {
         return this;
     }
-    // eslint-disable-next-line require-yield
+    // biome-ignore lint/correctness/useYield: Required by the super class.
     *evaluate() {
         return this.value;
     }
@@ -35901,9 +36055,6 @@ var ScalarContains = class extends ScalarNode {
     getHash() {
         return calculateHash('ScalarContains', this.source, this.target);
     }
-    toString() {
-        return `CONTAINS(${this.source}, ${this.target})`;
-    }
     optimize(optimizer) {
         const sourceCost = this.source.optimize(optimizer);
         const targetCost = this.target.optimize(optimizer);
@@ -35949,9 +36100,6 @@ var ScalarEndsWith = class extends ScalarNode {
     getHash() {
         return calculateHash('ScalarEndsWith', this.source, this.target);
     }
-    toString() {
-        return `ENDS_WITH(${this.source}, ${this.target})`;
-    }
     optimize(optimizer) {
         const sourceCost = this.source.optimize(optimizer);
         const targetCost = this.target.optimize(optimizer);
@@ -35993,9 +36141,6 @@ var ScalarGreaterThan = class extends ScalarNode {
     getHash() {
         return calculateHash('ScalarGreaterThan', this.left, this.right);
     }
-    toString() {
-        return `${this.left} > ${this.right}`;
-    }
     optimize(optimizer) {
         const leftCost = this.left.optimize(optimizer);
         const rightCost = this.right.optimize(optimizer);
@@ -36037,9 +36182,6 @@ var ScalarGreaterThanOrEqual = class extends ScalarNode {
     getHash() {
         return calculateHash('ScalarGreaterThanOrEqual', this.left, this.right);
     }
-    toString() {
-        return `${this.left} >= ${this.right}`;
-    }
     optimize(optimizer) {
         const leftCost = this.left.optimize(optimizer);
         const rightCost = this.right.optimize(optimizer);
@@ -36081,9 +36223,6 @@ var ScalarLessThan = class extends ScalarNode {
     getHash() {
         return calculateHash('ScalarLessThan', this.left, this.right);
     }
-    toString() {
-        return `${this.left} < ${this.right}`;
-    }
     optimize(optimizer) {
         const leftCost = this.left.optimize(optimizer);
         const rightCost = this.right.optimize(optimizer);
@@ -36125,9 +36264,6 @@ var ScalarLessThanOrEqual = class extends ScalarNode {
     getHash() {
         return calculateHash('ScalarLessThanOrEqual', this.left, this.right);
     }
-    toString() {
-        return `${this.left} <= ${this.right}`;
-    }
     optimize(optimizer) {
         const leftCost = this.left.optimize(optimizer);
         const rightCost = this.right.optimize(optimizer);
@@ -36169,9 +36305,6 @@ var ScalarNotEquals = class extends ScalarNode {
     getHash() {
         return calculateHash('ScalarNotEquals', this.left, this.right);
     }
-    toString() {
-        return `${this.left} != ${this.right}`;
-    }
     optimize(optimizer) {
         const leftCost = this.left.optimize(optimizer);
         const rightCost = this.right.optimize(optimizer);
@@ -36213,9 +36346,6 @@ var ScalarOr = class extends ScalarNode {
     getHash() {
         return calculateHash('ScalarOr', this.left, this.right);
     }
-    toString() {
-        return `${this.left} || ${this.right}`;
-    }
     optimize(optimizer) {
         const leftCost = this.left.optimize(optimizer);
         const rightCost = this.right.optimize(optimizer);
@@ -36233,7 +36363,7 @@ var ScalarOr = class extends ScalarNode {
         });
         return {
             type: 'boolean',
-            value: toBoolean(left) || toBoolean(right),
+            value: valueToBoolean(left) || valueToBoolean(right),
         };
     }
 };
@@ -36261,9 +36391,6 @@ var ScalarStartsWith = class extends ScalarNode {
     getHash() {
         return calculateHash('ScalarStartsWith', this.source, this.target);
     }
-    toString() {
-        return `STARTS_WITH(${this.source}, ${this.target})`;
-    }
     optimize(optimizer) {
         const sourceCost = this.source.optimize(optimizer);
         const targetCost = this.target.optimize(optimizer);
@@ -36288,7 +36415,8 @@ var ScalarStartsWith = class extends ScalarNode {
 var Explorer = class {
     constructor(normalizer) {
         this.normalizer = normalizer;
-        __publicField(this, 'memo', this.normalizer.memo);
+        __publicField(this, 'memo');
+        this.memo = normalizer.memo;
     }
     explore(before) {
         const group = before.getGroup();
@@ -36494,7 +36622,8 @@ var RelationalLimit = class extends RelationalNode {
         this.input = input;
         this.limit = limit;
         this.ordering = ordering;
-        __publicField(this, 'inputGroup', this.input.getGroup());
+        __publicField(this, 'inputGroup');
+        this.inputGroup = input.getGroup();
     }
     getHash() {
         return calculateHash('RelationalLimit', this.inputGroup.id, this.limit);
@@ -36530,7 +36659,7 @@ var RelationalLimit = class extends RelationalNode {
             input: this.input.evaluate(context),
             limit: this.limit.evaluate(context, void 0),
         });
-        const value = toNumber2(limit) ?? Infinity;
+        const value = valueToNumber(limit) ?? Infinity;
         if (value === Infinity)
             return input;
         return input.slice(0, value);
@@ -36542,7 +36671,8 @@ var RelationalOffset = class extends RelationalNode {
         this.input = input;
         this.offset = offset;
         this.ordering = ordering;
-        __publicField(this, 'inputGroup', this.input.getGroup());
+        __publicField(this, 'inputGroup');
+        this.inputGroup = input.getGroup();
     }
     getHash() {
         return calculateHash('RelationalOffset', this.inputGroup.id, this.offset);
@@ -36578,7 +36708,7 @@ var RelationalOffset = class extends RelationalNode {
             input: this.input.evaluate(context),
             offset: this.offset.evaluate(context, void 0),
         });
-        const value = toNumber2(offset) ?? 0;
+        const value = valueToNumber(offset) ?? 0;
         if (value === 0)
             return input;
         return input.slice(value);
@@ -36592,8 +36722,9 @@ var ScalarArray = class extends ScalarNode {
         this.ordering = ordering;
         this.referencedFields = referencedFields;
         this.referencedOuterFields = referencedOuterFields;
-        __publicField(this, 'inputGroup', this.input.getGroup());
+        __publicField(this, 'inputGroup');
         __publicField(this, 'definition');
+        this.inputGroup = input.getGroup();
         const itemDefinitions = {};
         const namedFieldEntries = Object.entries(namedFields);
         for (const [name, field,] of namedFieldEntries) {
@@ -36617,9 +36748,6 @@ var ScalarArray = class extends ScalarNode {
         }
         return calculateHash('ScalarArray', this.inputGroup.id, namedFieldIds, this.ordering, this.referencedFields, this.referencedOuterFields);
     }
-    toString() {
-        return `ARRAY(${this.inputGroup.id})`;
-    }
     getInputRequiredProps() {
         const resolvedFields = new Fields();
         const fields = Object.values(this.namedFields);
@@ -36673,9 +36801,6 @@ var ScalarCast = class extends ScalarNode {
     getHash() {
         return calculateHash('ScalarCast', this.input, this.definition);
     }
-    toString() {
-        return `CAST(${this.input} AS ${this.definition.type.toUpperCase()})`;
-    }
     optimize(optimizer) {
         return this.input.optimize(optimizer);
     }
@@ -36696,20 +36821,18 @@ var ScalarFlatArray = class extends ScalarNode {
         this.ordering = ordering;
         this.referencedFields = referencedFields;
         this.referencedOuterFields = referencedOuterFields;
-        __publicField(this, 'inputGroup', this.input.getGroup());
+        __publicField(this, 'inputGroup');
         __publicField(this, 'definition');
+        this.inputGroup = input.getGroup();
         this.definition = {
             type: 'array',
             isNullable: false,
-            definition: this.field.definition,
+            definition: field.definition,
         };
     }
     getHash() {
         return calculateHash('ScalarFlatArray', this.inputGroup.id, this.field.id, this.ordering, this.referencedFields, this.referencedOuterFields);
     }
-    toString() {
-        return `FLAT_ARRAY(${this.inputGroup.id})`;
-    }
     getInputRequiredProps() {
         const resolvedFields = new Fields();
         if (!isUndefined(this.field.collection)) {
@@ -36766,9 +36889,6 @@ var ScalarIn = class extends ScalarNode {
     getHash() {
         return calculateHash('ScalarIn', this.left, this.right);
     }
-    toString() {
-        return `${this.left} IN ${this.right}`;
-    }
     optimize(optimizer) {
         const leftCost = this.left.optimize(optimizer);
         const rightCost = this.right.optimize(optimizer);
@@ -36814,9 +36934,6 @@ var ScalarIndexOf = class extends ScalarNode {
     getHash() {
         return calculateHash('ScalarIndexOf', this.source, this.target);
     }
-    toString() {
-        return `INDEX_OF(${this.source}, ${this.target})`;
-    }
     optimize(optimizer) {
         const sourceCost = this.source.optimize(optimizer);
         const targetCost = this.target.optimize(optimizer);
@@ -36850,9 +36967,6 @@ var ScalarLength = class extends ScalarNode {
     getHash() {
         return calculateHash('ScalarLength', this.input);
     }
-    toString() {
-        return `LENGTH(${this.input})`;
-    }
     optimize(optimizer) {
         return this.input.optimize(optimizer);
     }
@@ -36880,9 +36994,6 @@ var ScalarNot = class extends ScalarNode {
     getHash() {
         return calculateHash('ScalarNot', this.input);
     }
-    toString() {
-        return `NOT ${this.input}`;
-    }
     optimize(optimizer) {
         return this.input.optimize(optimizer);
     }
@@ -36894,7 +37005,7 @@ var ScalarNot = class extends ScalarNode {
         const input = yield* this.input.evaluate(context, tuple);
         return {
             type: 'boolean',
-            value: !toBoolean(input),
+            value: !valueToBoolean(input),
         };
     }
 };
@@ -36922,9 +37033,6 @@ var ScalarNotIn = class extends ScalarNode {
     getHash() {
         return calculateHash('ScalarNotIn', this.left, this.right);
     }
-    toString() {
-        return `${this.left} NOT IN ${this.right}`;
-    }
     optimize(optimizer) {
         const leftCost = this.left.optimize(optimizer);
         const rightCost = this.right.optimize(optimizer);
@@ -36960,21 +37068,19 @@ var ScalarVariable = class extends ScalarNode {
         super(referencedFields, referencedOuterFields, true);
         this.field = field;
         this.isOuterField = isOuterField;
-        __publicField(this, 'definition', this.field.definition);
+        __publicField(this, 'definition');
+        this.definition = field.definition;
     }
     getHash() {
         return calculateHash('ScalarVariable', this.field.id, this.isOuterField);
     }
-    toString() {
-        return `"${this.field.name}" /* ${this.field.id} */`;
-    }
     optimize() {
         return new Cost(0);
     }
     getOptimized() {
         return this;
     }
-    // eslint-disable-next-line require-yield
+    // biome-ignore lint/correctness/useYield: Required by the super class.
     *evaluate(context, tuple) {
         if (this.isOuterField) {
             assert(context, 'Context must exist');
@@ -37292,7 +37398,8 @@ var EnforcerResolve = class extends EnforcerNode {
         super(false);
         this.input = input;
         this.fields = fields;
-        __publicField(this, 'inputGroup', this.input.getGroup());
+        __publicField(this, 'inputGroup');
+        this.inputGroup = input.getGroup();
     }
     getHash() {
         return calculateHash('EnforcerResolve', this.inputGroup.id, this.fields);
@@ -37376,7 +37483,8 @@ var EnforcerSort = class extends EnforcerNode {
         super(input.isSynchronous);
         this.input = input;
         this.ordering = ordering;
-        __publicField(this, 'inputGroup', this.input.getGroup());
+        __publicField(this, 'inputGroup');
+        this.inputGroup = input.getGroup();
     }
     getHash() {
         return calculateHash('EnforcerSort', this.inputGroup.id, this.ordering);
@@ -38304,7 +38412,7 @@ function callbackForVariant(map2, variant) {
     return map2.default;
 }
 function useOnVariantChange(variant, callbackMap) {
-    const isRenderingStaticContent = useIsStaticRenderer();
+    const isRenderingStaticContent = isStaticRenderer();
     if (isRenderingStaticContent)
         return;
     const isActiveScreenRef = React4.useRef(true);
@@ -42302,7 +42410,7 @@ function getInitialEffectStyle(canPlay, canAnimate2, effect) {
 }
 function useTextEffect(config, ref, preview) {
     const elements = useConstant2(() => /* @__PURE__ */ new Set());
-    const isRenderingStaticContent = useIsStaticRenderer();
+    const isRenderingStaticContent = isStaticRenderer();
     const canPlay = preview || !isRenderingStaticContent;
     const state2 = React2.useRef({
         hasMounted: false,
@@ -43311,20 +43419,21 @@ function getSVGSize(svg) {
         height,
     };
 }
-function SVG(props) {
+var SVG = /* @__PURE__ */ forwardRef(function SVG2(props, forwardedRef) {
     const parentSize = useParentSize();
     const layoutId = useLayoutId2(props);
     const layoutRef = React4.useRef(null);
+    const ref = forwardedRef ?? layoutRef;
     const providedWindow = useProvidedWindow();
     useMeasureLayout(props, layoutRef);
     return /* @__PURE__ */ jsx(SVGComponent, {
         ...props,
-        innerRef: layoutRef,
+        innerRef: ref,
         parentSize,
         layoutId,
         providedWindow,
     });
-}
+});
 var MAX_BACKGROUND_SVG_TEXT_LENGTH = 5e4;
 function containsImageReference(svg) {
     return svg.indexOf('image') >= 0;
@@ -43516,6 +43625,7 @@ var SVGComponent = /* @__PURE__ */ (() => {
                     style: {
                         position: 'absolute',
                     },
+                    role: 'presentation',
                     children: /* @__PURE__ */ jsx('linearGradient', {
                         id: gradientId,
                         x1,
@@ -43544,6 +43654,7 @@ var SVGComponent = /* @__PURE__ */ (() => {
                     style: {
                         position: 'absolute',
                     },
+                    role: 'presentation',
                     children: /* @__PURE__ */ jsx('radialGradient', {
                         id: gradientId,
                         cy: gradient.centerAnchorY,
@@ -43570,6 +43681,7 @@ var SVGComponent = /* @__PURE__ */ (() => {
                         style: {
                             position: 'absolute',
                         },
+                        role: 'presentation',
                         children: /* @__PURE__ */ jsx('defs', {
                             children: /* @__PURE__ */ jsx(ImagePatternElement, {
                                 ...imagePattern,
@@ -45071,7 +45183,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, 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, useIsStaticRenderer, 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, };
+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, isStaticRenderer, 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, useIsStaticRenderer, 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