unframer 2.6.3 → 2.6.4

package/esm/framer.js

@@ -18,7 +18,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-// https :https://app.framerstatic.com/chunk-HCJ5X5Q7.js
+// https :https://app.framerstatic.com/chunk-VMMGJNOV.js
 import { createContext, } from 'react';
 import { useEffect, useLayoutEffect, } from 'react';
 import { jsx, jsxs, } from 'react/jsx-runtime';
@@ -30,8 +30,8 @@ import { useId, } from 'react';
 import { createElement, Fragment, } from 'react';
 import { Component, } from 'react';
 import { useState, } from 'react';
-import { Children, cloneElement as cloneElement2, isValidElement, } from 'react';
 import * as React2 from 'react';
+import { Children, isValidElement, } from 'react';
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -144,7 +144,7 @@ var MotionConfigContext = createContext({
 });
 var MotionContext = createContext({});
 var PresenceContext = createContext(null);
-var isBrowser = typeof document !== 'undefined';
+var isBrowser = typeof window !== 'undefined';
 var useIsomorphicLayoutEffect = isBrowser ? useLayoutEffect : useEffect;
 var camelToDash = (str) => str.replace(/([a-z])([A-Z])/gu, '$1-$2').toLowerCase();
 var optimizedAppearDataId = 'framerAppearId';
@@ -314,6 +314,7 @@ function isRefObject(ref) {
 }
 var scheduleHandoffComplete = false;
 function useVisualElement(Component33, visualState, props, createVisualElement2, ProjectionNodeConstructor) {
+    var _a;
     const { visualElement: parent, } = useContext3(MotionContext);
     const lazyContext = useContext3(LazyContext);
     const presenceContext = useContext3(PresenceContext);
@@ -339,7 +340,9 @@ function useVisualElement(Component33, visualState, props, createVisualElement2,
     useInsertionEffect(() => {
         visualElement && visualElement.update(props, presenceContext);
     });
-    const wantsHandoff = useRef(Boolean(props[optimizedAppearDataAttribute] && !window.HandoffComplete));
+    const optimisedAppearId = props[optimizedAppearDataAttribute];
+    const wantsHandoff = useRef(Boolean(optimisedAppearId) && !window.MotionHandoffIsComplete &&
+        ((_a = window.MotionHasOptimisedAnimation) === null || _a === void 0 ? void 0 : _a.call(window, optimisedAppearId)));
     useIsomorphicLayoutEffect(() => {
         if (!visualElement)
             return;
@@ -355,18 +358,16 @@ function useVisualElement(Component33, visualState, props, createVisualElement2,
         if (!wantsHandoff.current && visualElement.animationState) {
             visualElement.animationState.animateChanges();
         }
-        if (wantsHandoff.current) {
-            wantsHandoff.current = false;
-            if (!scheduleHandoffComplete) {
-                scheduleHandoffComplete = true;
-                queueMicrotask(completeHandoff);
-            }
+        wantsHandoff.current = false;
+        if (!scheduleHandoffComplete) {
+            scheduleHandoffComplete = true;
+            queueMicrotask(completeHandoff);
         }
     });
     return visualElement;
 }
 function completeHandoff() {
-    window.HandoffComplete = true;
+    window.MotionHandoffIsComplete = true;
 }
 function createProjectionNode(visualElement, props, ProjectionNodeConstructor, initialPromotionConfig) {
     const { layoutId, layout: layout2, drag: drag2, dragConstraints, layoutScroll, layoutRoot, } = props;
@@ -532,6 +533,34 @@ function addScaleCorrector(correctors) {
     Object.assign(scaleCorrectors, correctors);
 }
 var isMotionValue = (value) => Boolean(value && value.getVelocity);
+var clamp = (min, max, v) => {
+    if (v > max)
+        return max;
+    if (v < min)
+        return min;
+    return v;
+};
+var sanitize = (v) => Math.round(v * 1e5) / 1e5;
+var floatRegex = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
+var colorRegex = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
+var singleColorRegex = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu;
+function isString(v) {
+    return typeof v === 'string';
+}
+function isNullish(v) {
+    return v == null;
+}
+var createUnitType = (unit) => ({
+    test: (v) => isString(v) && v.endsWith(unit) && v.split(' ').length === 1,
+    parse: parseFloat,
+    transform: (v) => `${v}${unit}`,
+});
+var degrees = createUnitType('deg');
+var percent = createUnitType('%');
+var px = createUnitType('px');
+var vh = createUnitType('vh');
+var vw = createUnitType('vw');
+var progressPercentage = Object.assign(Object.assign({}, percent), { parse: (v) => percent.parse(v) / 100, transform: (v) => percent.transform(v * 100) });
 var transformPropOrder = [
     'transformPerspective',
     'x',
@@ -552,6 +581,85 @@ var transformPropOrder = [
     'skewY',
 ];
 var transformProps = new Set(transformPropOrder);
+var getValueAsType = (value, type) => {
+    return type && typeof value === 'number' ? type.transform(value) : value;
+};
+var number = {
+    test: (v) => typeof v === 'number',
+    parse: parseFloat,
+    transform: (v) => v,
+};
+var alpha = Object.assign(Object.assign({}, number), { transform: (v) => clamp(0, 1, v) });
+var scale = Object.assign(Object.assign({}, number), { default: 1 });
+var int = Object.assign(Object.assign({}, number), { transform: Math.round });
+var numberValueTypes = {
+    // Border props
+    borderWidth: px,
+    borderTopWidth: px,
+    borderRightWidth: px,
+    borderBottomWidth: px,
+    borderLeftWidth: px,
+    borderRadius: px,
+    radius: px,
+    borderTopLeftRadius: px,
+    borderTopRightRadius: px,
+    borderBottomRightRadius: px,
+    borderBottomLeftRadius: px,
+    // Positioning props
+    width: px,
+    maxWidth: px,
+    height: px,
+    maxHeight: px,
+    size: px,
+    top: px,
+    right: px,
+    bottom: px,
+    left: px,
+    // Spacing props
+    padding: px,
+    paddingTop: px,
+    paddingRight: px,
+    paddingBottom: px,
+    paddingLeft: px,
+    margin: px,
+    marginTop: px,
+    marginRight: px,
+    marginBottom: px,
+    marginLeft: px,
+    // Transform props
+    rotate: degrees,
+    rotateX: degrees,
+    rotateY: degrees,
+    rotateZ: degrees,
+    scale,
+    scaleX: scale,
+    scaleY: scale,
+    scaleZ: scale,
+    skew: degrees,
+    skewX: degrees,
+    skewY: degrees,
+    distance: px,
+    translateX: px,
+    translateY: px,
+    translateZ: px,
+    x: px,
+    y: px,
+    z: px,
+    perspective: px,
+    transformPerspective: px,
+    opacity: alpha,
+    originX: progressPercentage,
+    originY: progressPercentage,
+    originZ: px,
+    // Misc
+    zIndex: int,
+    backgroundPositionX: px,
+    backgroundPositionY: px,
+    // SVG
+    fillOpacity: alpha,
+    strokeOpacity: alpha,
+    numOctaves: int,
+};
 var translateAlias = {
     x: 'translateX',
     y: 'translateY',
@@ -559,13 +667,31 @@ var translateAlias = {
     transformPerspective: 'perspective',
 };
 var numTransforms = transformPropOrder.length;
-function buildTransform(transform2, transformIsDefault, transformTemplate2) {
+function buildTransform(latestValues, transform2, transformTemplate2) {
     let transformString3 = '';
+    let transformIsDefault = true;
     for (let i = 0; i < numTransforms; i++) {
         const key7 = transformPropOrder[i];
-        if (transform2[key7] !== void 0) {
-            const transformName = translateAlias[key7] || key7;
-            transformString3 += `${transformName}(${transform2[key7]}) `;
+        const value = latestValues[key7];
+        if (value === void 0)
+            continue;
+        let valueIsDefault = true;
+        if (typeof value === 'number') {
+            valueIsDefault = value === (key7.startsWith('scale') ? 1 : 0);
+        }
+        else {
+            valueIsDefault = parseFloat(value) === 0;
+        }
+        if (!valueIsDefault || transformTemplate2) {
+            const valueAsType = getValueAsType(value, numberValueTypes[key7]);
+            if (!valueIsDefault) {
+                transformIsDefault = false;
+                const transformName = translateAlias[key7] || key7;
+                transformString3 += `${transformName}(${valueAsType}) `;
+            }
+            if (transformTemplate2) {
+                transform2[key7] = valueAsType;
+            }
         }
     }
     transformString3 = transformString3.trim();
@@ -577,34 +703,6 @@ function buildTransform(transform2, transformIsDefault, transformTemplate2) {
     }
     return transformString3;
 }
-var clamp = (min, max, v) => {
-    if (v > max)
-        return max;
-    if (v < min)
-        return min;
-    return v;
-};
-var sanitize = (v) => Math.round(v * 1e5) / 1e5;
-var floatRegex = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
-var colorRegex = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
-var singleColorRegex = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu;
-function isString(v) {
-    return typeof v === 'string';
-}
-function isNullish(v) {
-    return v == null;
-}
-var createUnitType = (unit) => ({
-    test: (v) => isString(v) && v.endsWith(unit) && v.split(' ').length === 1,
-    parse: parseFloat,
-    transform: (v) => `${v}${unit}`,
-});
-var degrees = createUnitType('deg');
-var percent = createUnitType('%');
-var px = createUnitType('px');
-var vh = createUnitType('vh');
-var vw = createUnitType('vw');
-var progressPercentage = Object.assign(Object.assign({}, percent), { parse: (v) => percent.parse(v) / 100, transform: (v) => percent.transform(v * 100) });
 var validMotionProps = /* @__PURE__ */ new Set([
     'animate',
     'exit',
@@ -899,13 +997,6 @@ function isDragActive() {
     openGestureLock();
     return false;
 }
-var number = {
-    test: (v) => typeof v === 'number',
-    parse: parseFloat,
-    transform: (v) => v,
-};
-var alpha = Object.assign(Object.assign({}, number), { transform: (v) => clamp(0, 1, v) });
-var scale = Object.assign(Object.assign({}, number), { default: 1 });
 var isColorString = (type, testProp) => (v) => {
     return Boolean(isString(v) && singleColorRegex.test(v) && v.startsWith(type) ||
         testProp && !isNullish(v) && Object.prototype.hasOwnProperty.call(v, testProp));
@@ -1219,14 +1310,9 @@ function spring(_j) {
         next: (t) => {
             const current = resolveSpring(t);
             if (!isResolvedFromDuration) {
-                let currentVelocity = initialVelocity;
-                if (t !== 0) {
-                    if (dampingRatio < 1) {
-                        currentVelocity = calcGeneratorVelocity(resolveSpring, t, current);
-                    }
-                    else {
-                        currentVelocity = 0;
-                    }
+                let currentVelocity = 0;
+                if (dampingRatio < 1) {
+                    currentVelocity = t === 0 ? secondsToMilliseconds(initialVelocity) : calcGeneratorVelocity(resolveSpring, t, current);
                 }
                 const isBelowVelocityThreshold = Math.abs(currentVelocity) <= restSpeed;
                 const isBelowDisplacementThreshold = Math.abs(target - current) <= restDelta;
@@ -2288,75 +2374,6 @@ var filter = Object.assign(Object.assign({}, complex), { getAnimatableNone: (v)
         const functions = v.match(functionRegex);
         return functions ? functions.map(applyDefaultFilter).join(' ') : v;
     } });
-var int = Object.assign(Object.assign({}, number), { transform: Math.round });
-var numberValueTypes = {
-    // Border props
-    borderWidth: px,
-    borderTopWidth: px,
-    borderRightWidth: px,
-    borderBottomWidth: px,
-    borderLeftWidth: px,
-    borderRadius: px,
-    radius: px,
-    borderTopLeftRadius: px,
-    borderTopRightRadius: px,
-    borderBottomRightRadius: px,
-    borderBottomLeftRadius: px,
-    // Positioning props
-    width: px,
-    maxWidth: px,
-    height: px,
-    maxHeight: px,
-    size: px,
-    top: px,
-    right: px,
-    bottom: px,
-    left: px,
-    // Spacing props
-    padding: px,
-    paddingTop: px,
-    paddingRight: px,
-    paddingBottom: px,
-    paddingLeft: px,
-    margin: px,
-    marginTop: px,
-    marginRight: px,
-    marginBottom: px,
-    marginLeft: px,
-    // Transform props
-    rotate: degrees,
-    rotateX: degrees,
-    rotateY: degrees,
-    rotateZ: degrees,
-    scale,
-    scaleX: scale,
-    scaleY: scale,
-    scaleZ: scale,
-    skew: degrees,
-    skewX: degrees,
-    skewY: degrees,
-    distance: px,
-    translateX: px,
-    translateY: px,
-    translateZ: px,
-    x: px,
-    y: px,
-    z: px,
-    perspective: px,
-    transformPerspective: px,
-    opacity: alpha,
-    originX: progressPercentage,
-    originY: progressPercentage,
-    originZ: px,
-    // Misc
-    zIndex: int,
-    backgroundPositionX: px,
-    backgroundPositionY: px,
-    // SVG
-    fillOpacity: alpha,
-    strokeOpacity: alpha,
-    numOctaves: int,
-};
 var defaultValueTypes = Object.assign(Object.assign({}, numberValueTypes), { 
     // Color props
     color, backgroundColor: color, outlineColor: color, fill: color, stroke: color, 
@@ -2698,6 +2715,8 @@ var AcceleratedAnimation = class extends BaseAnimation {
         this.isStopped = true;
         if (this.state === 'idle')
             return;
+        this.resolveFinishedPromise();
+        this.updateFinishedPromise();
         const { resolved, } = this;
         if (!resolved)
             return;
@@ -2785,7 +2804,7 @@ var MotionValue = class {
      * @internal
      */
     constructor(init, options = {}) {
-        this.version = '11.3.9';
+        this.version = '11.3.23';
         this.canTrackVelocity = null;
         this.events = {};
         this.updateAndNotify = (v, render = true) => {
@@ -3041,42 +3060,6 @@ var MotionValue = class {
 function motionValue(init, options) {
     return new MotionValue(init, options);
 }
-var WillChangeMotionValue = class extends MotionValue {
-    constructor() {
-        super(...arguments);
-        this.output = [];
-        this.counts = /* @__PURE__ */ new Map();
-    }
-    add(name) {
-        const styleName = getWillChangeName(name);
-        if (!styleName)
-            return;
-        const prevCount = this.counts.get(styleName) || 0;
-        this.counts.set(styleName, prevCount + 1);
-        if (prevCount === 0) {
-            this.output.push(styleName);
-            this.update();
-        }
-        let hasRemoved = false;
-        return () => {
-            if (hasRemoved)
-                return;
-            hasRemoved = true;
-            const newCount = this.counts.get(styleName) - 1;
-            this.counts.set(styleName, newCount);
-            if (newCount === 0) {
-                removeItem(this.output, styleName);
-                this.update();
-            }
-        };
-    }
-    update() {
-        this.set(this.output.length ? this.output.join(', ') : 'auto');
-    }
-};
-function useWillChange() {
-    return useConstant(() => new WillChangeMotionValue('auto'));
-}
 function resolveVariant(visualElement, definition, custom) {
     const props = visualElement.getProps();
     return resolveVariantFromProps(props, definition, custom !== void 0 ? custom : props.custom, visualElement);
@@ -3281,6 +3264,39 @@ function setTarget(visualElement, definition) {
 function getOptimisedAppearId(visualElement) {
     return visualElement.getProps()[optimizedAppearDataAttribute];
 }
+var WillChangeMotionValue = class extends MotionValue {
+    constructor() {
+        super(...arguments);
+        this.output = [];
+        this.counts = /* @__PURE__ */ new Map();
+    }
+    add(name) {
+        const styleName = getWillChangeName(name);
+        if (!styleName)
+            return;
+        const prevCount = this.counts.get(styleName) || 0;
+        this.counts.set(styleName, prevCount + 1);
+        if (prevCount === 0) {
+            this.output.push(styleName);
+            this.update();
+        }
+        let hasRemoved = false;
+        return () => {
+            if (hasRemoved)
+                return;
+            hasRemoved = true;
+            const newCount = this.counts.get(styleName) - 1;
+            this.counts.set(styleName, newCount);
+            if (newCount === 0) {
+                removeItem(this.output, styleName);
+                this.update();
+            }
+        };
+    }
+    update() {
+        this.set(this.output.length ? this.output.join(', ') : 'auto');
+    }
+};
 function isWillChangeMotionValue(value) {
     return Boolean(isMotionValue(value) && value.add);
 }
@@ -3317,10 +3333,10 @@ function animateTarget(visualElement, targetAndTransition, { delay: delay2 = 0,
         }
         const valueTransition = Object.assign({ delay: delay2, elapsed: 0 }, getValueTransition(transition || {}, key7));
         let isHandoff = false;
-        if (window.HandoffAppearAnimations) {
+        if (window.MotionHandoffAnimation) {
             const appearId = getOptimisedAppearId(visualElement);
             if (appearId) {
-                const elapsed = window.HandoffAppearAnimations(appearId, key7, value, frame);
+                const elapsed = window.MotionHandoffAnimation(appearId, key7, frame);
                 if (elapsed !== null) {
                     valueTransition.elapsed = elapsed;
                     isHandoff = true;
@@ -3399,9 +3415,7 @@ function animateVisualElement(visualElement, definition, options = {}) {
         animation = Promise.all(animateTarget(visualElement, resolvedDefinition, options));
     }
     return animation.then(() => {
-        frame.postRender(() => {
-            visualElement.notify('AnimationComplete', definition);
-        });
+        visualElement.notify('AnimationComplete', definition);
     });
 }
 function shallowCompare(next, prev) {
@@ -3760,7 +3774,7 @@ function usePresence() {
     const { isPresent: isPresent2, onExitComplete, register, } = context;
     const id4 = useId();
     useEffect(() => register(id4), []);
-    const safeToRemove = () => onExitComplete && onExitComplete(id4);
+    const safeToRemove = useCallback(() => onExitComplete && onExitComplete(id4), [id4, onExitComplete,]);
     return !isPresent2 && onExitComplete ? [false, safeToRemove,] : [true,];
 }
 function useIsPresent() {
@@ -3829,7 +3843,7 @@ function updateMotionValuesFromProps(element, next, prev) {
         if (isMotionValue(nextValue)) {
             element.addValue(key7, nextValue);
             if (false) {
-                warnOnce(nextValue.version === '11.3.9', `Attempting to mix Framer Motion versions ${nextValue.version} with 11.3.9 may not work as expected.`);
+                warnOnce(nextValue.version === '11.3.23', `Attempting to mix Framer Motion versions ${nextValue.version} with 11.3.23 may not work as expected.`);
             }
         }
         else if (isMotionValue(prevValue)) {
@@ -4319,41 +4333,34 @@ function isForcedMotionValue(key7, { layout: layout2, layoutId, }) {
     return transformProps.has(key7) || key7.startsWith('origin') ||
         (layout2 || layoutId !== void 0) && (!!scaleCorrectors[key7] || key7 === 'opacity');
 }
-var getValueAsType = (value, type) => {
-    return type && typeof value === 'number' ? type.transform(value) : value;
-};
 function buildHTMLStyles(state, latestValues, transformTemplate2) {
-    const { style, vars, transform: transform2, transformOrigin, } = state;
+    const { style, vars, transformOrigin, } = state;
     let hasTransform2 = false;
     let hasTransformOrigin = false;
-    let transformIsNone = true;
     for (const key7 in latestValues) {
         const value = latestValues[key7];
-        if (isCSSVariableName(key7)) {
-            vars[key7] = value;
-            continue;
-        }
-        const valueType = numberValueTypes[key7];
-        const valueAsType = getValueAsType(value, valueType);
         if (transformProps.has(key7)) {
             hasTransform2 = true;
-            transform2[key7] = valueAsType;
-            if (!transformIsNone)
-                continue;
-            if (value !== (valueType.default || 0))
-                transformIsNone = false;
+            continue;
         }
-        else if (key7.startsWith('origin')) {
-            hasTransformOrigin = true;
-            transformOrigin[key7] = valueAsType;
+        else if (isCSSVariableName(key7)) {
+            vars[key7] = value;
+            continue;
         }
         else {
-            style[key7] = valueAsType;
+            const valueAsType = getValueAsType(value, numberValueTypes[key7]);
+            if (key7.startsWith('origin')) {
+                hasTransformOrigin = true;
+                transformOrigin[key7] = valueAsType;
+            }
+            else {
+                style[key7] = valueAsType;
+            }
         }
     }
     if (!latestValues.transform) {
         if (hasTransform2 || transformTemplate2) {
-            style.transform = buildTransform(state.transform, transformIsNone, transformTemplate2);
+            style.transform = buildTransform(latestValues, state.transform, transformTemplate2);
         }
         else if (style.transform) {
             style.transform = 'none';
@@ -6068,7 +6075,7 @@ function resetDistortingTransform(key7, visualElement, values, sharedAnimationVa
         }
     }
 }
-function isOptimisedAppearTree(projectionNode) {
+function isOptimisedTransformAnimationInTree(projectionNode) {
     projectionNode.hasCheckedOptimisedAppear = true;
     if (projectionNode.root === projectionNode)
         return false;
@@ -6076,11 +6083,11 @@ function isOptimisedAppearTree(projectionNode) {
     if (!visualElement) {
         return false;
     }
-    else if (getOptimisedAppearId(visualElement)) {
+    else if (window.MotionHasOptimisedTransformAnimation(getOptimisedAppearId(visualElement))) {
         return true;
     }
     else if (projectionNode.parent && !projectionNode.parent.hasCheckedOptimisedAppear) {
-        return isOptimisedAppearTree(projectionNode.parent);
+        return isOptimisedTransformAnimationInTree(projectionNode.parent);
     }
     else {
         return false;
@@ -6273,8 +6280,8 @@ function createProjectionNode2({ attachResizeListener, defaultParent, measureScr
                 this.options.onExitComplete && this.options.onExitComplete();
                 return;
             }
-            if (window.HandoffCancelAllAnimations && isOptimisedAppearTree(this)) {
-                window.HandoffCancelAllAnimations();
+            if (window.MotionHandoffCancelAll && isOptimisedTransformAnimationInTree(this)) {
+                window.MotionHandoffCancelAll();
             }
             !this.root.isUpdating && this.root.startUpdate();
             if (this.isLayoutDirty)
@@ -6384,11 +6391,13 @@ function createProjectionNode2({ attachResizeListener, defaultParent, measureScr
                 needsMeasurement = false;
             }
             if (needsMeasurement) {
+                const isRoot = checkIsScrollRoot(this.instance);
                 this.scroll = {
                     animationId: this.root.animationId,
                     phase,
-                    isRoot: checkIsScrollRoot(this.instance),
+                    isRoot,
                     offset: measureScroll(this.instance),
+                    wasRoot: this.scroll ? this.scroll.isRoot : isRoot,
                 };
             }
         }
@@ -6422,31 +6431,35 @@ function createProjectionNode2({ attachResizeListener, defaultParent, measureScr
             };
         }
         measurePageBox() {
+            var _a;
             const { visualElement, } = this.options;
             if (!visualElement)
                 return createBox();
             const box = visualElement.measureViewportBox();
-            const { scroll: scroll2, } = this.root;
-            if (scroll2) {
-                translateAxis(box.x, scroll2.offset.x);
-                translateAxis(box.y, scroll2.offset.y);
+            const wasInScrollRoot = ((_a = this.scroll) === null || _a === void 0 ? void 0 : _a.wasRoot) ||
+                this.path.some(checkNodeWasScrollRoot);
+            if (!wasInScrollRoot) {
+                const { scroll: scroll2, } = this.root;
+                if (scroll2) {
+                    translateAxis(box.x, scroll2.offset.x);
+                    translateAxis(box.y, scroll2.offset.y);
+                }
             }
             return box;
         }
         removeElementScroll(box) {
+            var _a;
             const boxWithoutScroll = createBox();
             copyBoxInto(boxWithoutScroll, box);
+            if ((_a = this.scroll) === null || _a === void 0 ? void 0 : _a.wasRoot) {
+                return boxWithoutScroll;
+            }
             for (let i = 0; i < this.path.length; i++) {
                 const node = this.path[i];
                 const { scroll: scroll2, options, } = node;
                 if (node !== this.root && scroll2 && options.layoutScroll) {
-                    if (scroll2.isRoot) {
+                    if (scroll2.wasRoot) {
                         copyBoxInto(boxWithoutScroll, box);
-                        const { scroll: rootScroll, } = this.root;
-                        if (rootScroll) {
-                            translateAxis(boxWithoutScroll.x, -rootScroll.offset.x);
-                            translateAxis(boxWithoutScroll.y, -rootScroll.offset.y);
-                        }
                     }
                     translateAxis(boxWithoutScroll.x, scroll2.offset.x);
                     translateAxis(boxWithoutScroll.y, scroll2.offset.y);
@@ -7122,6 +7135,10 @@ function shouldAnimatePositionOnly(animationType, snapshot, layout2) {
     return animationType === 'position' ||
         animationType === 'preserve-aspect' && !isNear(aspectRatio(snapshot), aspectRatio(layout2), 0.2);
 }
+function checkNodeWasScrollRoot(node) {
+    var _a;
+    return node !== node.root && ((_a = node.scroll) === null || _a === void 0 ? void 0 : _a.wasRoot);
+}
 var DocumentProjectionNode = createProjectionNode2({
     attachResizeListener: (ref, notify2) => addDomEvent(ref, 'resize', notify2),
     measureScroll: () => ({
@@ -7275,28 +7292,6 @@ function createDomMotionComponent(key7) {
     }, preloadedFeatures, createDomVisualElement));
 }
 var m = createMotionProxy(createDomMotionConfig);
-function useIsMounted() {
-    const isMounted = useRef(false);
-    useIsomorphicLayoutEffect(() => {
-        isMounted.current = true;
-        return () => {
-            isMounted.current = false;
-        };
-    }, []);
-    return isMounted;
-}
-function useForceUpdate() {
-    const isMounted = useIsMounted();
-    const [forcedRenderCount, setForcedRenderCount,] = useState(0);
-    const forceRender = useCallback(() => {
-        isMounted.current && setForcedRenderCount(forcedRenderCount + 1);
-    }, [forcedRenderCount,]);
-    const deferredForceRender = useCallback(() => frame.postRender(forceRender), [forceRender,]);
-    return [deferredForceRender, forcedRenderCount,];
-}
-function useUnmountEffect(callback) {
-    return useEffect(() => () => callback(), []);
-}
 var PopChildMeasure = class extends React2.Component {
     getSnapshotBeforeUpdate(prevProps) {
         const element = this.props.childRef.current;
@@ -7408,12 +7403,6 @@ function newChildrenMap() {
     return /* @__PURE__ */ new Map();
 }
 var getChildKey = (child) => child.key || '';
-function updateChildLookup(children, allChildren) {
-    children.forEach((child) => {
-        const key7 = getChildKey(child);
-        allChildren.set(key7, child);
-    });
-}
 function onlyElements(children) {
     const filtered = [];
     Children.forEach(children, (child) => {
@@ -7422,104 +7411,84 @@ function onlyElements(children) {
     });
     return filtered;
 }
-var AnimatePresence = ({ children, custom, initial = true, onExitComplete, exitBeforeEnter, presenceAffectsLayout = true, mode = 'sync', }) => {
+var AnimatePresence = ({ children, exitBeforeEnter, custom, initial = true, onExitComplete, presenceAffectsLayout = true, mode = 'sync', }) => {
     invariant(!exitBeforeEnter, 'Replace exitBeforeEnter with mode=\'wait\'');
-    const forceRender = useContext3(LayoutGroupContext).forceRender || useForceUpdate()[0];
-    const isMounted = useIsMounted();
-    const filteredChildren = onlyElements(children);
-    let childrenToRender = filteredChildren;
-    const exitingChildren = useRef(/* @__PURE__ */ new Map()).current;
-    const presentChildren = useRef(childrenToRender);
-    const allChildren = useRef(/* @__PURE__ */ new Map()).current;
+    const presentChildren = useMemo(() => onlyElements(children), [children,]);
+    const presentKeys = presentChildren.map(getChildKey);
     const isInitialRender = useRef(true);
+    const pendingPresentChildren = useRef(presentChildren);
+    const exitComplete = useConstant(() => /* @__PURE__ */ new Map());
+    const [diffedChildren, setDiffedChildren,] = useState(presentChildren);
+    const [renderedChildren, setRenderedChildren,] = useState(presentChildren);
     useIsomorphicLayoutEffect(() => {
         isInitialRender.current = false;
-        updateChildLookup(filteredChildren, allChildren);
-        presentChildren.current = childrenToRender;
-    });
-    useUnmountEffect(() => {
-        isInitialRender.current = true;
-        allChildren.clear();
-        exitingChildren.clear();
-    });
-    if (isInitialRender.current) {
-        return jsx(Fragment, {
-            children: childrenToRender.map((child) => jsx(PresenceChild, {
-                isPresent: true,
-                initial: initial ? void 0 : false,
-                presenceAffectsLayout,
-                mode,
-                children: child,
-            }, getChildKey(child))),
-        });
-    }
-    childrenToRender = [...childrenToRender,];
-    const presentKeys = presentChildren.current.map(getChildKey);
-    const targetKeys = filteredChildren.map(getChildKey);
-    const numPresent = presentKeys.length;
-    for (let i = 0; i < numPresent; i++) {
-        const key7 = presentKeys[i];
-        if (targetKeys.indexOf(key7) === -1 && !exitingChildren.has(key7)) {
-            exitingChildren.set(key7, void 0);
+        pendingPresentChildren.current = presentChildren;
+        for (let i = 0; i < renderedChildren.length; i++) {
+            const key7 = getChildKey(renderedChildren[i]);
+            if (!presentKeys.includes(key7)) {
+                if (exitComplete.get(key7) !== true) {
+                    exitComplete.set(key7, false);
+                }
+            }
+            else {
+                exitComplete.delete(key7);
+            }
+        }
+    }, [renderedChildren, presentKeys.length, presentKeys.join('-'),]);
+    const exitingChildren = [];
+    if (presentChildren !== diffedChildren) {
+        let nextChildren = [...presentChildren,];
+        for (let i = 0; i < renderedChildren.length; i++) {
+            const child = renderedChildren[i];
+            const key7 = getChildKey(child);
+            if (!presentKeys.includes(key7)) {
+                nextChildren.splice(i, 0, child);
+                exitingChildren.push(child);
+            }
+        }
+        if (mode === 'wait' && exitingChildren.length) {
+            nextChildren = exitingChildren;
         }
+        setRenderedChildren(onlyElements(nextChildren));
+        setDiffedChildren(presentChildren);
+        return;
     }
-    if (mode === 'wait' && exitingChildren.size) {
-        childrenToRender = [];
+    if (false) {
+        console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`);
     }
-    exitingChildren.forEach((component, key7) => {
-        if (targetKeys.indexOf(key7) !== -1)
-            return;
-        const child = allChildren.get(key7);
-        if (!child)
-            return;
-        const insertionIndex = presentKeys.indexOf(key7);
-        let exitingComponent = component;
-        if (!exitingComponent) {
+    const { forceRender, } = useContext3(LayoutGroupContext);
+    return jsx(Fragment, {
+        children: renderedChildren.map((child) => {
+            const key7 = getChildKey(child);
+            const isPresent2 = presentChildren === renderedChildren || presentKeys.includes(key7);
             const onExit = () => {
-                exitingChildren.delete(key7);
-                const leftOverKeys = Array.from(allChildren.keys()).filter((childKey) => !targetKeys.includes(childKey));
-                leftOverKeys.forEach((leftOverKey) => allChildren.delete(leftOverKey));
-                presentChildren.current = filteredChildren.filter((presentChild) => {
-                    const presentChildKey = getChildKey(presentChild);
-                    return (
-                    // filter out the node exiting
-                    presentChildKey === key7 ||
-                        // filter out the leftover children
-                        leftOverKeys.includes(presentChildKey));
+                if (exitComplete.has(key7)) {
+                    exitComplete.set(key7, true);
+                }
+                else {
+                    return;
+                }
+                let isEveryExitComplete = true;
+                exitComplete.forEach((isExitComplete) => {
+                    if (!isExitComplete)
+                        isEveryExitComplete = false;
                 });
-                if (!exitingChildren.size) {
-                    if (isMounted.current === false)
-                        return;
-                    forceRender();
+                if (isEveryExitComplete) {
+                    forceRender === null || forceRender === void 0 ? void 0 : forceRender();
+                    setRenderedChildren(pendingPresentChildren.current);
                     onExitComplete && onExitComplete();
                 }
             };
-            exitingComponent = jsx(PresenceChild, {
-                isPresent: false,
-                onExitComplete: onExit,
-                custom,
+            return jsx(PresenceChild, {
+                isPresent: isPresent2,
+                initial: !isInitialRender.current || initial ? void 0 : false,
+                custom: isPresent2 ? void 0 : custom,
                 presenceAffectsLayout,
                 mode,
+                onExitComplete: isPresent2 ? void 0 : onExit,
                 children: child,
-            }, getChildKey(child));
-            exitingChildren.set(key7, exitingComponent);
-        }
-        childrenToRender.splice(insertionIndex, 0, exitingComponent);
-    });
-    childrenToRender = childrenToRender.map((child) => {
-        const key7 = child.key;
-        return exitingChildren.has(key7) ? child : jsx(PresenceChild, {
-            isPresent: true,
-            presenceAffectsLayout,
-            mode,
-            children: child,
-        }, getChildKey(child));
-    });
-    if (false) {
-        console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`);
-    }
-    return jsx(Fragment, {
-        children: exitingChildren.size ? childrenToRender : childrenToRender.map((child) => cloneElement2(child)),
+            }, key7);
+        }),
     });
 };
 function MotionConfig(_j) {
@@ -7563,6 +7532,25 @@ function isLazyBundle(features) {
     return typeof features === 'function';
 }
 var DeprecatedLayoutGroupContext = createContext(null);
+function useIsMounted() {
+    const isMounted = useRef(false);
+    useIsomorphicLayoutEffect(() => {
+        isMounted.current = true;
+        return () => {
+            isMounted.current = false;
+        };
+    }, []);
+    return isMounted;
+}
+function useForceUpdate() {
+    const isMounted = useIsMounted();
+    const [forcedRenderCount, setForcedRenderCount,] = useState(0);
+    const forceRender = useCallback(() => {
+        isMounted.current && setForcedRenderCount(forcedRenderCount + 1);
+    }, [forcedRenderCount,]);
+    const deferredForceRender = useCallback(() => frame.postRender(forceRender), [forceRender,]);
+    return [deferredForceRender, forcedRenderCount,];
+}
 var notify = (node) => !node.isLayoutDirty && node.willUpdate(false);
 function nodeGroup() {
     const nodes = /* @__PURE__ */ new Set();
@@ -7762,6 +7750,7 @@ var Reorder = {
     Group,
     Item,
 };
+var domMin = Object.assign({ renderer: createDomVisualElement }, animations);
 var domAnimation = Object.assign(Object.assign({ renderer: createDomVisualElement }, animations), gestureAnimations);
 var domMax = Object.assign(Object.assign(Object.assign({}, domAnimation), drag), layout);
 function useMotionTemplate(fragments, ...values) {
@@ -7779,10 +7768,15 @@ function useMotionTemplate(fragments, ...values) {
     }
     return useCombineMotionValues(values.filter(isMotionValue), buildValue);
 }
+function toNumber(v) {
+    if (typeof v === 'number')
+        return v;
+    return parseFloat(v);
+}
 function useSpring(source, config = {}) {
     const { isStatic, } = useContext3(MotionConfigContext);
     const activeSpringAnimation = useRef(null);
-    const value = useMotionValue(isMotionValue(source) ? source.get() : source);
+    const value = useMotionValue(isMotionValue(source) ? toNumber(source.get()) : source);
     const latestValue = useRef(value.get());
     const latestSetter = useRef(() => { });
     const startAnimation2 = () => {
@@ -7810,7 +7804,7 @@ function useSpring(source, config = {}) {
     }, [JSON.stringify(config),]);
     useIsomorphicLayoutEffect(() => {
         if (isMotionValue(source)) {
-            return source.on('change', (v) => value.set(parseFloat(v)));
+            return source.on('change', (v) => value.set(toNumber(v)));
         }
     }, [value,]);
     return value;
@@ -8288,6 +8282,9 @@ function useTime() {
     useAnimationFrame((t) => time2.set(t));
     return time2;
 }
+function useWillChange() {
+    return useConstant(() => new WillChangeMotionValue('auto'));
+}
 function useReducedMotion() {
     !hasReducedMotionListener.current && initPrefersReducedMotion();
     const [shouldReduceMotion,] = useState(prefersReducedMotion.current);
@@ -8374,6 +8371,9 @@ function animationControls() {
     };
     return controls;
 }
+function useUnmountEffect(callback) {
+    return useEffect(() => () => callback(), []);
+}
 var wrap = (min, max, v) => {
     const rangeSize = max - min;
     return ((v - min) % rangeSize + rangeSize) % rangeSize + min;
@@ -8827,8 +8827,9 @@ function useResetProjection() {
 }
 var appearStoreId = (id4, value) => `${id4}: ${value}`;
 var appearAnimationStore = /* @__PURE__ */ new Map();
+var elementsWithAppearAnimations = /* @__PURE__ */ new Set();
 var handoffFrameTime;
-function handoffOptimizedAppearAnimation(elementId, valueName, _value, frame2) {
+function handoffOptimizedAppearAnimation(elementId, valueName, frame2) {
     const optimisedValueName = transformProps.has(valueName) ? 'transform' : valueName;
     const storeId = appearStoreId(elementId, optimisedValueName);
     const optimisedAnimation = appearAnimationStore.get(storeId);
@@ -8836,25 +8837,14 @@ function handoffOptimizedAppearAnimation(elementId, valueName, _value, frame2) {
         return null;
     }
     const { animation, startTime, } = optimisedAnimation;
-    const cancelAnimation = () => {
+    if (startTime === null || window.MotionHandoffIsComplete) {
         appearAnimationStore.delete(storeId);
-        if (frame2) {
-            frame2.render(() => frame2.render(() => {
-                try {
-                    animation.cancel();
-                }
-                catch (error) { }
-            }));
-        }
-        else {
+        frame2.render(() => frame2.render(() => {
             try {
                 animation.cancel();
             }
             catch (error) { }
-        }
-    };
-    if (startTime === null || window.HandoffComplete) {
-        cancelAnimation();
+        }));
         return null;
     }
     else {
@@ -8867,14 +8857,14 @@ function handoffOptimizedAppearAnimation(elementId, valueName, _value, frame2) {
 var startFrameTime;
 var readyAnimation;
 function startOptimizedAppearAnimation(element, name, keyframes2, options, onReady) {
-    if (window.HandoffComplete) {
-        window.HandoffAppearAnimations = void 0;
+    if (window.MotionHandoffIsComplete) {
+        window.MotionHandoffAnimation = void 0;
         return;
     }
     const id4 = element.dataset[optimizedAppearDataId];
     if (!id4)
         return;
-    window.HandoffAppearAnimations = handoffOptimizedAppearAnimation;
+    window.MotionHandoffAnimation = handoffOptimizedAppearAnimation;
     const storeId = appearStoreId(id4, name);
     if (!readyAnimation) {
         readyAnimation = animateStyle(element, name, [keyframes2[0], keyframes2[0],], /**
@@ -8888,15 +8878,18 @@ function startOptimizedAppearAnimation(element, name, keyframes2, options, onRea
             animation: readyAnimation,
             startTime: null,
         });
-        if (!window.HandoffCancelAllAnimations) {
-            window.HandoffCancelAllAnimations = () => {
-                appearAnimationStore.forEach(({ animation, }) => {
+        window.MotionHandoffAnimation = handoffOptimizedAppearAnimation;
+        window.MotionHandoffCancelAll = () => {
+            appearAnimationStore.forEach(({ animation, }, animationId) => {
+                if (animationId.endsWith('transform')) {
                     animation.cancel();
-                });
-                appearAnimationStore.clear();
-                window.HandoffCancelAllAnimations = void 0;
-            };
-        }
+                    appearAnimationStore.delete(animationId);
+                }
+            });
+            window.MotionHandoffCancelAll = void 0;
+        };
+        window.MotionHasOptimisedAnimation = (elementId) => Boolean(elementId && elementsWithAppearAnimations.has(elementId));
+        window.MotionHasOptimisedTransformAnimation = (elementId) => Boolean(elementId && appearAnimationStore.has(appearStoreId(elementId, 'transform')));
     }
     const startAnimation2 = () => {
         readyAnimation.cancel();
@@ -8912,6 +8905,7 @@ function startOptimizedAppearAnimation(element, name, keyframes2, options, onRea
         if (onReady)
             onReady(appearAnimation);
     };
+    elementsWithAppearAnimations.add(id4);
     if (readyAnimation.ready) {
         readyAnimation.ready.then(startAnimation2).catch(noop);
     }
@@ -9070,12 +9064,13 @@ var cancelSync = stepsOrder.reduce((acc, key7) => {
     acc[key7] = (process2) => cancelFrame(process2);
     return acc;
 }, {});
-// https :https://app.framerstatic.com/framer.V4LTAYQT.js
+// https :https://app.framerstatic.com/framer.LMS2FZ32.js
 import React4 from 'react';
 import { startTransition as startTransition2, } from 'react';
 import { Suspense as Suspense2, } from 'react';
 import ReactDOM from 'react-dom';
 import { createRef, } from 'react';
+import { cloneElement as cloneElement32, } from 'react';
 var require_hsluv = __commonJS({
     '../../../node_modules/hsluv/dist/hsluv.cjs'(exports) {
         'use strict';
@@ -27963,9 +27958,9 @@ function runEffectAnimation(target, effect, shouldReduceMotion, ref, appearId, i
                 const visualElement = visualElementStore.get(ref.current);
                 if (visualElement)
                     visualElement.setBaseTarget(key7, value);
-                const handoff = isString22(appearId) && !(motionValue2 == null ? void 0 : motionValue2.hasAnimated) && safeWindow.HandoffAppearAnimations
+                const handoff = isString22(appearId) && !(motionValue2 == null ? void 0 : motionValue2.hasAnimated) && safeWindow.MotionHandoffAnimation
                     ? {
-                        elapsed: safeWindow.HandoffAppearAnimations(appearId, key7, motionValue2, frame),
+                        elapsed: safeWindow.MotionHandoffAnimation(appearId, key7, frame),
                     }
                     : void 0;
                 if (instant) {
@@ -30467,15 +30462,23 @@ function stateCanSubmitForm(state) {
 function preventDefault(e) {
     e.preventDefault();
 }
-function openExternalLink(link) {
-    if (!safeWindow)
-        return;
+function openExternalLinkInCurrentTab(link, formRef) {
     const href = isValidURL(link, false) ? link : `https://${link}`;
-    safeWindow.open(href, '_blank');
+    const linkElement = document.createElement('a');
+    linkElement.href = href;
+    linkElement.target = '_self';
+    linkElement.style.display = 'none';
+    if (!('current' in formRef && formRef.current))
+        return;
+    formRef.current.appendChild(linkElement);
+    linkElement.click();
+    linkElement.remove();
 }
 var FormContext = React4.createContext(void 0);
-var FormContainer = /* @__PURE__ */ React4.forwardRef((_j, ref) => {
+var FormContainer = /* @__PURE__ */ React4.forwardRef((_j, forwardedRef) => {
     var { action, children, redirectUrl, onSuccess, onError, onLoading } = _j, props = __rest(_j, ["action", "children", "redirectUrl", "onSuccess", "onError", "onLoading"]);
+    const fallbackRef = React4.useRef(null);
+    const ref = forwardedRef !== null && forwardedRef !== void 0 ? forwardedRef : fallbackRef;
     const router = useRouter();
     const currentRoute = useCurrentRoute();
     const implicitPathVariables = useImplicitPathVariables();
@@ -30500,7 +30503,7 @@ var FormContainer = /* @__PURE__ */ React4.forwardRef((_j, ref) => {
             if (isString22(link)) {
                 const matchingRoute2 = findMatchingRouteAttributesForResolvedPath(router, link, implicitPathVariables);
                 if (!matchingRoute2) {
-                    openExternalLink(link);
+                    openExternalLinkInCurrentTab(link, ref);
                     return;
                 }
                 const { routeId: routeId2, elementId: elementId2, pathVariables: pathVariables2, } = matchingRoute2;
@@ -37911,7 +37914,7 @@ function processRichTextChildren(element, stylesPresetsClassNames, plainText, an
             children = [anchorLink,];
         }
     }
-    return cloneElement2(element, props, ...children);
+    return cloneElement32(element, props, ...children);
 }
 function generateHeadingSlug(children, slugCounters) {
     var _j;
@@ -40119,7 +40122,7 @@ var package_default = {
         yargs: '^17.6.2',
     },
     peerDependencies: {
-        'framer-motion': '11.3.9',
+        'framer-motion': '11.3.23',
         react: '^18.2.0',
         'react-dom': '^18.2.0',
     },
@@ -40150,7 +40153,7 @@ MotionValue.prototype.addChild = function ({ transformer = (v) => v, }) {
 if (false) {
     MainLoop.start();
 }
-export { _injectRuntime, AcceleratedAnimation, addActionControls, addFonts, addPointerEvent, addPointerInfo, addPropertyControls, addScaleCorrector, AnchorLinkTarget, Animatable, animate2 as animate, 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, createDomMotionComponent, createFramerPageLink, createMotionComponent, 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, DragControls, Draggable, easeIn, easeInOut, easeOut, EmptyState, environment, ErrorPlaceholder, executeInRenderEnvironment, Fetcher, filterProps, 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, FrameWithMotion, GamepadContext, GeneratedComponentContext, getComponentSize, getDevicePreset, getFonts, getFontsFromComponentPreset, getFontsFromSharedStyle, getLoadingLazyAtYPosition, getMeasurableCodeComponentChildren, getMergedConstraintsProps, getPropertyControls, getWhereExpressionFromPathVariables, gradientForShape, Image2 as Image, imagePatternPropsForFill, imageUrlForAsset, 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, 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, NavigateTo, NavigationCallbackProvider, NavigationConsumer, NavigationTransitionType, NavigationWrapper as Navigation, NotFoundError, ObservableObject, optimizeAppear, optimizeAppearTransformTemplate, optimizedAppearDataAttribute, paddingFromProps, Page3 as Page, PageEffectsProvider, PageRoot, ParentSizeState, parseFramerPageLink, pathDefaults, PathSegment, PathVariablesContext, pipe, Point, Polygon, preloadImage, PresenceContext, print, progress, PropertyOverrides, PropertyStore, propsForLink, pushLoadMoreHistory, px, QueryEngine, RadialGradient, Rect, removeHiddenBreakpointLayers, removeHiddenBreakpointLayersV2, RenderTarget, Reorder, resolveLink, ResolveLinks, resolveMotionValue, resolvePageScope, reverseEasing, RichText, roundedNumber, roundedNumberString, roundWithOffset, Scroll, scroll, scrollInfo, setGlobalRenderEnvironment, setInitialHydrationState, Shadow, sharedSVGManager, shouldOpenLinkInNewTab, Size, spring, SpringAnimator, SSRVariants, Stack, stagger, startAnimation, startOptimizedAppearAnimation, steps, StyleSheetContext, SVG, SwitchLayoutGroupContext, sync, systemFontFamilyName, Text2 as Text, throttle, toFlexDirection, toJustifyOrAlignment, toSVGPath, transform, transformString2 as transformString, transformTemplate, turnOffReactEventHandling, unwrapMotionComponent, useActiveTargetCallback, useActiveVariantCallback, useAddVariantProps, useAnimate, useAnimatedState, useAnimatedState as useDeprecatedAnimatedState, useAnimation, useAnimationControls, useAnimationFrame, useBreakpointVariants, useComponentViewport, useConstant2 as useConstant, useCurrentPathVariables, useCurrentRouteId, useCustomCursors, useCycle, useDataRecord, useDomEvent, useDragControls, useDynamicRefs, useElementScroll, useForceUpdate, useGamepad, useHotkey, useHydratedBreakpointVariants, useInitialRouteComponent, useInstantLayoutTransition, useInstantTransition, useInvertedScale, useInvertedScale as useDeprecatedInvertedScale, useInView, useIsInCurrentNavigationTarget, useIsomorphicLayoutEffect, useIsOnFramerCanvas, useIsPresent, useLoadMorePaginatedQuery, useLocale, useLocaleCode, useLocaleInfo, useLocalizationInfo, useMeasureLayout, useMotionTemplate, useMotionValue, useMotionValueEvent, useNavigate, useNavigation, useObserveData, useOnAppear, useOnCurrentTargetChange, useOnVariantChange, useOverlayState, usePageEffects, usePrefetch, usePreloadQuery, usePresence, usePrototypeNavigate, useProvidedWindow, useQueryData, useReducedMotion, useReducedMotionConfig, useRenderEnvironment, useResetProjection, useRoute, useRouteAnchor, useRouteElementId, useRouteHandler, useRouter, useScroll, useSpring, useTime, useTransform, useUnmountEffect, useVariantState, useVelocity, useViewportScroll, useWillChange, ValueInterpolation, valueToDimensionType, VariantSelector, Vector, VectorGroup, version, VisualElement, visualElementStore, warning, WindowContext, withCSS, withFX, withGeneratedLayoutId, withInfiniteScroll, withMappedReactProps, withMeasuredSize, WithNavigator, withOpacity, withOptimizedAppearEffect, WithOverride, withParallaxTransform, withPath, withPerformanceMarks, withShape, withStyleAppearEffect, withVariantAppearEffect, withVariantFX, wrap, };
+export { _injectRuntime, AcceleratedAnimation, addActionControls, addFonts, addPointerEvent, addPointerInfo, addPropertyControls, addScaleCorrector, AnchorLinkTarget, Animatable, animate2 as animate, 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, createDomMotionComponent, createFramerPageLink, createMotionComponent, 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, 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, FrameWithMotion, GamepadContext, GeneratedComponentContext, getComponentSize, getDevicePreset, getFonts, getFontsFromComponentPreset, getFontsFromSharedStyle, getLoadingLazyAtYPosition, getMeasurableCodeComponentChildren, getMergedConstraintsProps, getPropertyControls, getWhereExpressionFromPathVariables, gradientForShape, Image2 as Image, imagePatternPropsForFill, imageUrlForAsset, 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, 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, NavigateTo, NavigationCallbackProvider, NavigationConsumer, NavigationTransitionType, NavigationWrapper as Navigation, NotFoundError, ObservableObject, optimizeAppear, optimizeAppearTransformTemplate, optimizedAppearDataAttribute, paddingFromProps, Page3 as Page, PageEffectsProvider, PageRoot, ParentSizeState, parseFramerPageLink, pathDefaults, PathSegment, PathVariablesContext, pipe, Point, Polygon, preloadImage, PresenceContext, print, progress, PropertyOverrides, PropertyStore, propsForLink, pushLoadMoreHistory, px, QueryEngine, RadialGradient, Rect, removeHiddenBreakpointLayers, removeHiddenBreakpointLayersV2, RenderTarget, Reorder, resolveLink, ResolveLinks, resolveMotionValue, resolvePageScope, reverseEasing, RichText, roundedNumber, roundedNumberString, roundWithOffset, Scroll, scroll, scrollInfo, setGlobalRenderEnvironment, setInitialHydrationState, Shadow, sharedSVGManager, shouldOpenLinkInNewTab, Size, spring, SpringAnimator, SSRVariants, Stack, stagger, startAnimation, startOptimizedAppearAnimation, steps, StyleSheetContext, SVG, SwitchLayoutGroupContext, sync, systemFontFamilyName, Text2 as Text, throttle, toFlexDirection, toJustifyOrAlignment, toSVGPath, transform, transformString2 as transformString, transformTemplate, turnOffReactEventHandling, unwrapMotionComponent, useActiveTargetCallback, useActiveVariantCallback, useAddVariantProps, useAnimate, useAnimatedState, useAnimatedState as useDeprecatedAnimatedState, useAnimation, useAnimationControls, useAnimationFrame, useBreakpointVariants, useComponentViewport, useConstant2 as useConstant, useCurrentPathVariables, useCurrentRouteId, useCustomCursors, useCycle, useDataRecord, useDomEvent, useDragControls, useDynamicRefs, useElementScroll, useForceUpdate, useGamepad, useHotkey, useHydratedBreakpointVariants, useInitialRouteComponent, useInstantLayoutTransition, useInstantTransition, useInvertedScale, useInvertedScale as useDeprecatedInvertedScale, useInView, useIsInCurrentNavigationTarget, useIsomorphicLayoutEffect, useIsOnFramerCanvas, useIsPresent, useLoadMorePaginatedQuery, useLocale, useLocaleCode, useLocaleInfo, useLocalizationInfo, useMeasureLayout, useMotionTemplate, useMotionValue, useMotionValueEvent, useNavigate, useNavigation, useObserveData, useOnAppear, useOnCurrentTargetChange, useOnVariantChange, useOverlayState, usePageEffects, usePrefetch, usePreloadQuery, usePresence, usePrototypeNavigate, useProvidedWindow, useQueryData, useReducedMotion, useReducedMotionConfig, useRenderEnvironment, useResetProjection, useRoute, useRouteAnchor, useRouteElementId, useRouteHandler, useRouter, useScroll, useSpring, useTime, useTransform, useUnmountEffect, useVariantState, useVelocity, useViewportScroll, useWillChange, ValueInterpolation, valueToDimensionType, VariantSelector, Vector, VectorGroup, version, VisualElement, visualElementStore, warning, WindowContext, withCSS, withFX, withGeneratedLayoutId, withInfiniteScroll, withMappedReactProps, withMeasuredSize, WithNavigator, withOpacity, withOptimizedAppearEffect, WithOverride, withParallaxTransform, withPath, withPerformanceMarks, withShape, withStyleAppearEffect, withVariantAppearEffect, withVariantFX, wrap, };
 /**
  * @license Emotion v11.0.0
  * MIT License