if (drag ||

[23500] Fix | Delete

prevProps.layoutDependency !== layoutDependency ||

[23501] Fix | Delete

layoutDependency === undefined) {

[23502] Fix | Delete

projection.willUpdate();

[23503] Fix | Delete

}

[23504] Fix | Delete

else {

[23505] Fix | Delete

this.safeToRemove();

[23506] Fix | Delete

}

[23507] Fix | Delete

if (prevProps.isPresent !== isPresent) {

[23508] Fix | Delete

if (isPresent) {

[23509] Fix | Delete

projection.promote();

[23510] Fix | Delete

}

[23511] Fix | Delete

else if (!projection.relegate()) {

[23512] Fix | Delete

/**

[23513] Fix | Delete

* If there's another stack member taking over from this one,

[23514] Fix | Delete

* it's in charge of the exit animation and therefore should

[23515] Fix | Delete

* be in charge of the safe to remove. Otherwise we call it here.

[23516] Fix | Delete

*/

[23517] Fix | Delete

frame_frame.postRender(() => {

[23518] Fix | Delete

const stack = projection.getStack();

[23519] Fix | Delete

if (!stack || !stack.members.length) {

[23520] Fix | Delete

this.safeToRemove();

[23521] Fix | Delete

}

[23522] Fix | Delete

});

[23523] Fix | Delete

}

[23524] Fix | Delete

}

[23525] Fix | Delete

return null;

[23526] Fix | Delete

}

[23527] Fix | Delete

componentDidUpdate() {

[23528] Fix | Delete

const { projection } = this.props.visualElement;

[23529] Fix | Delete

if (projection) {

[23530] Fix | Delete

projection.root.didUpdate();

[23531] Fix | Delete

microtask.postRender(() => {

[23532] Fix | Delete

if (!projection.currentAnimation && projection.isLead()) {

[23533] Fix | Delete

this.safeToRemove();

[23534] Fix | Delete

}

[23535] Fix | Delete

});

[23536] Fix | Delete

}

[23537] Fix | Delete

}

[23538] Fix | Delete

componentWillUnmount() {

[23539] Fix | Delete

const { visualElement, layoutGroup, switchLayoutGroup: promoteContext, } = this.props;

[23540] Fix | Delete

const { projection } = visualElement;

[23541] Fix | Delete

if (projection) {

[23542] Fix | Delete

projection.scheduleCheckAfterUnmount();

[23543] Fix | Delete

if (layoutGroup && layoutGroup.group)

[23544] Fix | Delete

layoutGroup.group.remove(projection);

[23545] Fix | Delete

if (promoteContext && promoteContext.deregister)

[23546] Fix | Delete

promoteContext.deregister(projection);

[23547] Fix | Delete

}

[23548] Fix | Delete

}

[23549] Fix | Delete

safeToRemove() {

[23550] Fix | Delete

const { safeToRemove } = this.props;

[23551] Fix | Delete

safeToRemove && safeToRemove();

[23552] Fix | Delete

}

[23553] Fix | Delete

render() {

[23554] Fix | Delete

return null;

[23555] Fix | Delete

}

[23556] Fix | Delete

}

[23557] Fix | Delete

function MeasureLayout(props) {

[23558] Fix | Delete

const [isPresent, safeToRemove] = usePresence();

[23559] Fix | Delete

const layoutGroup = (0,external_React_.useContext)(LayoutGroupContext);

[23560] Fix | Delete

return ((0,external_ReactJSXRuntime_namespaceObject.jsx)(MeasureLayoutWithContext, { ...props, layoutGroup: layoutGroup, switchLayoutGroup: (0,external_React_.useContext)(SwitchLayoutGroupContext), isPresent: isPresent, safeToRemove: safeToRemove }));

[23561] Fix | Delete

}

[23562] Fix | Delete

const defaultScaleCorrectors = {

[23563] Fix | Delete

borderRadius: {

[23564] Fix | Delete

...correctBorderRadius,

[23565] Fix | Delete

applyTo: [

[23566] Fix | Delete

"borderTopLeftRadius",

[23567] Fix | Delete

"borderTopRightRadius",

[23568] Fix | Delete

"borderBottomLeftRadius",

[23569] Fix | Delete

"borderBottomRightRadius",

[23570] Fix | Delete

],

[23571] Fix | Delete

},

[23572] Fix | Delete

borderTopLeftRadius: correctBorderRadius,

[23573] Fix | Delete

borderTopRightRadius: correctBorderRadius,

[23574] Fix | Delete

borderBottomLeftRadius: correctBorderRadius,

[23575] Fix | Delete

borderBottomRightRadius: correctBorderRadius,

[23576] Fix | Delete

boxShadow: correctBoxShadow,

[23577] Fix | Delete

};

[23578] Fix | Delete

[23579] Fix | Delete

[23580] Fix | Delete

[23581] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/framer-motion/dist/es/projection/animation/mix-values.mjs

[23582] Fix | Delete

[23583] Fix | Delete

[23584] Fix | Delete

[23585] Fix | Delete

[23586] Fix | Delete

[23587] Fix | Delete

[23588] Fix | Delete

const borders = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"];

[23589] Fix | Delete

const numBorders = borders.length;

[23590] Fix | Delete

const asNumber = (value) => typeof value === "string" ? parseFloat(value) : value;

[23591] Fix | Delete

const isPx = (value) => typeof value === "number" || px.test(value);

[23592] Fix | Delete

function mixValues(target, follow, lead, progress, shouldCrossfadeOpacity, isOnlyMember) {

[23593] Fix | Delete

if (shouldCrossfadeOpacity) {

[23594] Fix | Delete

target.opacity = mixNumber(0,

[23595] Fix | Delete

// TODO Reinstate this if only child

[23596] Fix | Delete

lead.opacity !== undefined ? lead.opacity : 1, easeCrossfadeIn(progress));

[23597] Fix | Delete

target.opacityExit = mixNumber(follow.opacity !== undefined ? follow.opacity : 1, 0, easeCrossfadeOut(progress));

[23598] Fix | Delete

}

[23599] Fix | Delete

else if (isOnlyMember) {

[23600] Fix | Delete

target.opacity = mixNumber(follow.opacity !== undefined ? follow.opacity : 1, lead.opacity !== undefined ? lead.opacity : 1, progress);

[23601] Fix | Delete

}

[23602] Fix | Delete

/**

[23603] Fix | Delete

* Mix border radius

[23604] Fix | Delete

*/

[23605] Fix | Delete

for (let i = 0; i < numBorders; i++) {

[23606] Fix | Delete

const borderLabel = `border${borders[i]}Radius`;

[23607] Fix | Delete

let followRadius = getRadius(follow, borderLabel);

[23608] Fix | Delete

let leadRadius = getRadius(lead, borderLabel);

[23609] Fix | Delete

if (followRadius === undefined && leadRadius === undefined)

[23610] Fix | Delete

continue;

[23611] Fix | Delete

followRadius || (followRadius = 0);

[23612] Fix | Delete

leadRadius || (leadRadius = 0);

[23613] Fix | Delete

const canMix = followRadius === 0 ||

[23614] Fix | Delete

leadRadius === 0 ||

[23615] Fix | Delete

isPx(followRadius) === isPx(leadRadius);

[23616] Fix | Delete

if (canMix) {

[23617] Fix | Delete

target[borderLabel] = Math.max(mixNumber(asNumber(followRadius), asNumber(leadRadius), progress), 0);

[23618] Fix | Delete

if (percent.test(leadRadius) || percent.test(followRadius)) {

[23619] Fix | Delete

target[borderLabel] += "%";

[23620] Fix | Delete

}

[23621] Fix | Delete

}

[23622] Fix | Delete

else {

[23623] Fix | Delete

target[borderLabel] = leadRadius;

[23624] Fix | Delete

}

[23625] Fix | Delete

}

[23626] Fix | Delete

/**

[23627] Fix | Delete

* Mix rotation

[23628] Fix | Delete

*/

[23629] Fix | Delete

if (follow.rotate || lead.rotate) {

[23630] Fix | Delete

target.rotate = mixNumber(follow.rotate || 0, lead.rotate || 0, progress);

[23631] Fix | Delete

}

[23632] Fix | Delete

}

[23633] Fix | Delete

function getRadius(values, radiusName) {

[23634] Fix | Delete

return values[radiusName] !== undefined

[23635] Fix | Delete

? values[radiusName]

[23636] Fix | Delete

: values.borderRadius;

[23637] Fix | Delete

}

[23638] Fix | Delete

// /**

[23639] Fix | Delete

// * We only want to mix the background color if there's a follow element

[23640] Fix | Delete

// * that we're not crossfading opacity between. For instance with switch

[23641] Fix | Delete

// * AnimateSharedLayout animations, this helps the illusion of a continuous

[23642] Fix | Delete

// * element being animated but also cuts down on the number of paints triggered

[23643] Fix | Delete

// * for elements where opacity is doing that work for us.

[23644] Fix | Delete

// */

[23645] Fix | Delete

// if (

[23646] Fix | Delete

// !hasFollowElement &&

[23647] Fix | Delete

// latestLeadValues.backgroundColor &&

[23648] Fix | Delete

// latestFollowValues.backgroundColor

[23649] Fix | Delete

// ) {

[23650] Fix | Delete

// /**

[23651] Fix | Delete

// * This isn't ideal performance-wise as mixColor is creating a new function every frame.

[23652] Fix | Delete

// * We could probably create a mixer that runs at the start of the animation but

[23653] Fix | Delete

// * the idea behind the crossfader is that it runs dynamically between two potentially

[23654] Fix | Delete

// * changing targets (ie opacity or borderRadius may be animating independently via variants)

[23655] Fix | Delete

// */

[23656] Fix | Delete

// leadState.backgroundColor = followState.backgroundColor = mixColor(

[23657] Fix | Delete

// latestFollowValues.backgroundColor as string,

[23658] Fix | Delete

// latestLeadValues.backgroundColor as string

[23659] Fix | Delete

// )(p)

[23660] Fix | Delete

// }

[23661] Fix | Delete

const easeCrossfadeIn = compress(0, 0.5, circOut);

[23662] Fix | Delete

const easeCrossfadeOut = compress(0.5, 0.95, noop_noop);

[23663] Fix | Delete

function compress(min, max, easing) {

[23664] Fix | Delete

return (p) => {

[23665] Fix | Delete

// Could replace ifs with clamp

[23666] Fix | Delete

if (p < min)

[23667] Fix | Delete

return 0;

[23668] Fix | Delete

if (p > max)

[23669] Fix | Delete

return 1;

[23670] Fix | Delete

return easing(progress(min, max, p));

[23671] Fix | Delete

};

[23672] Fix | Delete

}

[23673] Fix | Delete

[23674] Fix | Delete

[23675] Fix | Delete

[23676] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/framer-motion/dist/es/projection/geometry/copy.mjs

[23677] Fix | Delete

/**

[23678] Fix | Delete

* Reset an axis to the provided origin box.

[23679] Fix | Delete

*

[23680] Fix | Delete

* This is a mutative operation.

[23681] Fix | Delete

*/

[23682] Fix | Delete

function copyAxisInto(axis, originAxis) {

[23683] Fix | Delete

axis.min = originAxis.min;

[23684] Fix | Delete

axis.max = originAxis.max;

[23685] Fix | Delete

}

[23686] Fix | Delete

/**

[23687] Fix | Delete

* Reset a box to the provided origin box.

[23688] Fix | Delete

*

[23689] Fix | Delete

* This is a mutative operation.

[23690] Fix | Delete

*/

[23691] Fix | Delete

function copyBoxInto(box, originBox) {

[23692] Fix | Delete

copyAxisInto(box.x, originBox.x);

[23693] Fix | Delete

copyAxisInto(box.y, originBox.y);

[23694] Fix | Delete

}

[23695] Fix | Delete

[23696] Fix | Delete

[23697] Fix | Delete

[23698] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/framer-motion/dist/es/projection/geometry/delta-remove.mjs

[23699] Fix | Delete

[23700] Fix | Delete

[23701] Fix | Delete

[23702] Fix | Delete

[23703] Fix | Delete

/**

[23704] Fix | Delete

* Remove a delta from a point. This is essentially the steps of applyPointDelta in reverse

[23705] Fix | Delete

*/

[23706] Fix | Delete

function removePointDelta(point, translate, scale, originPoint, boxScale) {

[23707] Fix | Delete

point -= translate;

[23708] Fix | Delete

point = scalePoint(point, 1 / scale, originPoint);

[23709] Fix | Delete

if (boxScale !== undefined) {

[23710] Fix | Delete

point = scalePoint(point, 1 / boxScale, originPoint);

[23711] Fix | Delete

}

[23712] Fix | Delete

return point;

[23713] Fix | Delete

}

[23714] Fix | Delete

/**

[23715] Fix | Delete

* Remove a delta from an axis. This is essentially the steps of applyAxisDelta in reverse

[23716] Fix | Delete

*/

[23717] Fix | Delete

function removeAxisDelta(axis, translate = 0, scale = 1, origin = 0.5, boxScale, originAxis = axis, sourceAxis = axis) {

[23718] Fix | Delete

if (percent.test(translate)) {

[23719] Fix | Delete

translate = parseFloat(translate);

[23720] Fix | Delete

const relativeProgress = mixNumber(sourceAxis.min, sourceAxis.max, translate / 100);

[23721] Fix | Delete

translate = relativeProgress - sourceAxis.min;

[23722] Fix | Delete

}

[23723] Fix | Delete

if (typeof translate !== "number")

[23724] Fix | Delete

return;

[23725] Fix | Delete

let originPoint = mixNumber(originAxis.min, originAxis.max, origin);

[23726] Fix | Delete

if (axis === originAxis)

[23727] Fix | Delete

originPoint -= translate;

[23728] Fix | Delete

axis.min = removePointDelta(axis.min, translate, scale, originPoint, boxScale);

[23729] Fix | Delete

axis.max = removePointDelta(axis.max, translate, scale, originPoint, boxScale);

[23730] Fix | Delete

}

[23731] Fix | Delete

/**

[23732] Fix | Delete

* Remove a transforms from an axis. This is essentially the steps of applyAxisTransforms in reverse

[23733] Fix | Delete

* and acts as a bridge between motion values and removeAxisDelta

[23734] Fix | Delete

*/

[23735] Fix | Delete

function removeAxisTransforms(axis, transforms, [key, scaleKey, originKey], origin, sourceAxis) {

[23736] Fix | Delete

removeAxisDelta(axis, transforms[key], transforms[scaleKey], transforms[originKey], transforms.scale, origin, sourceAxis);

[23737] Fix | Delete

}

[23738] Fix | Delete

/**

[23739] Fix | Delete

* The names of the motion values we want to apply as translation, scale and origin.

[23740] Fix | Delete

*/

[23741] Fix | Delete

const delta_remove_xKeys = ["x", "scaleX", "originX"];

[23742] Fix | Delete

const delta_remove_yKeys = ["y", "scaleY", "originY"];

[23743] Fix | Delete

/**

[23744] Fix | Delete

* Remove a transforms from an box. This is essentially the steps of applyAxisBox in reverse

[23745] Fix | Delete

* and acts as a bridge between motion values and removeAxisDelta

[23746] Fix | Delete

*/

[23747] Fix | Delete

function removeBoxTransforms(box, transforms, originBox, sourceBox) {

[23748] Fix | Delete

removeAxisTransforms(box.x, transforms, delta_remove_xKeys, originBox ? originBox.x : undefined, sourceBox ? sourceBox.x : undefined);

[23749] Fix | Delete

removeAxisTransforms(box.y, transforms, delta_remove_yKeys, originBox ? originBox.y : undefined, sourceBox ? sourceBox.y : undefined);

[23750] Fix | Delete

}

[23751] Fix | Delete

[23752] Fix | Delete

[23753] Fix | Delete

[23754] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/framer-motion/dist/es/projection/geometry/utils.mjs

[23755] Fix | Delete

[23756] Fix | Delete

[23757] Fix | Delete

function isAxisDeltaZero(delta) {

[23758] Fix | Delete

return delta.translate === 0 && delta.scale === 1;

[23759] Fix | Delete

}

[23760] Fix | Delete

function isDeltaZero(delta) {

[23761] Fix | Delete

return isAxisDeltaZero(delta.x) && isAxisDeltaZero(delta.y);

[23762] Fix | Delete

}

[23763] Fix | Delete

function boxEquals(a, b) {

[23764] Fix | Delete

return (a.x.min === b.x.min &&

[23765] Fix | Delete

a.x.max === b.x.max &&

[23766] Fix | Delete

a.y.min === b.y.min &&

[23767] Fix | Delete

a.y.max === b.y.max);

[23768] Fix | Delete

}

[23769] Fix | Delete

function boxEqualsRounded(a, b) {

[23770] Fix | Delete

return (Math.round(a.x.min) === Math.round(b.x.min) &&

[23771] Fix | Delete

Math.round(a.x.max) === Math.round(b.x.max) &&

[23772] Fix | Delete

Math.round(a.y.min) === Math.round(b.y.min) &&

[23773] Fix | Delete

Math.round(a.y.max) === Math.round(b.y.max));

[23774] Fix | Delete

}

[23775] Fix | Delete

function aspectRatio(box) {

[23776] Fix | Delete

return calcLength(box.x) / calcLength(box.y);

[23777] Fix | Delete

}

[23778] Fix | Delete

[23779] Fix | Delete

[23780] Fix | Delete

[23781] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/framer-motion/dist/es/projection/shared/stack.mjs

[23782] Fix | Delete

[23783] Fix | Delete

[23784] Fix | Delete

class NodeStack {

[23785] Fix | Delete

constructor() {

[23786] Fix | Delete

this.members = [];

[23787] Fix | Delete

}

[23788] Fix | Delete

add(node) {

[23789] Fix | Delete

addUniqueItem(this.members, node);

[23790] Fix | Delete

node.scheduleRender();

[23791] Fix | Delete

}

[23792] Fix | Delete

remove(node) {

[23793] Fix | Delete

removeItem(this.members, node);

[23794] Fix | Delete

if (node === this.prevLead) {

[23795] Fix | Delete

this.prevLead = undefined;

[23796] Fix | Delete

}

[23797] Fix | Delete

if (node === this.lead) {

[23798] Fix | Delete

const prevLead = this.members[this.members.length - 1];

[23799] Fix | Delete

if (prevLead) {

[23800] Fix | Delete

this.promote(prevLead);

[23801] Fix | Delete

}

[23802] Fix | Delete

}

[23803] Fix | Delete

}

[23804] Fix | Delete

relegate(node) {

[23805] Fix | Delete

const indexOfNode = this.members.findIndex((member) => node === member);

[23806] Fix | Delete

if (indexOfNode === 0)

[23807] Fix | Delete

return false;

[23808] Fix | Delete

/**

[23809] Fix | Delete

* Find the next projection node that is present

[23810] Fix | Delete

*/

[23811] Fix | Delete

let prevLead;

[23812] Fix | Delete

for (let i = indexOfNode; i >= 0; i--) {

[23813] Fix | Delete

const member = this.members[i];

[23814] Fix | Delete

if (member.isPresent !== false) {

[23815] Fix | Delete

prevLead = member;

[23816] Fix | Delete

break;

[23817] Fix | Delete

}

[23818] Fix | Delete

}

[23819] Fix | Delete

if (prevLead) {

[23820] Fix | Delete

this.promote(prevLead);

[23821] Fix | Delete

return true;

[23822] Fix | Delete

}

[23823] Fix | Delete

else {

[23824] Fix | Delete

return false;

[23825] Fix | Delete

}

[23826] Fix | Delete

}

[23827] Fix | Delete

promote(node, preserveFollowOpacity) {

[23828] Fix | Delete

const prevLead = this.lead;

[23829] Fix | Delete

if (node === prevLead)

[23830] Fix | Delete

return;

[23831] Fix | Delete

this.prevLead = prevLead;

[23832] Fix | Delete

this.lead = node;

[23833] Fix | Delete

node.show();

[23834] Fix | Delete

if (prevLead) {

[23835] Fix | Delete

prevLead.instance && prevLead.scheduleRender();

[23836] Fix | Delete

node.scheduleRender();

[23837] Fix | Delete

node.resumeFrom = prevLead;

[23838] Fix | Delete

if (preserveFollowOpacity) {

[23839] Fix | Delete

node.resumeFrom.preserveOpacity = true;

[23840] Fix | Delete

}

[23841] Fix | Delete

if (prevLead.snapshot) {

[23842] Fix | Delete

node.snapshot = prevLead.snapshot;

[23843] Fix | Delete

node.snapshot.latestValues =

[23844] Fix | Delete

prevLead.animationValues || prevLead.latestValues;

[23845] Fix | Delete

}

[23846] Fix | Delete

if (node.root && node.root.isUpdating) {

[23847] Fix | Delete

node.isLayoutDirty = true;

[23848] Fix | Delete

}

[23849] Fix | Delete

const { crossfade } = node.options;

[23850] Fix | Delete

if (crossfade === false) {

[23851] Fix | Delete

prevLead.hide();

[23852] Fix | Delete

}

[23853] Fix | Delete

/**

[23854] Fix | Delete

* TODO:

[23855] Fix | Delete

* - Test border radius when previous node was deleted

[23856] Fix | Delete

* - boxShadow mixing

[23857] Fix | Delete

* - Shared between element A in scrolled container and element B (scroll stays the same or changes)

[23858] Fix | Delete

* - Shared between element A in transformed container and element B (transform stays the same or changes)

[23859] Fix | Delete

* - Shared between element A in scrolled page and element B (scroll stays the same or changes)

[23860] Fix | Delete

* ---

[23861] Fix | Delete

* - Crossfade opacity of root nodes

[23862] Fix | Delete

* - layoutId changes after animation

[23863] Fix | Delete

* - layoutId changes mid animation

[23864] Fix | Delete

*/

[23865] Fix | Delete

}

[23866] Fix | Delete

}

[23867] Fix | Delete

exitAnimationComplete() {

[23868] Fix | Delete

this.members.forEach((node) => {

[23869] Fix | Delete

const { options, resumingFrom } = node;

[23870] Fix | Delete

options.onExitComplete && options.onExitComplete();

[23871] Fix | Delete

if (resumingFrom) {

[23872] Fix | Delete

resumingFrom.options.onExitComplete &&

[23873] Fix | Delete

resumingFrom.options.onExitComplete();

[23874] Fix | Delete

}

[23875] Fix | Delete

});

[23876] Fix | Delete

}

[23877] Fix | Delete

scheduleRender() {

[23878] Fix | Delete

this.members.forEach((node) => {

[23879] Fix | Delete

node.instance && node.scheduleRender(false);

[23880] Fix | Delete

});

[23881] Fix | Delete

}

[23882] Fix | Delete

/**

[23883] Fix | Delete

* Clear any leads that have been removed this render to prevent them from being

[23884] Fix | Delete

* used in future animations and to prevent memory leaks

[23885] Fix | Delete

*/

[23886] Fix | Delete

removeLeadSnapshot() {

[23887] Fix | Delete

if (this.lead && this.lead.snapshot) {

[23888] Fix | Delete

this.lead.snapshot = undefined;

[23889] Fix | Delete

}

[23890] Fix | Delete

}

[23891] Fix | Delete

}

[23892] Fix | Delete

[23893] Fix | Delete

[23894] Fix | Delete

[23895] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/framer-motion/dist/es/projection/styles/transform.mjs

[23896] Fix | Delete

function buildProjectionTransform(delta, treeScale, latestTransform) {

[23897] Fix | Delete

let transform = "";

[23898] Fix | Delete

/**

[23899] Fix | Delete

* The translations we use to calculate are always relative to the viewport coordinate space.

[23900] Fix | Delete

* But when we apply scales, we also scale the coordinate space of an element and its children.

[23901] Fix | Delete

* For instance if we have a treeScale (the culmination of all parent scales) of 0.5 and we need

[23902] Fix | Delete

* to move an element 100 pixels, we actually need to move it 200 in within that scaled space.

[23903] Fix | Delete

*/

[23904] Fix | Delete

const xTranslate = delta.x.translate / treeScale.x;

[23905] Fix | Delete

const yTranslate = delta.y.translate / treeScale.y;

[23906] Fix | Delete

const zTranslate = (latestTransform === null || latestTransform === void 0 ? void 0 : latestTransform.z) || 0;

[23907] Fix | Delete

if (xTranslate || yTranslate || zTranslate) {

[23908] Fix | Delete

transform = `translate3d(${xTranslate}px, ${yTranslate}px, ${zTranslate}px) `;

[23909] Fix | Delete

}

[23910] Fix | Delete

/**

[23911] Fix | Delete

* Apply scale correction for the tree transform.

[23912] Fix | Delete

* This will apply scale to the screen-orientated axes.

[23913] Fix | Delete

*/

[23914] Fix | Delete

if (treeScale.x !== 1 || treeScale.y !== 1) {

[23915] Fix | Delete

transform += `scale(${1 / treeScale.x}, ${1 / treeScale.y}) `;

[23916] Fix | Delete

}

[23917] Fix | Delete

if (latestTransform) {

[23918] Fix | Delete

const { transformPerspective, rotate, rotateX, rotateY, skewX, skewY } = latestTransform;

[23919] Fix | Delete

if (transformPerspective)

[23920] Fix | Delete

transform = `perspective(${transformPerspective}px) ${transform}`;

[23921] Fix | Delete

if (rotate)

[23922] Fix | Delete

transform += `rotate(${rotate}deg) `;

[23923] Fix | Delete

if (rotateX)

[23924] Fix | Delete

transform += `rotateX(${rotateX}deg) `;

[23925] Fix | Delete

if (rotateY)

[23926] Fix | Delete

transform += `rotateY(${rotateY}deg) `;

[23927] Fix | Delete

if (skewX)

[23928] Fix | Delete

transform += `skewX(${skewX}deg) `;

[23929] Fix | Delete

if (skewY)

[23930] Fix | Delete

transform += `skewY(${skewY}deg) `;

[23931] Fix | Delete

}

[23932] Fix | Delete

/**

[23933] Fix | Delete

* Apply scale to match the size of the element to the size we want it.

[23934] Fix | Delete

* This will apply scale to the element-orientated axes.

[23935] Fix | Delete

*/

[23936] Fix | Delete

const elementScaleX = delta.x.scale * treeScale.x;

[23937] Fix | Delete

const elementScaleY = delta.y.scale * treeScale.y;

[23938] Fix | Delete

if (elementScaleX !== 1 || elementScaleY !== 1) {

[23939] Fix | Delete

transform += `scale(${elementScaleX}, ${elementScaleY})`;

[23940] Fix | Delete

}

[23941] Fix | Delete

return transform || "none";

[23942] Fix | Delete

}

[23943] Fix | Delete

[23944] Fix | Delete

[23945] Fix | Delete

[23946] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/framer-motion/dist/es/render/utils/compare-by-depth.mjs

[23947] Fix | Delete

const compareByDepth = (a, b) => a.depth - b.depth;

[23948] Fix | Delete

[23949] Fix | Delete

[23950] Fix | Delete

[23951] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/framer-motion/dist/es/render/utils/flat-tree.mjs

[23952] Fix | Delete

[23953] Fix | Delete

[23954] Fix | Delete

[23955] Fix | Delete

class FlatTree {

[23956] Fix | Delete

constructor() {

[23957] Fix | Delete

this.children = [];

[23958] Fix | Delete

this.isDirty = false;

[23959] Fix | Delete

}

[23960] Fix | Delete

add(child) {

[23961] Fix | Delete

addUniqueItem(this.children, child);

[23962] Fix | Delete

this.isDirty = true;

[23963] Fix | Delete

}

[23964] Fix | Delete

remove(child) {

[23965] Fix | Delete

removeItem(this.children, child);

[23966] Fix | Delete

this.isDirty = true;

[23967] Fix | Delete

}

[23968] Fix | Delete

forEach(callback) {

[23969] Fix | Delete

this.isDirty && this.children.sort(compareByDepth);

[23970] Fix | Delete

this.isDirty = false;

[23971] Fix | Delete

this.children.forEach(callback);

[23972] Fix | Delete

}

[23973] Fix | Delete

}

[23974] Fix | Delete

[23975] Fix | Delete

[23976] Fix | Delete

[23977] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/framer-motion/dist/es/utils/delay.mjs

[23978] Fix | Delete

[23979] Fix | Delete

[23980] Fix | Delete

[23981] Fix | Delete

/**

[23982] Fix | Delete

* Timeout defined in ms

[23983] Fix | Delete

*/

[23984] Fix | Delete

function delay(callback, timeout) {

[23985] Fix | Delete

const start = time.now();

[23986] Fix | Delete

const checkElapsed = ({ timestamp }) => {

[23987] Fix | Delete

const elapsed = timestamp - start;

[23988] Fix | Delete

if (elapsed >= timeout) {

[23989] Fix | Delete

cancelFrame(checkElapsed);

[23990] Fix | Delete

callback(elapsed - timeout);

[23991] Fix | Delete

}

[23992] Fix | Delete

};

[23993] Fix | Delete

frame_frame.read(checkElapsed, true);

[23994] Fix | Delete

return () => cancelFrame(checkElapsed);

[23995] Fix | Delete

}

[23996] Fix | Delete

[23997] Fix | Delete

[23998] Fix | Delete

[23999] Fix | Delete