unframer 2.22.0 → 2.23.0

package/dist/framer.js

@@ -39,7 +39,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.LayoutGroupContext = exports.DeprecatedLayoutGroupContext = exports.DeprecatedFrameWithEvents = exports.DeprecatedComponentContainer = exports.defaultDeviceProps = exports.DataObserverContext = exports.DataObserver = exports.DataContext = exports.Data = exports.CycleVariantState = exports.CustomCursorHost = exports.createBox = exports.ConvertColor = exports.ControlType = exports.Container = exports.ConstraintValues = exports.ConstraintMask = exports.ComponentViewportProvider = exports.ComponentContainerContext = exports.complex = exports.combinedCSSRulesForPreview = exports.ColorMixModelType = exports.ColorFormat = exports.color = exports.Color = exports.clamp = exports.circOut = exports.circInOut = exports.circIn = exports.cancelSync = exports.cancelFrame = exports.callEach = exports.BoxShadow = exports.BezierAnimator = exports.backOut = exports.backInOut = exports.backIn = exports.BackgroundImage = exports.AnyInterpolation = exports.anticipate = exports.animations = exports.AnimateSharedLayout = exports.AnimatePresence = exports.animateMini = exports.animate = exports.Animatable = exports.AnchorLinkTarget = exports.addPointerInfo = exports.AcceleratedAnimation = exports.combinedCSSRules = void 0;
 exports.LayoutIdContext = exports.LayoutGroup = exports.Layer = exports.isMotionValue = exports.isBrowser = exports.invariant = exports.InternalID = exports.Image = exports.GracefullyDegradingErrorBoundary = exports.GeneratedComponentContext = exports.GamepadContext = exports.FrameWithMotion = exports.frameSteps = exports.FramerEventSession = exports.FramerEventListener = exports.FramerEvent = exports.framerCSSMarker = exports.framerAppearTransformTemplateToken = exports.framerAppearIdKey = exports.framerAppearEffects = exports.framerAppearAnimationScriptKey = exports.FramerAnimation = exports.frameFromElements = exports.frameFromElement = exports.frameData = exports.frame = exports.Frame = exports.FormSelect = exports.FormPlainTextInput = exports.FormContainer = exports.FormBooleanInput = exports.fontStore = exports.FontSourceNames = exports.FlatTree = exports.Fetcher = exports.environment = exports.easeOut = exports.easeInOut = exports.easeIn = exports.Draggable = exports.DragControls = exports.domMin = exports.domMax = exports.domAnimation = exports.DOM = exports.distance = exports.dispatchKeyDownEvent = exports.DimensionType = exports.devicePresets = exports.DeviceCodeComponent = void 0;
 exports.Size = exports.sharedSVGManager = exports.Shadow = exports.Scroll = exports.RichText = exports.reverseEasing = exports.ResolveLinks = exports.RenderTarget = exports.Rect = exports.RadialGradient = exports.QueryEngine = exports.px = exports.PropertyStore = exports.PropertyOverrides = exports.progress = exports.PresenceContext = exports.Polygon = exports.pipe = exports.PathVariablesContext = exports.PathSegment = exports.pathDefaults = exports.ParentSizeState = exports.Page = exports.optimizedAppearDataAttribute = exports.optimizeAppearTransformTemplate = exports.optimizeAppear = exports.ObservableObject = exports.NotFoundError = exports.nestedLinksCollector = exports.NavigationTransitionType = exports.NavigationConsumer = exports.NavigationCallbackProvider = exports.NavigateTo = exports.Reorder = exports.MotionValue = exports.MotionGlobalConfig = exports.MotionContext = exports.MotionConfigContext = exports.motion = exports.mirrorEasing = exports.makeUseVisualState = exports.MainLoop = exports.m = exports.localPackageFallbackIdentifier = exports.loadFont = exports.Link = exports.LinearGradient = exports.Line = exports.LibraryFeaturesProvider = exports.LazyValue = void 0;
-exports.LocaleInfoContext = exports.FormContext = exports.FetchClientProvider = exports.FramerLink = exports.wrap = exports.withVariantFX = exports.withVariantAppearEffect = exports.withStyleAppearEffect = exports.withParallaxTransform = exports.withMeasuredSize = exports.withGeneratedLayoutId = exports.withFX = exports.withCSS = exports.WindowContext = exports.warning = exports.visualElementStore = exports.VisualElement = exports.version = exports.VectorGroup = exports.Vector = exports.VariantSelector = exports.ValueInterpolation = exports.useProvidedWindow = exports.useIsomorphicLayoutEffect = exports.useAnimation = exports.Text = exports.systemFontFamilyName = exports.sync = exports.SwitchLayoutGroupContext = exports.StyleSheetContext = exports.Stack = exports.SSRVariants = exports.SpringAnimator = exports.SmartComponentScopedContainer = void 0;
+exports.LocaleInfoContext = exports.FormContext = exports.FetchClientProvider = exports.FramerLink = exports.wrap = exports.withVariantFX = exports.withVariantAppearEffect = exports.withStyleAppearEffect = exports.withParallaxTransform = exports.withMeasuredSize = exports.withGeneratedLayoutId = exports.withFX = exports.withCSS = exports.WindowContext = exports.warning = exports.visualElementStore = exports.VisualElement = exports.version = exports.VectorGroup = exports.Vector = exports.VariantSelector = exports.ValueInterpolation = exports.useProvidedWindow = exports.useIsomorphicLayoutEffect = exports.useAnimation = exports.Text = exports.systemFontFamilyName = exports.sync = exports.SwitchLayoutGroupContext = exports.SVG = exports.StyleSheetContext = exports.Stack = exports.SSRVariants = exports.SpringAnimator = exports.SmartComponentScopedContainer = void 0;
 exports._injectRuntime = _injectRuntime;
 exports.addActionControls = addActionControls;
 exports.addFonts = addFonts;
@@ -118,6 +118,7 @@ exports.isOverride = isOverride;
 exports.isReactDefinition = isReactDefinition;
 exports.isRelativeNumber = isRelativeNumber;
 exports.isShallowEqualArray = isShallowEqualArray;
+exports.isStaticRenderer = isStaticRenderer;
 exports.isStraightCurve = isStraightCurve;
 exports.isValidMotionProp = isValidMotionProp;
 exports.keyframes = keyframes;
@@ -162,7 +163,6 @@ exports.stagger = stagger;
 exports.startAnimation = startAnimation;
 exports.startOptimizedAppearAnimation = startOptimizedAppearAnimation;
 exports.steps = steps;
-exports.SVG = SVG;
 exports.throttle = throttle;
 exports.toFlexDirection = toFlexDirection;
 exports.toJustifyOrAlignment = toJustifyOrAlignment;
@@ -10015,7 +10015,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
 const react_11 = __importDefault(require("react"));
 const react_12 = require("react");
 const react_13 = require("react");
@@ -13122,7 +13122,7 @@ var MarkSuspenseEffects = {
 function renderPage(Page4, defaultPageStyle) {
     const props = {
         style: defaultPageStyle,
-        'data-framer-root': true,
+        'data-framer-root': '',
     };
     return react_11.default.isValidElement(Page4) ? react_11.default.cloneElement(Page4, props) : react_11.default.createElement(Page4, props);
 }
@@ -20673,10 +20673,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,] = (0, react_9.useState)(() => isStaticRenderer());
+    return isStatic;
+}
 var asRecord = (object) => object;
 function memoize(fn) {
     const cache2 = Object.create(Object.prototype);
@@ -22121,7 +22125,7 @@ function useStyleAndRect(props) {
             ...defaultStyle,
         };
     }
-    const isRenderingStaticContent = useIsStaticRenderer();
+    const isRenderingStaticContent = isStaticRenderer();
     if (props.positionSticky) {
         if (!isRenderingStaticContent || inCodeComponent) {
             resultStyle.position = 'sticky';
@@ -22557,7 +22561,7 @@ function useRefEffect(ref, effect, deps) {
     (0, react_6.useMemo)(() => {
         if (depsChangedRef.current !== void 0)
             depsChangedRef.current = true;
-    }, [deps,]);
+    }, deps ?? [{},]);
     if (!ref)
         return;
     const depsChanged = depsChangedRef.current;
@@ -29844,7 +29848,7 @@ var withFX = (Component18) => react_11.default.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;
@@ -30444,26 +30448,36 @@ var CustomCursorContext = /* @__PURE__ */ (0, react_1.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__ */ (0, react_13.memo)(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);
+                };
             },
         };
     });
@@ -30712,9 +30726,10 @@ var CustomCursorComponent = /* @__PURE__ */ (0, react_13.memo)(function CustomCu
 function useCustomCursors(webPageCursors) {
     const { registerCursors, } = (0, react_2.useContext)(CustomCursorContext);
     const cursors = useConstant2(() => webPageCursors);
+    const id3 = (0, react_2.useId)();
     (0, react_3.useLayoutEffect)(() => {
-        registerCursors(cursors);
-    }, [registerCursors,]);
+        return registerCursors(cursors, id3);
+    }, [registerCursors, id3,]);
 }
 var Polygon = {
     /**
@@ -31692,6 +31707,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) {
@@ -32085,16 +32193,39 @@ var Link = /* @__PURE__ */ withChildrenCanSuspend(/* @__PURE__ */ (0, react_4.fo
             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);
 }));
 exports.Link = Link;
 exports.FramerLink = Link;
+function noopOnClick(event) {
+    event.preventDefault();
+}
 var ParentLinkContext = /* @__PURE__ */ (0, react_1.createContext)(void 0);
 function useReplaceNestedLinks(nodeId, href, propsAddedByLink) {
     const parentLink = (0, react_2.useContext)(ParentLinkContext);
@@ -32801,23 +32932,26 @@ function Router({ defaultPageStyle, disableHistory, initialPathVariables, initia
             value: localeInfo,
             children: /* @__PURE__ */ (0, jsx_runtime_1.jsxs)(SuspenseThatPreservesDom, {
                 children: [
-                    /* @__PURE__ */ (0, jsx_runtime_1.jsx)(NotFoundErrorBoundary, {
+                    /* @__PURE__ */ (0, jsx_runtime_1.jsxs)(NotFoundErrorBoundary, {
                         notFoundPage,
                         defaultPageStyle,
                         forceUpdateKey: dep,
-                        children: /* @__PURE__ */ (0, jsx_runtime_1.jsx)(WithLayoutTemplate, {
-                            LayoutTemplate,
-                            routeId: currentRouteId,
-                            children: (inLayoutTemplate) => {
-                                return /* @__PURE__ */ (0, jsx_runtime_1.jsxs)(react_8.Fragment, {
-                                    children: [
-                                        /* @__PURE__ */ (0, jsx_runtime_1.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__ */ (0, jsx_runtime_1.jsx)(MarkSuspenseEffects.Start, {}),
+                            /* @__PURE__ */ (0, jsx_runtime_1.jsx)(WithLayoutTemplate, {
+                                LayoutTemplate,
+                                routeId: currentRouteId,
+                                style: defaultPageStyle,
+                                children: (inLayoutTemplate) => {
+                                    return /* @__PURE__ */ (0, jsx_runtime_1.jsx)(react_8.Fragment, {
+                                        children: pageExistsInCurrentLocale
+                                            ? renderPage(current.page, inLayoutTemplate ? templatePageStyle : defaultPageStyle)
+                                            : // LAYOUT_TEMPLATE @TODO: display: content for not found page?
+                                                notFoundPage && renderPage(notFoundPage, defaultPageStyle),
+                                    }, remountKey);
+                                },
+                            }),
+                        ],
                     }),
                     /* @__PURE__ */ (0, jsx_runtime_1.jsx)(TurnOnReactEventHandling, {}),
                     /* @__PURE__ */ (0, jsx_runtime_1.jsx)(MarkSuspenseEffects.End, {}),
@@ -32827,11 +32961,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__ */ (0, jsx_runtime_1.jsx)(LayoutTemplate, {
         routeId,
+        style,
         children,
     });
 }
@@ -33791,6 +33926,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': {
@@ -33805,6 +33956,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': {
@@ -33820,10 +33978,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': {
@@ -33832,6 +33997,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': {
@@ -33851,6 +34025,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': {
@@ -33865,6 +34046,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': {
@@ -33873,6 +34061,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': {
@@ -33896,6 +34093,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':
@@ -33912,10 +34116,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': {
@@ -33933,6 +34159,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': {
@@ -33941,6 +34176,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': {
@@ -33949,6 +34193,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': {
@@ -33963,7 +34220,7 @@ function castString(value) {
     }
     return null;
 }
-function toString(value) {
+function valueToString(value) {
     const cast = castString(value);
     return (cast == null ? void 0 : cast.value) ?? null;
 }
@@ -34113,8 +34370,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))
@@ -34126,8 +34383,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))
@@ -34139,8 +34396,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))
@@ -34199,143 +34456,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);
@@ -35046,7 +35211,8 @@ var RelationalProject = class extends RelationalNode {
         this.input = input;
         this.projections = projections;
         this.passthrough = passthrough;
-        (0, chunk_H7SXYDQJ_js_1.__publicField)(this, 'inputGroup', this.input.getGroup());
+        (0, chunk_H7SXYDQJ_js_1.__publicField)(this, 'inputGroup');
+        this.inputGroup = input.getGroup();
     }
     getHash() {
         return calculateHash('RelationalProject', this.inputGroup.id, ...this.projections, this.passthrough);
@@ -35199,19 +35365,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);
@@ -35239,6 +35392,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,
@@ -35252,7 +35406,7 @@ var ScalarCase = class extends ScalarNode {
         }
         else {
             for (const { when, then, } of conditions) {
-                if (toBoolean(when)) {
+                if (valueToBoolean(when)) {
                     return then;
                 }
             }
@@ -35698,7 +35852,8 @@ var RelationalFilter = class extends RelationalNode {
         super(input.isSynchronous && predicate.isSynchronous);
         this.input = input;
         this.predicate = predicate;
-        (0, chunk_H7SXYDQJ_js_1.__publicField)(this, 'inputGroup', this.input.getGroup());
+        (0, chunk_H7SXYDQJ_js_1.__publicField)(this, 'inputGroup');
+        this.inputGroup = input.getGroup();
     }
     getHash() {
         return calculateHash('RelationalFilter', this.inputGroup.id, this.predicate);
@@ -35736,7 +35891,7 @@ var RelationalFilter = class extends RelationalNode {
         }));
         return input.filter((_, index) => {
             const predicate = predicates[index] ?? null;
-            return toBoolean(predicate);
+            return valueToBoolean(predicate);
         });
     }
 };
@@ -35787,8 +35942,10 @@ var RelationalIntersection = class extends RelationalNode {
         super(left.isSynchronous && right.isSynchronous);
         this.left = left;
         this.right = right;
-        (0, chunk_H7SXYDQJ_js_1.__publicField)(this, 'leftGroup', this.left.getGroup());
-        (0, chunk_H7SXYDQJ_js_1.__publicField)(this, 'rightGroup', this.right.getGroup());
+        (0, chunk_H7SXYDQJ_js_1.__publicField)(this, 'leftGroup');
+        (0, chunk_H7SXYDQJ_js_1.__publicField)(this, 'rightGroup');
+        this.leftGroup = left.getGroup();
+        this.rightGroup = right.getGroup();
     }
     getHash() {
         return calculateHash('RelationalIntersection', this.leftGroup.id, this.rightGroup.id);
@@ -35856,9 +36013,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);
@@ -35886,8 +36040,10 @@ var RelationalLeftJoin = class extends RelationalNode {
         this.left = left;
         this.right = right;
         this.constraint = constraint;
-        (0, chunk_H7SXYDQJ_js_1.__publicField)(this, 'leftGroup', this.left.getGroup());
-        (0, chunk_H7SXYDQJ_js_1.__publicField)(this, 'rightGroup', this.right.getGroup());
+        (0, chunk_H7SXYDQJ_js_1.__publicField)(this, 'leftGroup');
+        (0, chunk_H7SXYDQJ_js_1.__publicField)(this, 'rightGroup');
+        this.leftGroup = left.getGroup();
+        this.rightGroup = right.getGroup();
     }
     getHash() {
         return calculateHash('RelationalLeftJoin', this.leftGroup.id, this.rightGroup.id, this.constraint);
@@ -35990,7 +36146,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;
                 }
@@ -36008,8 +36164,10 @@ var RelationalRightJoin = class extends RelationalNode {
         this.left = left;
         this.right = right;
         this.constraint = constraint;
-        (0, chunk_H7SXYDQJ_js_1.__publicField)(this, 'leftGroup', this.left.getGroup());
-        (0, chunk_H7SXYDQJ_js_1.__publicField)(this, 'rightGroup', this.right.getGroup());
+        (0, chunk_H7SXYDQJ_js_1.__publicField)(this, 'leftGroup');
+        (0, chunk_H7SXYDQJ_js_1.__publicField)(this, 'rightGroup');
+        this.leftGroup = left.getGroup();
+        this.rightGroup = right.getGroup();
     }
     getHash() {
         return calculateHash('RelationalRightJoin', this.leftGroup.id, this.rightGroup.id, this.constraint);
@@ -36112,7 +36270,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;
                 }
@@ -36168,8 +36326,10 @@ var RelationalUnion = class extends RelationalNode {
         super(left.isSynchronous && right.isSynchronous);
         this.left = left;
         this.right = right;
-        (0, chunk_H7SXYDQJ_js_1.__publicField)(this, 'leftGroup', this.left.getGroup());
-        (0, chunk_H7SXYDQJ_js_1.__publicField)(this, 'rightGroup', this.right.getGroup());
+        (0, chunk_H7SXYDQJ_js_1.__publicField)(this, 'leftGroup');
+        (0, chunk_H7SXYDQJ_js_1.__publicField)(this, 'rightGroup');
+        this.leftGroup = left.getGroup();
+        this.rightGroup = right.getGroup();
     }
     getHash() {
         return calculateHash('RelationalUnion', this.leftGroup.id, this.rightGroup.id);
@@ -36237,9 +36397,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);
@@ -36257,7 +36414,7 @@ var ScalarAnd = class extends ScalarNode {
         });
         return {
             type: 'boolean',
-            value: toBoolean(left) && toBoolean(right),
+            value: valueToBoolean(left) && valueToBoolean(right),
         };
     }
 };
@@ -36272,16 +36429,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;
     }
@@ -36310,9 +36464,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);
@@ -36358,9 +36509,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);
@@ -36402,9 +36550,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);
@@ -36446,9 +36591,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);
@@ -36490,9 +36632,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);
@@ -36534,9 +36673,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);
@@ -36578,9 +36714,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);
@@ -36622,9 +36755,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);
@@ -36642,7 +36772,7 @@ var ScalarOr = class extends ScalarNode {
         });
         return {
             type: 'boolean',
-            value: toBoolean(left) || toBoolean(right),
+            value: valueToBoolean(left) || valueToBoolean(right),
         };
     }
 };
@@ -36670,9 +36800,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);
@@ -36697,7 +36824,8 @@ var ScalarStartsWith = class extends ScalarNode {
 var Explorer = class {
     constructor(normalizer) {
         this.normalizer = normalizer;
-        (0, chunk_H7SXYDQJ_js_1.__publicField)(this, 'memo', this.normalizer.memo);
+        (0, chunk_H7SXYDQJ_js_1.__publicField)(this, 'memo');
+        this.memo = normalizer.memo;
     }
     explore(before) {
         const group = before.getGroup();
@@ -36903,7 +37031,8 @@ var RelationalLimit = class extends RelationalNode {
         this.input = input;
         this.limit = limit;
         this.ordering = ordering;
-        (0, chunk_H7SXYDQJ_js_1.__publicField)(this, 'inputGroup', this.input.getGroup());
+        (0, chunk_H7SXYDQJ_js_1.__publicField)(this, 'inputGroup');
+        this.inputGroup = input.getGroup();
     }
     getHash() {
         return calculateHash('RelationalLimit', this.inputGroup.id, this.limit);
@@ -36939,7 +37068,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);
@@ -36951,7 +37080,8 @@ var RelationalOffset = class extends RelationalNode {
         this.input = input;
         this.offset = offset;
         this.ordering = ordering;
-        (0, chunk_H7SXYDQJ_js_1.__publicField)(this, 'inputGroup', this.input.getGroup());
+        (0, chunk_H7SXYDQJ_js_1.__publicField)(this, 'inputGroup');
+        this.inputGroup = input.getGroup();
     }
     getHash() {
         return calculateHash('RelationalOffset', this.inputGroup.id, this.offset);
@@ -36987,7 +37117,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);
@@ -37001,8 +37131,9 @@ var ScalarArray = class extends ScalarNode {
         this.ordering = ordering;
         this.referencedFields = referencedFields;
         this.referencedOuterFields = referencedOuterFields;
-        (0, chunk_H7SXYDQJ_js_1.__publicField)(this, 'inputGroup', this.input.getGroup());
+        (0, chunk_H7SXYDQJ_js_1.__publicField)(this, 'inputGroup');
         (0, chunk_H7SXYDQJ_js_1.__publicField)(this, 'definition');
+        this.inputGroup = input.getGroup();
         const itemDefinitions = {};
         const namedFieldEntries = Object.entries(namedFields);
         for (const [name, field,] of namedFieldEntries) {
@@ -37026,9 +37157,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);
@@ -37082,9 +37210,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);
     }
@@ -37105,20 +37230,18 @@ var ScalarFlatArray = class extends ScalarNode {
         this.ordering = ordering;
         this.referencedFields = referencedFields;
         this.referencedOuterFields = referencedOuterFields;
-        (0, chunk_H7SXYDQJ_js_1.__publicField)(this, 'inputGroup', this.input.getGroup());
+        (0, chunk_H7SXYDQJ_js_1.__publicField)(this, 'inputGroup');
         (0, chunk_H7SXYDQJ_js_1.__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)) {
@@ -37175,9 +37298,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);
@@ -37223,9 +37343,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);
@@ -37259,9 +37376,6 @@ var ScalarLength = class extends ScalarNode {
     getHash() {
         return calculateHash('ScalarLength', this.input);
     }
-    toString() {
-        return `LENGTH(${this.input})`;
-    }
     optimize(optimizer) {
         return this.input.optimize(optimizer);
     }
@@ -37289,9 +37403,6 @@ var ScalarNot = class extends ScalarNode {
     getHash() {
         return calculateHash('ScalarNot', this.input);
     }
-    toString() {
-        return `NOT ${this.input}`;
-    }
     optimize(optimizer) {
         return this.input.optimize(optimizer);
     }
@@ -37303,7 +37414,7 @@ var ScalarNot = class extends ScalarNode {
         const input = yield* this.input.evaluate(context, tuple);
         return {
             type: 'boolean',
-            value: !toBoolean(input),
+            value: !valueToBoolean(input),
         };
     }
 };
@@ -37331,9 +37442,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);
@@ -37369,21 +37477,19 @@ var ScalarVariable = class extends ScalarNode {
         super(referencedFields, referencedOuterFields, true);
         this.field = field;
         this.isOuterField = isOuterField;
-        (0, chunk_H7SXYDQJ_js_1.__publicField)(this, 'definition', this.field.definition);
+        (0, chunk_H7SXYDQJ_js_1.__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');
@@ -37701,7 +37807,8 @@ var EnforcerResolve = class extends EnforcerNode {
         super(false);
         this.input = input;
         this.fields = fields;
-        (0, chunk_H7SXYDQJ_js_1.__publicField)(this, 'inputGroup', this.input.getGroup());
+        (0, chunk_H7SXYDQJ_js_1.__publicField)(this, 'inputGroup');
+        this.inputGroup = input.getGroup();
     }
     getHash() {
         return calculateHash('EnforcerResolve', this.inputGroup.id, this.fields);
@@ -37785,7 +37892,8 @@ var EnforcerSort = class extends EnforcerNode {
         super(input.isSynchronous);
         this.input = input;
         this.ordering = ordering;
-        (0, chunk_H7SXYDQJ_js_1.__publicField)(this, 'inputGroup', this.input.getGroup());
+        (0, chunk_H7SXYDQJ_js_1.__publicField)(this, 'inputGroup');
+        this.inputGroup = input.getGroup();
     }
     getHash() {
         return calculateHash('EnforcerSort', this.inputGroup.id, this.ordering);
@@ -38721,7 +38829,7 @@ function callbackForVariant(map2, variant) {
     return map2.default;
 }
 function useOnVariantChange(variant, callbackMap) {
-    const isRenderingStaticContent = useIsStaticRenderer();
+    const isRenderingStaticContent = isStaticRenderer();
     if (isRenderingStaticContent)
         return;
     const isActiveScreenRef = react_11.default.useRef(true);
@@ -42735,7 +42843,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,
@@ -43750,20 +43858,22 @@ function getSVGSize(svg) {
         height,
     };
 }
-function SVG(props) {
+var SVG = /* @__PURE__ */ (0, react_4.forwardRef)(function SVG2(props, forwardedRef) {
     const parentSize = useParentSize();
     const layoutId = useLayoutId2(props);
     const layoutRef = react_11.default.useRef(null);
+    const ref = forwardedRef ?? layoutRef;
     const providedWindow = useProvidedWindow();
     useMeasureLayout(props, layoutRef);
     return /* @__PURE__ */ (0, jsx_runtime_1.jsx)(SVGComponent, {
         ...props,
-        innerRef: layoutRef,
+        innerRef: ref,
         parentSize,
         layoutId,
         providedWindow,
     });
-}
+});
+exports.SVG = SVG;
 var MAX_BACKGROUND_SVG_TEXT_LENGTH = 5e4;
 function containsImageReference(svg) {
     return svg.indexOf('image') >= 0;
@@ -43955,6 +44065,7 @@ var SVGComponent = /* @__PURE__ */ (() => {
                     style: {
                         position: 'absolute',
                     },
+                    role: 'presentation',
                     children: /* @__PURE__ */ (0, jsx_runtime_1.jsx)('linearGradient', {
                         id: gradientId,
                         x1,
@@ -43983,6 +44094,7 @@ var SVGComponent = /* @__PURE__ */ (() => {
                     style: {
                         position: 'absolute',
                     },
+                    role: 'presentation',
                     children: /* @__PURE__ */ (0, jsx_runtime_1.jsx)('radialGradient', {
                         id: gradientId,
                         cy: gradient.centerAnchorY,
@@ -44009,6 +44121,7 @@ var SVGComponent = /* @__PURE__ */ (() => {
                         style: {
                             position: 'absolute',
                         },
+                        role: 'presentation',
                         children: /* @__PURE__ */ (0, jsx_runtime_1.jsx)('defs', {
                             children: /* @__PURE__ */ (0, jsx_runtime_1.jsx)(ImagePatternElement, {
                                 ...imagePattern,