framer-motion 5.5.0 → 5.5.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/cjs/index.js CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var tslib = require('tslib');
6
- var useMotionValue = require('./use-motion-value-28b1fded.js');
6
+ var useMotionValue = require('./use-motion-value-3615b5bb.js');
7
7
  var React = require('react');
8
8
  var styleValueTypes = require('style-value-types');
9
9
  var popmotion = require('popmotion');
@@ -633,10 +633,6 @@ var isNodeOrChild = function (parent, child) {
633
633
  }
634
634
  };
635
635
 
636
- function useUnmountEffect(callback) {
637
- return React.useEffect(function () { return function () { return callback(); }; }, []);
638
- }
639
-
640
636
  /**
641
637
  * @param handlers -
642
638
  * @internal
@@ -688,7 +684,7 @@ function useTapGesture(_a) {
688
684
  onTapStart === null || onTapStart === void 0 ? void 0 : onTapStart(event, info);
689
685
  }
690
686
  useMotionValue.usePointerEvent(visualElement, "pointerdown", hasPressListeners ? onPointerDown : undefined);
691
- useUnmountEffect(removePointerEndListener);
687
+ useMotionValue.useUnmountEffect(removePointerEndListener);
692
688
  }
693
689
 
694
690
  var warned = new Set();
@@ -1641,7 +1637,7 @@ function usePanGesture(_a) {
1641
1637
  });
1642
1638
  }
1643
1639
  useMotionValue.usePointerEvent(visualElement, "pointerdown", hasPanEvents && onPointerDown);
1644
- useUnmountEffect(function () { return panSession.current && panSession.current.end(); });
1640
+ useMotionValue.useUnmountEffect(function () { return panSession.current && panSession.current.end(); });
1645
1641
  }
1646
1642
 
1647
1643
  var drag = {
@@ -2393,21 +2389,6 @@ function createDomMotionComponent(key) {
2393
2389
  */
2394
2390
  var m = createMotionProxy(createDomMotionConfig);
2395
2391
 
2396
- function useForceUpdate() {
2397
- var isUnmountingRef = React.useRef(false);
2398
- var _a = tslib.__read(React.useState(0), 2), forcedRenderCount = _a[0], setForcedRenderCount = _a[1];
2399
- useUnmountEffect(function () { return (isUnmountingRef.current = true); });
2400
- var forceRender = React.useCallback(function () {
2401
- !isUnmountingRef.current && setForcedRenderCount(forcedRenderCount + 1);
2402
- }, [forcedRenderCount]);
2403
- /**
2404
- * Defer this to the end of the next animation frame in case there are multiple
2405
- * synchronous calls.
2406
- */
2407
- var deferredForceRender = React.useCallback(function () { return sync__default["default"].postRender(forceRender); }, [forceRender]);
2408
- return [deferredForceRender, forcedRenderCount];
2409
- }
2410
-
2411
2392
  var presenceId = 0;
2412
2393
  function getPresenceId() {
2413
2394
  var id = presenceId;
@@ -2531,7 +2512,7 @@ var AnimatePresence = function (_a) {
2531
2512
  var children = _a.children, custom = _a.custom, _b = _a.initial, initial = _b === void 0 ? true : _b, onExitComplete = _a.onExitComplete, exitBeforeEnter = _a.exitBeforeEnter, _c = _a.presenceAffectsLayout, presenceAffectsLayout = _c === void 0 ? true : _c;
2532
2513
  // We want to force a re-render once all exiting animations have finished. We
2533
2514
  // either use a local forceRender function, or one from a parent context if it exists.
2534
- var _d = tslib.__read(useForceUpdate(), 1), forceRender = _d[0];
2515
+ var _d = tslib.__read(useMotionValue.useForceUpdate(), 1), forceRender = _d[0];
2535
2516
  var forceRenderLayoutGroup = React.useContext(useMotionValue.LayoutGroupContext).forceRender;
2536
2517
  if (forceRenderLayoutGroup)
2537
2518
  forceRender = forceRenderLayoutGroup;
@@ -2658,7 +2639,7 @@ var LayoutGroup = function (_a) {
2658
2639
  var children = _a.children, id = _a.id, _d = _a.inheritId, inheritId = _d === void 0 ? true : _d;
2659
2640
  var layoutGroupContext = React.useContext(useMotionValue.LayoutGroupContext);
2660
2641
  var deprecatedLayoutGroupContext = React.useContext(DeprecatedLayoutGroupContext);
2661
- var _e = tslib.__read(useForceUpdate(), 2), forceRender = _e[0], key = _e[1];
2642
+ var _e = tslib.__read(useMotionValue.useForceUpdate(), 2), forceRender = _e[0], key = _e[1];
2662
2643
  var context = React.useRef(null);
2663
2644
  var upstreamId = (_b = layoutGroupContext.id) !== null && _b !== void 0 ? _b : deprecatedLayoutGroupContext;
2664
2645
  if (context.current === null) {
@@ -3543,7 +3524,7 @@ function startTransition(cb) {
3543
3524
  }
3544
3525
 
3545
3526
  function useInstantTransition() {
3546
- var _a = tslib.__read(useForceUpdate(), 2), forceUpdate = _a[0], forcedRenderCount = _a[1];
3527
+ var _a = tslib.__read(useMotionValue.useForceUpdate(), 2), forceUpdate = _a[0], forcedRenderCount = _a[1];
3547
3528
  var startInstantLayoutTransition = useInstantLayoutTransition();
3548
3529
  React.useEffect(function () {
3549
3530
  /**
@@ -3,14 +3,14 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var tslib = require('tslib');
6
- var useMotionValue = require('./use-motion-value-28b1fded.js');
6
+ var useMotionValue = require('./use-motion-value-3615b5bb.js');
7
7
  var React = require('react');
8
8
  var popmotion = require('popmotion');
9
9
  var three = require('three');
10
10
  var mergeRefs = require('react-merge-refs');
11
11
  var fiber = require('@react-three/fiber');
12
12
  var heyListen = require('hey-listen');
13
- var sync = require('framesync');
13
+ require('framesync');
14
14
  require('style-value-types');
15
15
 
16
16
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -336,21 +336,28 @@ function CanvasComponent(_a, forwardedRef) {
336
336
  */
337
337
  var motionContext = React.useContext(useMotionValue.MotionContext);
338
338
  var configContext = React.useContext(useMotionValue.MotionConfigContext);
339
+ var _b = tslib.__read(useMotionValue.useForceUpdate(), 1), forceRender = _b[0];
339
340
  var layoutCamera = React.useRef(null);
340
- var _b = tslib.__read(React.useState({ width: 0, height: 0 }), 2), size = _b[0], setSize = _b[1];
341
+ var dimensions = React.useRef({
342
+ size: { width: 0, height: 0 },
343
+ });
344
+ var _c = dimensions.current, size = _c.size, dpr = _c.dpr;
341
345
  var containerRef = React.useRef(null);
342
346
  var handleResize = function () {
343
347
  var container = containerRef.current;
344
- setSize({
345
- width: container.offsetWidth,
346
- height: container.offsetHeight,
347
- });
348
+ dimensions.current = {
349
+ size: {
350
+ width: container.offsetWidth,
351
+ height: container.offsetHeight,
352
+ },
353
+ };
354
+ forceRender();
348
355
  };
349
356
  // Set canvas size on mount
350
357
  React.useLayoutEffect(handleResize, []);
351
358
  var canvasRef = React__namespace.useRef(null);
352
- var _c = tslib.__read(React__namespace.useState(false), 2), block = _c[0], setBlock = _c[1];
353
- var _d = tslib.__read(React__namespace.useState(false), 2), error = _d[0], setError = _d[1];
359
+ var _d = tslib.__read(React__namespace.useState(false), 2), block = _d[0], setBlock = _d[1];
360
+ var _e = tslib.__read(React__namespace.useState(false), 2), error = _e[0], setError = _e[1];
354
361
  // Suspend this component if block is a promise (2nd run)
355
362
  if (block)
356
363
  throw block;
@@ -361,9 +368,9 @@ function CanvasComponent(_a, forwardedRef) {
361
368
  if (size.width > 0 && size.height > 0) {
362
369
  fiber.render(React__namespace.createElement(ErrorBoundary, { set: setError },
363
370
  React__namespace.createElement(React__namespace.Suspense, { fallback: React__namespace.createElement(Block, { set: setBlock }) },
364
- React__namespace.createElement(MotionCanvasContext.Provider, { value: { setSize: setSize, layoutCamera: layoutCamera } },
371
+ React__namespace.createElement(MotionCanvasContext.Provider, { value: { dimensions: dimensions, layoutCamera: layoutCamera } },
365
372
  React__namespace.createElement(useMotionValue.MotionConfigContext.Provider, { value: configContext },
366
- React__namespace.createElement(useMotionValue.MotionContext.Provider, { value: motionContext }, children))))), canvasRef.current, tslib.__assign(tslib.__assign({}, props), { size: size, events: events || fiber.events }));
373
+ React__namespace.createElement(useMotionValue.MotionContext.Provider, { value: motionContext }, children))))), canvasRef.current, tslib.__assign(tslib.__assign({}, props), { dpr: dpr || props.dpr, size: size, events: events || fiber.events }));
367
374
  }
368
375
  useMotionValue.useIsomorphicLayoutEffect(function () {
369
376
  var container = canvasRef.current;
@@ -385,16 +392,18 @@ function useLayoutCamera(_a, updateCamera) {
385
392
  var _b = _a.makeDefault, makeDefault = _b === void 0 ? true : _b;
386
393
  var context = React.useContext(MotionCanvasContext);
387
394
  heyListen.invariant(Boolean(context), "No MotionCanvas detected. Replace Canvas from @react-three/fiber with MotionCanvas from framer-motion.");
388
- var _c = context, setSize = _c.setSize, layoutCamera = _c.layoutCamera;
389
- var latestLayout = React.useRef(null);
395
+ var _c = context, dimensions = _c.dimensions, layoutCamera = _c.layoutCamera;
390
396
  var advance = fiber.useThree(function (three) { return three.advance; });
391
397
  var set = fiber.useThree(function (three) { return three.set; });
392
398
  var camera = fiber.useThree(function (three) { return three.camera; });
393
399
  var size = fiber.useThree(function (three) { return three.size; });
394
400
  var gl = fiber.useThree(function (three) { return three.gl; });
395
401
  var parentVisualElement = useMotionValue.useVisualElementContext();
402
+ var measuredLayoutSize = React.useRef();
396
403
  React.useLayoutEffect(function () {
404
+ measuredLayoutSize.current = size;
397
405
  updateCamera(size);
406
+ advance(performance.now());
398
407
  var projection = parentVisualElement === null || parentVisualElement === void 0 ? void 0 : parentVisualElement.projection;
399
408
  if (!projection)
400
409
  return;
@@ -402,25 +411,25 @@ function useLayoutCamera(_a, updateCamera) {
402
411
  * When the projection of an element changes we want to update the camera
403
412
  * with the projected dimensions.
404
413
  */
405
- var removeProjectionUpdateListener = projection.addEventListener("projectionUpdate", function (newProjection) {
406
- if (latestLayout.current) {
407
- var _a = latestLayout.current, x = _a.x, y = _a.y;
408
- var xRatio = useMotionValue.calcLength(newProjection.x) / useMotionValue.calcLength(x);
409
- var yRatio = useMotionValue.calcLength(newProjection.y) / useMotionValue.calcLength(y);
410
- gl.setPixelRatio(Math.max(xRatio, yRatio) * window.devicePixelRatio);
411
- }
412
- updateCamera(calcBoxSize(newProjection));
413
- advance(sync.getFrameData().timestamp);
414
- });
414
+ var removeProjectionUpdateListener = projection.addEventListener("projectionUpdate", function (newProjection) { return updateCamera(calcBoxSize(newProjection)); });
415
415
  /**
416
416
  * When the layout of an element changes we want to update the renderer
417
417
  * output to match the layout dimensions.
418
418
  */
419
419
  var removeLayoutMeasureListener = projection.addEventListener("measure", function (newLayout) {
420
- latestLayout.current = newLayout;
421
420
  var newSize = calcBoxSize(newLayout);
421
+ var dpr = window.devicePixelRatio;
422
+ var _a = dimensions.current.size, width = _a.width, height = _a.height;
423
+ var xScale = width / newSize.width;
424
+ var yScale = height / newSize.height;
425
+ var maxScale = Math.max(xScale, yScale);
426
+ dpr = popmotion.clamp(0.75, 4, maxScale);
427
+ dimensions.current = {
428
+ size: { width: newSize.width, height: newSize.height },
429
+ dpr: dpr,
430
+ };
422
431
  gl.setSize(newSize.width, newSize.height);
423
- setSize(newSize);
432
+ gl.setPixelRatio(dpr);
424
433
  });
425
434
  /**
426
435
  * When a projection animation completes we want to update the camera to
@@ -428,7 +437,15 @@ function useLayoutCamera(_a, updateCamera) {
428
437
  */
429
438
  var removeAnimationCompleteListener = projection.addEventListener("animationComplete", function () {
430
439
  var actual = (projection.layout || {}).actual;
431
- actual && updateCamera(calcBoxSize(actual));
440
+ if (actual) {
441
+ setTimeout(function () {
442
+ var newSize = calcBoxSize(actual);
443
+ updateCamera(newSize);
444
+ dimensions.current = { size: newSize };
445
+ gl.setSize(newSize.width, newSize.height);
446
+ gl.setPixelRatio(window.devicePixelRatio);
447
+ }, 50);
448
+ }
432
449
  });
433
450
  return function () {
434
451
  removeProjectionUpdateListener();
@@ -2983,7 +2983,7 @@ function createMotionComponent(_a) {
2983
2983
  * shared element transitions however. Perhaps for those we could revert to a root node
2984
2984
  * that gets forceRendered and layout animations are triggered on its layout effect.
2985
2985
  */
2986
- var projectionId = useProjectionId();
2986
+ var projectionId = config.isStatic ? undefined : useProjectionId();
2987
2987
  /**
2988
2988
  *
2989
2989
  */
@@ -3422,6 +3422,10 @@ function isDragActive() {
3422
3422
  return false;
3423
3423
  }
3424
3424
 
3425
+ function useUnmountEffect(callback) {
3426
+ return React.useEffect(function () { return function () { return callback(); }; }, []);
3427
+ }
3428
+
3425
3429
  var makeRenderlessComponent = function (hook) { return function (props) {
3426
3430
  hook(props);
3427
3431
  return null;
@@ -4621,6 +4625,21 @@ var visualElement = function (_a) {
4621
4625
  var variantProps = tslib.__spreadArray(["initial"], tslib.__read(variantPriorityOrder), false);
4622
4626
  var numVariantProps = variantProps.length;
4623
4627
 
4628
+ function useForceUpdate() {
4629
+ var isUnmountingRef = React.useRef(false);
4630
+ var _a = tslib.__read(React.useState(0), 2), forcedRenderCount = _a[0], setForcedRenderCount = _a[1];
4631
+ useUnmountEffect(function () { return (isUnmountingRef.current = true); });
4632
+ var forceRender = React.useCallback(function () {
4633
+ !isUnmountingRef.current && setForcedRenderCount(forcedRenderCount + 1);
4634
+ }, [forcedRenderCount]);
4635
+ /**
4636
+ * Defer this to the end of the next animation frame in case there are multiple
4637
+ * synchronous calls.
4638
+ */
4639
+ var deferredForceRender = React.useCallback(function () { return sync__default["default"].postRender(forceRender); }, [forceRender]);
4640
+ return [deferredForceRender, forcedRenderCount];
4641
+ }
4642
+
4624
4643
  /**
4625
4644
  * Creates a `MotionValue` to track the state and velocity of a value.
4626
4645
  *
@@ -4707,11 +4726,13 @@ exports.transformProps = transformProps;
4707
4726
  exports.translateAxis = translateAxis;
4708
4727
  exports.useConstant = useConstant;
4709
4728
  exports.useDomEvent = useDomEvent;
4729
+ exports.useForceUpdate = useForceUpdate;
4710
4730
  exports.useIsPresent = useIsPresent;
4711
4731
  exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect;
4712
4732
  exports.useMotionValue = useMotionValue;
4713
4733
  exports.usePointerEvent = usePointerEvent;
4714
4734
  exports.usePresence = usePresence;
4735
+ exports.useUnmountEffect = useUnmountEffect;
4715
4736
  exports.useVisualElementContext = useVisualElementContext;
4716
4737
  exports.visualElement = visualElement;
4717
4738
  exports.wrapHandler = wrapHandler;
@@ -1,12 +1,13 @@
1
1
  import { __extends, __rest, __read, __assign } from 'tslib';
2
2
  import * as React from 'react';
3
- import { forwardRef, useContext, useRef, useState, useLayoutEffect } from 'react';
3
+ import { forwardRef, useContext, useRef, useLayoutEffect } from 'react';
4
4
  import { MotionContext } from '../../context/MotionContext/index.mjs';
5
5
  import mergeRefs from 'react-merge-refs';
6
6
  import { render, events, unmountComponentAtNode } from '@react-three/fiber';
7
7
  import { useIsomorphicLayoutEffect } from '../../utils/use-isomorphic-effect.mjs';
8
8
  import { MotionConfigContext } from '../../context/MotionConfigContext.mjs';
9
9
  import { MotionCanvasContext } from './MotionCanvasContext.mjs';
10
+ import { useForceUpdate } from '../../utils/use-force-update.mjs';
10
11
 
11
12
  /**
12
13
  * This file contains a version of R3F's Canvas component that uses our projection
@@ -49,21 +50,28 @@ function CanvasComponent(_a, forwardedRef) {
49
50
  */
50
51
  var motionContext = useContext(MotionContext);
51
52
  var configContext = useContext(MotionConfigContext);
53
+ var _b = __read(useForceUpdate(), 1), forceRender = _b[0];
52
54
  var layoutCamera = useRef(null);
53
- var _b = __read(useState({ width: 0, height: 0 }), 2), size = _b[0], setSize = _b[1];
55
+ var dimensions = useRef({
56
+ size: { width: 0, height: 0 },
57
+ });
58
+ var _c = dimensions.current, size = _c.size, dpr = _c.dpr;
54
59
  var containerRef = useRef(null);
55
60
  var handleResize = function () {
56
61
  var container = containerRef.current;
57
- setSize({
58
- width: container.offsetWidth,
59
- height: container.offsetHeight,
60
- });
62
+ dimensions.current = {
63
+ size: {
64
+ width: container.offsetWidth,
65
+ height: container.offsetHeight,
66
+ },
67
+ };
68
+ forceRender();
61
69
  };
62
70
  // Set canvas size on mount
63
71
  useLayoutEffect(handleResize, []);
64
72
  var canvasRef = React.useRef(null);
65
- var _c = __read(React.useState(false), 2), block = _c[0], setBlock = _c[1];
66
- var _d = __read(React.useState(false), 2), error = _d[0], setError = _d[1];
73
+ var _d = __read(React.useState(false), 2), block = _d[0], setBlock = _d[1];
74
+ var _e = __read(React.useState(false), 2), error = _e[0], setError = _e[1];
67
75
  // Suspend this component if block is a promise (2nd run)
68
76
  if (block)
69
77
  throw block;
@@ -74,9 +82,9 @@ function CanvasComponent(_a, forwardedRef) {
74
82
  if (size.width > 0 && size.height > 0) {
75
83
  render(React.createElement(ErrorBoundary, { set: setError },
76
84
  React.createElement(React.Suspense, { fallback: React.createElement(Block, { set: setBlock }) },
77
- React.createElement(MotionCanvasContext.Provider, { value: { setSize: setSize, layoutCamera: layoutCamera } },
85
+ React.createElement(MotionCanvasContext.Provider, { value: { dimensions: dimensions, layoutCamera: layoutCamera } },
78
86
  React.createElement(MotionConfigContext.Provider, { value: configContext },
79
- React.createElement(MotionContext.Provider, { value: motionContext }, children))))), canvasRef.current, __assign(__assign({}, props), { size: size, events: events$1 || events }));
87
+ React.createElement(MotionContext.Provider, { value: motionContext }, children))))), canvasRef.current, __assign(__assign({}, props), { dpr: dpr || props.dpr, size: size, events: events$1 || events }));
80
88
  }
81
89
  useIsomorphicLayoutEffect(function () {
82
90
  var container = canvasRef.current;
@@ -4,7 +4,7 @@ import { useVisualElementContext } from '../../context/MotionContext/index.mjs';
4
4
  import { MotionCanvasContext } from './MotionCanvasContext.mjs';
5
5
  import { invariant } from 'hey-listen';
6
6
  import { calcLength } from '../../projection/geometry/delta-calc.mjs';
7
- import { getFrameData } from 'framesync';
7
+ import { clamp } from 'popmotion';
8
8
 
9
9
  var calcBoxSize = function (_a) {
10
10
  var x = _a.x, y = _a.y;
@@ -17,16 +17,18 @@ function useLayoutCamera(_a, updateCamera) {
17
17
  var _b = _a.makeDefault, makeDefault = _b === void 0 ? true : _b;
18
18
  var context = useContext(MotionCanvasContext);
19
19
  invariant(Boolean(context), "No MotionCanvas detected. Replace Canvas from @react-three/fiber with MotionCanvas from framer-motion.");
20
- var _c = context, setSize = _c.setSize, layoutCamera = _c.layoutCamera;
21
- var latestLayout = useRef(null);
20
+ var _c = context, dimensions = _c.dimensions, layoutCamera = _c.layoutCamera;
22
21
  var advance = useThree(function (three) { return three.advance; });
23
22
  var set = useThree(function (three) { return three.set; });
24
23
  var camera = useThree(function (three) { return three.camera; });
25
24
  var size = useThree(function (three) { return three.size; });
26
25
  var gl = useThree(function (three) { return three.gl; });
27
26
  var parentVisualElement = useVisualElementContext();
27
+ var measuredLayoutSize = useRef();
28
28
  useLayoutEffect(function () {
29
+ measuredLayoutSize.current = size;
29
30
  updateCamera(size);
31
+ advance(performance.now());
30
32
  var projection = parentVisualElement === null || parentVisualElement === void 0 ? void 0 : parentVisualElement.projection;
31
33
  if (!projection)
32
34
  return;
@@ -34,25 +36,25 @@ function useLayoutCamera(_a, updateCamera) {
34
36
  * When the projection of an element changes we want to update the camera
35
37
  * with the projected dimensions.
36
38
  */
37
- var removeProjectionUpdateListener = projection.addEventListener("projectionUpdate", function (newProjection) {
38
- if (latestLayout.current) {
39
- var _a = latestLayout.current, x = _a.x, y = _a.y;
40
- var xRatio = calcLength(newProjection.x) / calcLength(x);
41
- var yRatio = calcLength(newProjection.y) / calcLength(y);
42
- gl.setPixelRatio(Math.max(xRatio, yRatio) * window.devicePixelRatio);
43
- }
44
- updateCamera(calcBoxSize(newProjection));
45
- advance(getFrameData().timestamp);
46
- });
39
+ var removeProjectionUpdateListener = projection.addEventListener("projectionUpdate", function (newProjection) { return updateCamera(calcBoxSize(newProjection)); });
47
40
  /**
48
41
  * When the layout of an element changes we want to update the renderer
49
42
  * output to match the layout dimensions.
50
43
  */
51
44
  var removeLayoutMeasureListener = projection.addEventListener("measure", function (newLayout) {
52
- latestLayout.current = newLayout;
53
45
  var newSize = calcBoxSize(newLayout);
46
+ var dpr = window.devicePixelRatio;
47
+ var _a = dimensions.current.size, width = _a.width, height = _a.height;
48
+ var xScale = width / newSize.width;
49
+ var yScale = height / newSize.height;
50
+ var maxScale = Math.max(xScale, yScale);
51
+ dpr = clamp(0.75, 4, maxScale);
52
+ dimensions.current = {
53
+ size: { width: newSize.width, height: newSize.height },
54
+ dpr: dpr,
55
+ };
54
56
  gl.setSize(newSize.width, newSize.height);
55
- setSize(newSize);
57
+ gl.setPixelRatio(dpr);
56
58
  });
57
59
  /**
58
60
  * When a projection animation completes we want to update the camera to
@@ -60,7 +62,15 @@ function useLayoutCamera(_a, updateCamera) {
60
62
  */
61
63
  var removeAnimationCompleteListener = projection.addEventListener("animationComplete", function () {
62
64
  var actual = (projection.layout || {}).actual;
63
- actual && updateCamera(calcBoxSize(actual));
65
+ if (actual) {
66
+ setTimeout(function () {
67
+ var newSize = calcBoxSize(actual);
68
+ updateCamera(newSize);
69
+ dimensions.current = { size: newSize };
70
+ gl.setSize(newSize.width, newSize.height);
71
+ gl.setPixelRatio(window.devicePixelRatio);
72
+ }, 50);
73
+ }
64
74
  });
65
75
  return function () {
66
76
  removeProjectionUpdateListener();
@@ -51,7 +51,7 @@ function createMotionComponent(_a) {
51
51
  * shared element transitions however. Perhaps for those we could revert to a root node
52
52
  * that gets forceRendered and layout animations are triggered on its layout effect.
53
53
  */
54
- var projectionId = useProjectionId();
54
+ var projectionId = config.isStatic ? undefined : useProjectionId();
55
55
  /**
56
56
  *
57
57
  */
@@ -4218,7 +4218,7 @@
4218
4218
  * shared element transitions however. Perhaps for those we could revert to a root node
4219
4219
  * that gets forceRendered and layout animations are triggered on its layout effect.
4220
4220
  */
4221
- var projectionId = useProjectionId();
4221
+ var projectionId = config.isStatic ? undefined : useProjectionId();
4222
4222
  /**
4223
4223
  *
4224
4224
  */
@@ -1 +1 @@
1
- !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).Motion={},t.React)}(this,(function(t,e){"use strict";function n(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}function r(t){if(t&&t.__esModule)return t;var e=Object.create(null);return t&&Object.keys(t).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,r.get?r:{enumerable:!0,get:function(){return t[n]}})}})),e.default=t,Object.freeze(e)}var o=r(e),i=n(e),a=function(t,e){return(a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n])})(t,e)};function s(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");function n(){this.constructor=t}a(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}var u=function(){return(u=Object.assign||function(t){for(var e,n=1,r=arguments.length;n<r;n++)for(var o in e=arguments[n])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t}).apply(this,arguments)};function l(t,e){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(n[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(t);o<r.length;o++)e.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(t,r[o])&&(n[r[o]]=t[r[o]])}return n}function c(t,e){var n="function"==typeof Symbol&&t[Symbol.iterator];if(!n)return t;var r,o,i=n.call(t),a=[];try{for(;(void 0===e||e-- >0)&&!(r=i.next()).done;)a.push(r.value)}catch(t){o={error:t}}finally{try{r&&!r.done&&(n=i.return)&&n.call(i)}finally{if(o)throw o.error}}return a}function f(t,e,n){if(n||2===arguments.length)for(var r,o=0,i=e.length;o<i;o++)!r&&o in e||(r||(r=Array.prototype.slice.call(e,0,o)),r[o]=e[o]);return t.concat(r||Array.prototype.slice.call(e))}var d=function(t){return{isEnabled:function(e){return t.some((function(t){return!!e[t]}))}}},p={measureLayout:d(["layout","layoutId","drag"]),animation:d(["animate","exit","variants","whileHover","whileTap","whileFocus","whileDrag","whileInView"]),exit:d(["exit"]),drag:d(["drag","dragControls"]),focus:d(["whileFocus"]),hover:d(["whileHover","onHoverStart","onHoverEnd"]),tap:d(["whileTap","onTap","onTapStart","onTapCancel"]),pan:d(["onPan","onPanStart","onPanSessionStart","onPanEnd"]),inView:d(["whileInView","onViewportEnter","onViewportLeave"])};function v(t){for(var e in t)null!==t[e]&&("projectionNodeConstructor"===e?p.projectionNodeConstructor=t[e]:p[e].Component=t[e])}var h=e.createContext({strict:!1}),m=Object.keys(p),y=m.length;var g=e.createContext({transformPagePoint:function(t){return t},isStatic:!1}),x=e.createContext({});function b(){return e.useContext(x).visualElement}var E=e.createContext(null),w="undefined"!=typeof window,P=w?e.useLayoutEffect:e.useEffect;function S(t){return"object"==typeof t&&Object.prototype.hasOwnProperty.call(t,"current")}function A(t){return Array.isArray(t)}function T(t){return"string"==typeof t||A(t)}function V(t,e,n,r,o){var i;return void 0===r&&(r={}),void 0===o&&(o={}),"function"==typeof e&&(e=e(null!=n?n:t.custom,r,o)),"string"==typeof e&&(e=null===(i=t.variants)||void 0===i?void 0:i[e]),"function"==typeof e&&(e=e(null!=n?n:t.custom,r,o)),e}function C(t,e,n){var r=t.getProps();return V(r,e,null!=n?n:r.custom,function(t){var e={};return t.forEachValue((function(t,n){return e[n]=t.get()})),e}(t),function(t){var e={};return t.forEachValue((function(t,n){return e[n]=t.getVelocity()})),e}(t))}function M(t){var e;return"function"==typeof(null===(e=t.animate)||void 0===e?void 0:e.start)||T(t.initial)||T(t.animate)||T(t.whileHover)||T(t.whileDrag)||T(t.whileTap)||T(t.whileFocus)||T(t.exit)}function R(t){return Boolean(M(t)||t.variants)}function O(t){var n=function(t,e){if(M(t)){var n=t.initial,r=t.animate;return{initial:!1===n||T(n)?n:void 0,animate:T(r)?r:void 0}}return!1!==t.inherit?e:{}}(t,e.useContext(x)),r=n.initial,o=n.animate;return e.useMemo((function(){return{initial:r,animate:o}}),[L(r),L(o)])}function L(t){return Array.isArray(t)?t.join(" "):t}function D(t){var n=e.useRef(null);return null===n.current&&(n.current=t()),n.current}const j="undefined"!=typeof performance?()=>performance.now():()=>Date.now(),k="undefined"!=typeof window?t=>window.requestAnimationFrame(t):t=>setTimeout(()=>t(j()),1/60*1e3);let F=!0,I=!1,U=!1;const B={delta:0,timestamp:0},N=["read","update","preRender","render","postRender"],z=N.reduce((t,e)=>(t[e]=function(t){let e=[],n=[],r=0,o=!1,i=!1;const a=new WeakSet,s={schedule:(t,i=!1,s=!1)=>{const u=s&&o,l=u?e:n;return i&&a.add(t),-1===l.indexOf(t)&&(l.push(t),u&&o&&(r=e.length)),t},cancel:t=>{const e=n.indexOf(t);-1!==e&&n.splice(e,1),a.delete(t)},process:u=>{if(o)i=!0;else{if(o=!0,[e,n]=[n,e],n.length=0,r=e.length,r)for(let n=0;n<r;n++){const r=e[n];r(u),a.has(r)&&(s.schedule(r),t())}o=!1,i&&(i=!1,s.process(u))}}};return s}(()=>I=!0),t),{}),H=N.reduce((t,e)=>{const n=z[e];return t[e]=(t,e=!1,r=!1)=>(I||_(),n.schedule(t,e,r)),t},{}),X=N.reduce((t,e)=>(t[e]=z[e].cancel,t),{}),Y=N.reduce((t,e)=>(t[e]=()=>z[e].process(B),t),{}),W=t=>z[t].process(B),G=t=>{I=!1,B.delta=F?1/60*1e3:Math.max(Math.min(t-B.timestamp,40),1),B.timestamp=t,U=!0,N.forEach(W),U=!1,I&&(F=!1,k(G))},_=()=>{I=!0,F=!0,U||k(G)},q=()=>B,$=(t,e,n)=>Math.min(Math.max(n,t),e);function Z({duration:t=800,bounce:e=.25,velocity:n=0,mass:r=1}){let o,i,a=1-e;a=$(.05,1,a),t=$(.01,10,t/1e3),a<1?(o=e=>{const r=e*a,o=r*t;return.001-(r-n)/K(e,a)*Math.exp(-o)},i=e=>{const r=e*a*t,i=r*n+n,s=Math.pow(a,2)*Math.pow(e,2)*t,u=Math.exp(-r),l=K(Math.pow(e,2),a);return(.001-o(e)>0?-1:1)*((i-s)*u)/l}):(o=e=>Math.exp(-e*t)*((e-n)*t+1)-.001,i=e=>Math.exp(-e*t)*(t*t*(n-e)));const s=function(t,e,n){let r=n;for(let n=1;n<12;n++)r-=t(r)/e(r);return r}(o,i,5/t);if(t*=1e3,isNaN(s))return{stiffness:100,damping:10,duration:t};{const e=Math.pow(s,2)*r;return{stiffness:e,damping:2*a*Math.sqrt(r*e),duration:t}}}function K(t,e){return t*Math.sqrt(1-e*e)}const J=["duration","bounce"],Q=["stiffness","damping","mass"];function tt(t,e){return e.some(e=>void 0!==t[e])}function et(t){var{from:e=0,to:n=1,restSpeed:r=2,restDelta:o}=t,i=l(t,["from","to","restSpeed","restDelta"]);const a={done:!1,value:e};let{stiffness:s,damping:u,mass:c,velocity:f,duration:d,isResolvedFromDuration:p}=function(t){let e=Object.assign({velocity:0,stiffness:100,damping:10,mass:1,isResolvedFromDuration:!1},t);if(!tt(t,Q)&&tt(t,J)){const n=Z(t);e=Object.assign(Object.assign(Object.assign({},e),n),{velocity:0,mass:1}),e.isResolvedFromDuration=!0}return e}(i),v=nt,h=nt;function m(){const t=f?-f/1e3:0,r=n-e,i=u/(2*Math.sqrt(s*c)),a=Math.sqrt(s/c)/1e3;if(void 0===o&&(o=Math.min(Math.abs(n-e)/100,.4)),i<1){const e=K(a,i);v=o=>{const s=Math.exp(-i*a*o);return n-s*((t+i*a*r)/e*Math.sin(e*o)+r*Math.cos(e*o))},h=n=>{const o=Math.exp(-i*a*n);return i*a*o*(Math.sin(e*n)*(t+i*a*r)/e+r*Math.cos(e*n))-o*(Math.cos(e*n)*(t+i*a*r)-e*r*Math.sin(e*n))}}else if(1===i)v=e=>n-Math.exp(-a*e)*(r+(t+a*r)*e);else{const e=a*Math.sqrt(i*i-1);v=o=>{const s=Math.exp(-i*a*o),u=Math.min(e*o,300);return n-s*((t+i*a*r)*Math.sinh(u)+e*r*Math.cosh(u))/e}}}return m(),{next:t=>{const e=v(t);if(p)a.done=t>=d;else{const i=1e3*h(t),s=Math.abs(i)<=r,u=Math.abs(n-e)<=o;a.done=s&&u}return a.value=a.done?n:e,a},flipTarget:()=>{f=-f,[e,n]=[n,e],m()}}}et.needsInterpolation=(t,e)=>"string"==typeof t||"string"==typeof e;const nt=t=>0,rt=(t,e,n)=>{const r=e-t;return 0===r?1:(n-t)/r},ot=(t,e,n)=>-n*t+n*e+t,it=(t,e)=>n=>Math.max(Math.min(n,e),t),at=t=>t%1?Number(t.toFixed(5)):t,st=/(-)?([\d]*\.?[\d])+/g,ut=/(#[0-9a-f]{6}|#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2,3}\s*\/*\s*[\d\.]+%?\))/gi,lt=/^(#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2,3}\s*\/*\s*[\d\.]+%?\))$/i;function ct(t){return"string"==typeof t}const ft={test:t=>"number"==typeof t,parse:parseFloat,transform:t=>t},dt=Object.assign(Object.assign({},ft),{transform:it(0,1)}),pt=Object.assign(Object.assign({},ft),{default:1}),vt=t=>({test:e=>ct(e)&&e.endsWith(t)&&1===e.split(" ").length,parse:parseFloat,transform:e=>`${e}${t}`}),ht=vt("deg"),mt=vt("%"),yt=vt("px"),gt=vt("vh"),xt=vt("vw"),bt=Object.assign(Object.assign({},mt),{parse:t=>mt.parse(t)/100,transform:t=>mt.transform(100*t)}),Et=(t,e)=>n=>Boolean(ct(n)&&lt.test(n)&&n.startsWith(t)||e&&Object.prototype.hasOwnProperty.call(n,e)),wt=(t,e,n)=>r=>{if(!ct(r))return r;const[o,i,a,s]=r.match(st);return{[t]:parseFloat(o),[e]:parseFloat(i),[n]:parseFloat(a),alpha:void 0!==s?parseFloat(s):1}},Pt={test:Et("hsl","hue"),parse:wt("hue","saturation","lightness"),transform:({hue:t,saturation:e,lightness:n,alpha:r=1})=>"hsla("+Math.round(t)+", "+mt.transform(at(e))+", "+mt.transform(at(n))+", "+at(dt.transform(r))+")"},St=it(0,255),At=Object.assign(Object.assign({},ft),{transform:t=>Math.round(St(t))}),Tt={test:Et("rgb","red"),parse:wt("red","green","blue"),transform:({red:t,green:e,blue:n,alpha:r=1})=>"rgba("+At.transform(t)+", "+At.transform(e)+", "+At.transform(n)+", "+at(dt.transform(r))+")"};const Vt={test:Et("#"),parse:function(t){let e="",n="",r="",o="";return t.length>5?(e=t.substr(1,2),n=t.substr(3,2),r=t.substr(5,2),o=t.substr(7,2)):(e=t.substr(1,1),n=t.substr(2,1),r=t.substr(3,1),o=t.substr(4,1),e+=e,n+=n,r+=r,o+=o),{red:parseInt(e,16),green:parseInt(n,16),blue:parseInt(r,16),alpha:o?parseInt(o,16)/255:1}},transform:Tt.transform},Ct={test:t=>Tt.test(t)||Vt.test(t)||Pt.test(t),parse:t=>Tt.test(t)?Tt.parse(t):Pt.test(t)?Pt.parse(t):Vt.parse(t),transform:t=>ct(t)?t:t.hasOwnProperty("red")?Tt.transform(t):Pt.transform(t)};function Mt(t){"number"==typeof t&&(t=""+t);const e=[];let n=0;const r=t.match(ut);r&&(n=r.length,t=t.replace(ut,"${c}"),e.push(...r.map(Ct.parse)));const o=t.match(st);return o&&(t=t.replace(st,"${n}"),e.push(...o.map(ft.parse))),{values:e,numColors:n,tokenised:t}}function Rt(t){return Mt(t).values}function Ot(t){const{values:e,numColors:n,tokenised:r}=Mt(t),o=e.length;return t=>{let e=r;for(let r=0;r<o;r++)e=e.replace(r<n?"${c}":"${n}",r<n?Ct.transform(t[r]):at(t[r]));return e}}const Lt=t=>"number"==typeof t?0:t;const Dt={test:function(t){var e,n,r,o;return isNaN(t)&&ct(t)&&(null!==(n=null===(e=t.match(st))||void 0===e?void 0:e.length)&&void 0!==n?n:0)+(null!==(o=null===(r=t.match(ut))||void 0===r?void 0:r.length)&&void 0!==o?o:0)>0},parse:Rt,createTransformer:Ot,getAnimatableNone:function(t){const e=Rt(t);return Ot(t)(e.map(Lt))}},jt=new Set(["brightness","contrast","saturate","opacity"]);function kt(t){let[e,n]=t.slice(0,-1).split("(");if("drop-shadow"===e)return t;const[r]=n.match(st)||[];if(!r)return t;const o=n.replace(r,"");let i=jt.has(e)?1:0;return r!==n&&(i*=100),e+"("+i+o+")"}const Ft=/([a-z-]*)\(.*?\)/g,It=Object.assign(Object.assign({},Dt),{getAnimatableNone:t=>{const e=t.match(Ft);return e?e.map(kt).join(" "):t}});function Ut(t,e,n){return n<0&&(n+=1),n>1&&(n-=1),n<1/6?t+6*(e-t)*n:n<.5?e:n<2/3?t+(e-t)*(2/3-n)*6:t}function Bt({hue:t,saturation:e,lightness:n,alpha:r}){t/=360,n/=100;let o=0,i=0,a=0;if(e/=100){const r=n<.5?n*(1+e):n+e-n*e,s=2*n-r;o=Ut(s,r,t+1/3),i=Ut(s,r,t),a=Ut(s,r,t-1/3)}else o=i=a=n;return{red:Math.round(255*o),green:Math.round(255*i),blue:Math.round(255*a),alpha:r}}const Nt=(t,e,n)=>{const r=t*t,o=e*e;return Math.sqrt(Math.max(0,n*(o-r)+r))},zt=[Vt,Tt,Pt],Ht=t=>zt.find(e=>e.test(t)),Xt=(t,e)=>{let n=Ht(t),r=Ht(e),o=n.parse(t),i=r.parse(e);n===Pt&&(o=Bt(o),n=Tt),r===Pt&&(i=Bt(i),r=Tt);const a=Object.assign({},o);return t=>{for(const e in a)"alpha"!==e&&(a[e]=Nt(o[e],i[e],t));return a.alpha=ot(o.alpha,i.alpha,t),n.transform(a)}},Yt=t=>"number"==typeof t,Wt=(t,e)=>n=>e(t(n)),Gt=(...t)=>t.reduce(Wt);function _t(t,e){return Yt(t)?n=>ot(t,e,n):Ct.test(t)?Xt(t,e):Kt(t,e)}const qt=(t,e)=>{const n=[...t],r=n.length,o=t.map((t,n)=>_t(t,e[n]));return t=>{for(let e=0;e<r;e++)n[e]=o[e](t);return n}},$t=(t,e)=>{const n=Object.assign(Object.assign({},t),e),r={};for(const o in n)void 0!==t[o]&&void 0!==e[o]&&(r[o]=_t(t[o],e[o]));return t=>{for(const e in r)n[e]=r[e](t);return n}};function Zt(t){const e=Dt.parse(t),n=e.length;let r=0,o=0,i=0;for(let t=0;t<n;t++)r||"number"==typeof e[t]?r++:void 0!==e[t].hue?i++:o++;return{parsed:e,numNumbers:r,numRGB:o,numHSL:i}}const Kt=(t,e)=>{const n=Dt.createTransformer(e),r=Zt(t),o=Zt(e);return r.numHSL===o.numHSL&&r.numRGB===o.numRGB&&r.numNumbers>=o.numNumbers?Gt(qt(r.parsed,o.parsed),n):n=>""+(n>0?e:t)},Jt=(t,e)=>n=>ot(t,e,n);function Qt(t,e,n){const r=[],o=n||("number"==typeof(i=t[0])?Jt:"string"==typeof i?Ct.test(i)?Xt:Kt:Array.isArray(i)?qt:"object"==typeof i?$t:void 0);var i;const a=t.length-1;for(let n=0;n<a;n++){let i=o(t[n],t[n+1]);if(e){const t=Array.isArray(e)?e[n]:e;i=Gt(t,i)}r.push(i)}return r}function te(t,e,{clamp:n=!0,ease:r,mixer:o}={}){const i=t.length;e.length,!r||!Array.isArray(r)||r.length,t[0]>t[i-1]&&(t=[].concat(t),e=[].concat(e),t.reverse(),e.reverse());const a=Qt(e,r,o),s=2===i?function([t,e],[n]){return r=>n(rt(t,e,r))}(t,a):function(t,e){const n=t.length,r=n-1;return o=>{let i=0,a=!1;if(o<=t[0]?a=!0:o>=t[r]&&(i=r-1,a=!0),!a){let e=1;for(;e<n&&!(t[e]>o||e===r);e++);i=e-1}const s=rt(t[i],t[i+1],o);return e[i](s)}}(t,a);return n?e=>s($(t[0],t[i-1],e)):s}const ee=t=>e=>1-t(1-e),ne=t=>e=>e<=.5?t(2*e)/2:(2-t(2*(1-e)))/2,re=t=>e=>e*e*((t+1)*e-t),oe=t=>t,ie=(ae=2,t=>Math.pow(t,ae));var ae;const se=ee(ie),ue=ne(ie),le=t=>1-Math.sin(Math.acos(t)),ce=ee(le),fe=ne(ce),de=re(1.525),pe=ee(de),ve=ne(de),he=(t=>{const e=re(t);return t=>(t*=2)<1?.5*e(t):.5*(2-Math.pow(2,-10*(t-1)))})(1.525),me=t=>{if(1===t||0===t)return t;const e=t*t;return t<4/11?7.5625*e:t<8/11?9.075*e-9.9*t+3.4:t<.9?4356/361*e-35442/1805*t+16061/1805:10.8*t*t-20.52*t+10.72},ye=ee(me);function ge(t,e){return t.map(()=>e||ue).splice(0,t.length-1)}function xe({from:t=0,to:e=1,ease:n,offset:r,duration:o=300}){const i={done:!1,value:t},a=Array.isArray(e)?e:[t,e],s=function(t,e){return t.map(t=>t*e)}(r&&r.length===a.length?r:function(t){const e=t.length;return t.map((t,n)=>0!==n?n/(e-1):0)}(a),o);function u(){return te(s,a,{ease:Array.isArray(n)?n:ge(a,n)})}let l=u();return{next:t=>(i.value=l(t),i.done=t>=o,i),flipTarget:()=>{a.reverse(),l=u()}}}const be={keyframes:xe,spring:et,decay:function({velocity:t=0,from:e=0,power:n=.8,timeConstant:r=350,restDelta:o=.5,modifyTarget:i}){const a={done:!1,value:e};let s=n*t;const u=e+s,l=void 0===i?u:i(u);return l!==u&&(s=l-e),{next:t=>{const e=-s*Math.exp(-t/r);return a.done=!(e>o||e<-o),a.value=a.done?l:l+e,a},flipTarget:()=>{}}}};function Ee(t,e,n=0){return t-e-n}const we=t=>{const e=({delta:e})=>t(e);return{start:()=>H.update(e,!0),stop:()=>X.update(e)}};function Pe(t){var e,n,{from:r,autoplay:o=!0,driver:i=we,elapsed:a=0,repeat:s=0,repeatType:u="loop",repeatDelay:c=0,onPlay:f,onStop:d,onComplete:p,onRepeat:v,onUpdate:h}=t,m=l(t,["from","autoplay","driver","elapsed","repeat","repeatType","repeatDelay","onPlay","onStop","onComplete","onRepeat","onUpdate"]);let y,g,x,{to:b}=m,E=0,w=m.duration,P=!1,S=!0;const A=function(t){if(Array.isArray(t.to))return xe;if(be[t.type])return be[t.type];const e=new Set(Object.keys(t));return e.has("ease")||e.has("duration")&&!e.has("dampingRatio")?xe:e.has("dampingRatio")||e.has("stiffness")||e.has("mass")||e.has("damping")||e.has("restSpeed")||e.has("restDelta")?et:xe}(m);(null===(n=(e=A).needsInterpolation)||void 0===n?void 0:n.call(e,r,b))&&(x=te([0,100],[r,b],{clamp:!1}),r=0,b=100);const T=A(Object.assign(Object.assign({},m),{from:r,to:b}));function V(){E++,"reverse"===u?(S=E%2==0,a=function(t,e,n=0,r=!0){return r?Ee(e+-t,e,n):e-(t-e)+n}(a,w,c,S)):(a=Ee(a,w,c),"mirror"===u&&T.flipTarget()),P=!1,v&&v()}function C(t){if(S||(t=-t),a+=t,!P){const t=T.next(Math.max(0,a));g=t.value,x&&(g=x(g)),P=S?t.done:a<=0}null==h||h(g),P&&(0===E&&(null!=w||(w=a)),E<s?function(t,e,n,r){return r?t>=e+n:t<=-n}(a,w,c,S)&&V():(y.stop(),p&&p()))}return o&&(null==f||f(),y=i(C),y.start()),{stop:()=>{null==d||d(),y.stop()}}}function Se(t,e){return e?t*(1e3/e):0}const Ae=t=>t.hasOwnProperty("x")&&t.hasOwnProperty("y"),Te=t=>Ae(t)&&t.hasOwnProperty("z"),Ve=(t,e)=>Math.abs(t-e);function Ce(t,e){if(Yt(t)&&Yt(e))return Ve(t,e);if(Ae(t)&&Ae(e)){const n=Ve(t.x,e.x),r=Ve(t.y,e.y),o=Te(t)&&Te(e)?Ve(t.z,e.z):0;return Math.sqrt(Math.pow(n,2)+Math.pow(r,2)+Math.pow(o,2))}}const Me=(t,e,n)=>{const r=e-t;return((n-t)%r+r)%r+t},Re=(t,e)=>1-3*e+3*t,Oe=(t,e)=>3*e-6*t,Le=t=>3*t,De=(t,e,n)=>((Re(e,n)*t+Oe(e,n))*t+Le(e))*t,je=(t,e,n)=>3*Re(e,n)*t*t+2*Oe(e,n)*t+Le(e);function ke(t,e,n,r){if(t===e&&n===r)return oe;const o=new Float32Array(11);for(let e=0;e<11;++e)o[e]=De(.1*e,t,n);function i(e){let r=0,i=1;for(;10!==i&&o[i]<=e;++i)r+=.1;--i;const a=r+.1*((e-o[i])/(o[i+1]-o[i])),s=je(a,t,n);return s>=.001?function(t,e,n,r){for(let o=0;o<8;++o){const o=je(e,n,r);if(0===o)return e;e-=(De(e,n,r)-t)/o}return e}(e,a,t,n):0===s?a:function(t,e,n,r,o){let i,a,s=0;do{a=e+(n-e)/2,i=De(a,r,o)-t,i>0?n=a:e=a}while(Math.abs(i)>1e-7&&++s<10);return a}(e,r,r+.1,t,n)}return t=>0===t||1===t?t:De(i(t),e,r)}function Fe(t,e){-1===t.indexOf(e)&&t.push(e)}function Ie(t,e){var n=t.indexOf(e);n>-1&&t.splice(n,1)}var Ue=function(){function t(){this.subscriptions=[]}return t.prototype.add=function(t){var e=this;return Fe(this.subscriptions,t),function(){return Ie(e.subscriptions,t)}},t.prototype.notify=function(t,e,n){var r=this.subscriptions.length;if(r)if(1===r)this.subscriptions[0](t,e,n);else for(var o=0;o<r;o++){var i=this.subscriptions[o];i&&i(t,e,n)}},t.prototype.getSize=function(){return this.subscriptions.length},t.prototype.clear=function(){this.subscriptions.length=0},t}(),Be=function(){function t(t){var e,n=this;this.timeDelta=0,this.lastUpdated=0,this.updateSubscribers=new Ue,this.velocityUpdateSubscribers=new Ue,this.renderSubscribers=new Ue,this.canTrackVelocity=!1,this.updateAndNotify=function(t,e){void 0===e&&(e=!0),n.prev=n.current,n.current=t;var r=q(),o=r.delta,i=r.timestamp;n.lastUpdated!==i&&(n.timeDelta=o,n.lastUpdated=i,H.postRender(n.scheduleVelocityCheck)),n.prev!==n.current&&n.updateSubscribers.notify(n.current),n.velocityUpdateSubscribers.getSize()&&n.velocityUpdateSubscribers.notify(n.getVelocity()),e&&n.renderSubscribers.notify(n.current)},this.scheduleVelocityCheck=function(){return H.postRender(n.velocityCheck)},this.velocityCheck=function(t){t.timestamp!==n.lastUpdated&&(n.prev=n.current,n.velocityUpdateSubscribers.notify(n.getVelocity()))},this.hasAnimated=!1,this.prev=this.current=t,this.canTrackVelocity=(e=this.current,!isNaN(parseFloat(e)))}return t.prototype.onChange=function(t){return this.updateSubscribers.add(t)},t.prototype.clearListeners=function(){this.updateSubscribers.clear()},t.prototype.onRenderRequest=function(t){return t(this.get()),this.renderSubscribers.add(t)},t.prototype.attach=function(t){this.passiveEffect=t},t.prototype.set=function(t,e){void 0===e&&(e=!0),e&&this.passiveEffect?this.passiveEffect(t,this.updateAndNotify):this.updateAndNotify(t,e)},t.prototype.get=function(){return this.current},t.prototype.getPrevious=function(){return this.prev},t.prototype.getVelocity=function(){return this.canTrackVelocity?Se(parseFloat(this.current)-parseFloat(this.prev),this.timeDelta):0},t.prototype.start=function(t){var e=this;return this.stop(),new Promise((function(n){e.hasAnimated=!0,e.stopAnimation=t(n)})).then((function(){return e.clearAnimation()}))},t.prototype.stop=function(){this.stopAnimation&&this.stopAnimation(),this.clearAnimation()},t.prototype.isAnimating=function(){return!!this.stopAnimation},t.prototype.clearAnimation=function(){this.stopAnimation=null},t.prototype.destroy=function(){this.updateSubscribers.clear(),this.renderSubscribers.clear(),this.stop()},t}();function Ne(t){return new Be(t)}var ze=function(t){return Boolean(null!==t&&"object"==typeof t&&t.getVelocity)},He=function(t){return 1e3*t},Xe={linear:oe,easeIn:ie,easeInOut:ue,easeOut:se,circIn:le,circInOut:fe,circOut:ce,backIn:de,backInOut:ve,backOut:pe,anticipate:he,bounceIn:ye,bounceInOut:t=>t<.5?.5*(1-me(1-2*t)):.5*me(2*t-1)+.5,bounceOut:me},Ye=function(t){if(Array.isArray(t)){t.length;var e=c(t,4);return ke(e[0],e[1],e[2],e[3])}return"string"==typeof t?Xe[t]:t},We=function(t,e){return"zIndex"!==t&&(!("number"!=typeof e&&!Array.isArray(e))||!("string"!=typeof e||!Dt.test(e)||e.startsWith("url(")))},Ge=function(t){return Array.isArray(t)},_e=function(){return{type:"spring",stiffness:500,damping:25,restSpeed:10}},qe=function(t){return{type:"spring",stiffness:550,damping:0===t?2*Math.sqrt(550):30,restSpeed:10}},$e=function(){return{type:"keyframes",ease:"linear",duration:.3}},Ze=function(t){return{type:"keyframes",duration:.8,values:t}},Ke={x:_e,y:_e,z:_e,rotate:_e,rotateX:_e,rotateY:_e,rotateZ:_e,scaleX:qe,scaleY:qe,scale:qe,opacity:$e,backgroundColor:$e,color:$e,default:qe},Je=u(u({},ft),{transform:Math.round}),Qe={borderWidth:yt,borderTopWidth:yt,borderRightWidth:yt,borderBottomWidth:yt,borderLeftWidth:yt,borderRadius:yt,radius:yt,borderTopLeftRadius:yt,borderTopRightRadius:yt,borderBottomRightRadius:yt,borderBottomLeftRadius:yt,width:yt,maxWidth:yt,height:yt,maxHeight:yt,size:yt,top:yt,right:yt,bottom:yt,left:yt,padding:yt,paddingTop:yt,paddingRight:yt,paddingBottom:yt,paddingLeft:yt,margin:yt,marginTop:yt,marginRight:yt,marginBottom:yt,marginLeft:yt,rotate:ht,rotateX:ht,rotateY:ht,rotateZ:ht,scale:pt,scaleX:pt,scaleY:pt,scaleZ:pt,skew:ht,skewX:ht,skewY:ht,distance:yt,translateX:yt,translateY:yt,translateZ:yt,x:yt,y:yt,z:yt,perspective:yt,transformPerspective:yt,opacity:dt,originX:bt,originY:bt,originZ:yt,zIndex:Je,fillOpacity:dt,strokeOpacity:dt,numOctaves:Je},tn=u(u({},Qe),{color:Ct,backgroundColor:Ct,outlineColor:Ct,fill:Ct,stroke:Ct,borderColor:Ct,borderTopColor:Ct,borderRightColor:Ct,borderBottomColor:Ct,borderLeftColor:Ct,filter:It,WebkitFilter:It}),en=function(t){return tn[t]};function nn(t,e){var n,r=en(t);return r!==It&&(r=Dt),null===(n=r.getAnimatableNone)||void 0===n?void 0:n.call(r,e)}var rn={current:!1},on=function(t){return Ge(t)?t[t.length-1]||0:t};function an(t){var e=t.ease,n=t.times,r=t.yoyo,o=t.flip,i=t.loop,a=l(t,["ease","times","yoyo","flip","loop"]),s=u({},a);return n&&(s.offset=n),a.duration&&(s.duration=He(a.duration)),a.repeatDelay&&(s.repeatDelay=He(a.repeatDelay)),e&&(s.ease=function(t){return Array.isArray(t)&&"number"!=typeof t[0]}(e)?e.map(Ye):Ye(e)),"tween"===a.type&&(s.type="keyframes"),(r||i||o)&&(r?s.repeatType="reverse":i?s.repeatType="loop":o&&(s.repeatType="mirror"),s.repeat=i||r||o||a.repeat),"spring"!==a.type&&(s.type="keyframes"),s}function sn(t,e,n){var r,o,i,a;return Array.isArray(e.to)&&(null!==(r=t.duration)&&void 0!==r||(t.duration=.8)),function(t){Array.isArray(t.to)&&null===t.to[0]&&(t.to=f([],c(t.to),!1),t.to[0]=t.from)}(e),function(t){t.when,t.delay,t.delayChildren,t.staggerChildren,t.staggerDirection,t.repeat,t.repeatType,t.repeatDelay,t.from;var e=l(t,["when","delay","delayChildren","staggerChildren","staggerDirection","repeat","repeatType","repeatDelay","from"]);return!!Object.keys(e).length}(t)||(t=u(u({},t),(o=n,i=e.to,a=Ge(i)?Ze:Ke[o]||Ke.default,u({to:i},a(i))))),u(u({},e),an(t))}function un(t,e,n,r,o){var i,a=fn(r,t),s=null!==(i=a.from)&&void 0!==i?i:e.get(),l=We(t,n);return"none"===s&&l&&"string"==typeof n?s=nn(t,n):ln(s)&&"string"==typeof n?s=cn(n):!Array.isArray(n)&&ln(n)&&"string"==typeof s&&(n=cn(s)),We(t,s)&&l&&!1!==a.type?function(){var r={from:s,to:n,velocity:e.getVelocity(),onComplete:o,onUpdate:function(t){return e.set(t)}};return"inertia"===a.type||"decay"===a.type?function({from:t=0,velocity:e=0,min:n,max:r,power:o=.8,timeConstant:i=750,bounceStiffness:a=500,bounceDamping:s=10,restDelta:u=1,modifyTarget:l,driver:c,onUpdate:f,onComplete:d,onStop:p}){let v;function h(t){return void 0!==n&&t<n||void 0!==r&&t>r}function m(t){return void 0===n?r:void 0===r||Math.abs(n-t)<Math.abs(r-t)?n:r}function y(t){null==v||v.stop(),v=Pe(Object.assign(Object.assign({},t),{driver:c,onUpdate:e=>{var n;null==f||f(e),null===(n=t.onUpdate)||void 0===n||n.call(t,e)},onComplete:d,onStop:p}))}function g(t){y(Object.assign({type:"spring",stiffness:a,damping:s,restDelta:u},t))}if(h(t))g({from:t,velocity:e,to:m(t)});else{let r=o*e+t;void 0!==l&&(r=l(r));const a=m(r),s=a===n?-1:1;let c,f;const d=t=>{c=f,f=t,e=Se(t-c,q().delta),(1===s&&t>a||-1===s&&t<a)&&g({from:t,to:a,velocity:e})};y({type:"decay",from:t,velocity:e,timeConstant:i,power:o,restDelta:u,modifyTarget:l,onUpdate:h(r)?d:void 0})}return{stop:()=>null==v?void 0:v.stop()}}(u(u({},r),a)):Pe(u(u({},sn(a,r,t)),{onUpdate:function(t){var e;r.onUpdate(t),null===(e=a.onUpdate)||void 0===e||e.call(a,t)},onComplete:function(){var t;r.onComplete(),null===(t=a.onComplete)||void 0===t||t.call(a)}}))}:function(){var t,r,i=on(n);return e.set(i),o(),null===(t=null==a?void 0:a.onUpdate)||void 0===t||t.call(a,i),null===(r=null==a?void 0:a.onComplete)||void 0===r||r.call(a),{stop:function(){}}}}function ln(t){return 0===t||"string"==typeof t&&0===parseFloat(t)&&-1===t.indexOf(" ")}function cn(t){return"number"==typeof t?0:nn("",t)}function fn(t,e){return t[e]||t.default||t}function dn(t,e,n,r){return void 0===r&&(r={}),rn.current&&(r={type:!1}),e.start((function(o){var i,a,s=un(t,e,n,r,o),u=function(t,e){var n,r;return null!==(r=null!==(n=(fn(t,e)||{}).delay)&&void 0!==n?n:t.delay)&&void 0!==r?r:0}(r,t),l=function(){return a=s()};return u?i=setTimeout(l,He(u)):l(),function(){clearTimeout(i),null==a||a.stop()}}))}function pn(t,e,n){void 0===n&&(n={});var r=ze(t)?t:Ne(t);return dn("",r,e,n),{stop:function(){return r.stop()},isAnimating:function(){return r.isAnimating()}}}var vn=["TopLeft","TopRight","BottomLeft","BottomRight"],hn=vn.length;function mn(t,e){var n;return null!==(n=t[e])&&void 0!==n?n:t.borderRadius}var yn=xn(0,.5,ce),gn=xn(.5,.95,oe);function xn(t,e,n){return function(r){return r<t?0:r>e?1:n(rt(t,e,r))}}function bn(t,e){t.min=e.min,t.max=e.max}function En(t,e){bn(t.x,e.x),bn(t.y,e.y)}function wn(t){return void 0===t||1===t}function Pn(t){var e=t.scale,n=t.scaleX,r=t.scaleY;return!wn(e)||!wn(n)||!wn(r)}function Sn(t){return Pn(t)||An(t.x)||An(t.y)||t.z||t.rotate||t.rotateX||t.rotateY}function An(t){return t&&"0%"!==t}function Tn(t,e,n){return n+e*(t-n)}function Vn(t,e,n,r,o){return void 0!==o&&(t=Tn(t,o,r)),Tn(t,n,r)+e}function Cn(t,e,n,r,o){void 0===e&&(e=0),void 0===n&&(n=1),t.min=Vn(t.min,e,n,r,o),t.max=Vn(t.max,e,n,r,o)}function Mn(t,e){var n=e.x,r=e.y;Cn(t.x,n.translate,n.scale,n.originPoint),Cn(t.y,r.translate,r.scale,r.originPoint)}function Rn(t,e){t.min=t.min+e,t.max=t.max+e}function On(t,e,n){var r=c(n,3),o=r[0],i=r[1],a=r[2],s=void 0!==e[a]?e[a]:.5,u=ot(t.min,t.max,s);Cn(t,e[o],e[i],u,e.scale)}var Ln=["x","scaleX","originX"],Dn=["y","scaleY","originY"];function jn(t,e){On(t.x,e,Ln),On(t.y,e,Dn)}function kn(t){return t.max-t.min}function Fn(t,e,n){return void 0===e&&(e=0),void 0===n&&(n=.01),Ce(t,e)<n}function In(t,e,n,r){void 0===r&&(r=.5),t.origin=r,t.originPoint=ot(e.min,e.max,t.origin),t.scale=kn(n)/kn(e),(Fn(t.scale,1,1e-4)||isNaN(t.scale))&&(t.scale=1),t.translate=ot(n.min,n.max,t.origin)-t.originPoint,(Fn(t.translate)||isNaN(t.translate))&&(t.translate=0)}function Un(t,e,n,r){In(t.x,e.x,n.x,null==r?void 0:r.originX),In(t.y,e.y,n.y,null==r?void 0:r.originY)}function Bn(t,e,n){t.min=n.min+e.min,t.max=t.min+kn(e)}function Nn(t,e,n){t.min=e.min-n.min,t.max=t.min+kn(e)}function zn(t,e,n){Nn(t.x,e.x,n.x),Nn(t.y,e.y,n.y)}function Hn(t,e,n,r,o){return t=Tn(t-=e,1/n,r),void 0!==o&&(t=Tn(t,1/o,r)),t}function Xn(t,e,n,r,o){var i=c(n,3),a=i[0],s=i[1],u=i[2];!function(t,e,n,r,o,i,a){if(void 0===e&&(e=0),void 0===n&&(n=1),void 0===r&&(r=.5),void 0===i&&(i=t),void 0===a&&(a=t),mt.test(e)&&(e=parseFloat(e),e=ot(a.min,a.max,e/100)-a.min),"number"==typeof e){var s=ot(i.min,i.max,r);t===i&&(s-=e),t.min=Hn(t.min,e,n,s,o),t.max=Hn(t.max,e,n,s,o)}}(t,e[a],e[s],e[u],e.scale,r,o)}var Yn=["x","scaleX","originX"],Wn=["y","scaleY","originY"];function Gn(t,e,n,r){Xn(t.x,e,Yn,null==n?void 0:n.x,null==r?void 0:r.x),Xn(t.y,e,Wn,null==n?void 0:n.y,null==r?void 0:r.y)}var _n=function(){return{x:{min:0,max:0},y:{min:0,max:0}}};function qn(t){return 0===t.translate&&1===t.scale}function $n(t){return qn(t.x)&&qn(t.y)}function Zn(t,e){return t.x.min===e.x.min&&t.x.max===e.x.max&&t.y.min===e.y.min&&t.y.max===e.y.max}var Kn=function(){function t(){this.members=[]}return t.prototype.add=function(t){Fe(this.members,t),t.scheduleRender()},t.prototype.remove=function(t){if(Ie(this.members,t),t===this.prevLead&&(this.prevLead=void 0),t===this.lead){var e=this.members[this.members.length-1];e&&this.promote(e)}},t.prototype.relegate=function(t){var e,n=this.members.findIndex((function(e){return t===e}));if(0===n)return!1;for(var r=n;r>=0;r--){var o=this.members[r];if(!1!==o.isPresent){e=o;break}}return!!e&&(this.promote(e),!0)},t.prototype.promote=function(t,e){var n,r=this.lead;t!==r&&(this.prevLead=r,this.lead=t,t.show(),r&&(r.instance&&r.scheduleRender(),t.scheduleRender(),t.resumeFrom=r,e&&(t.resumeFrom.preserveOpacity=!0),r.snapshot&&(t.snapshot=r.snapshot,t.snapshot.latestValues=r.animationValues||r.latestValues,t.snapshot.isShared=!0),(null===(n=t.root)||void 0===n?void 0:n.isUpdating)&&(t.isLayoutDirty=!0),!1===t.options.crossfade&&r.hide()))},t.prototype.exitAnimationComplete=function(){this.members.forEach((function(t){var e,n,r,o,i;null===(n=(e=t.options).onExitComplete)||void 0===n||n.call(e),null===(i=null===(r=t.resumingFrom)||void 0===r?void 0:(o=r.options).onExitComplete)||void 0===i||i.call(o)}))},t.prototype.scheduleRender=function(){this.members.forEach((function(t){t.instance&&t.scheduleRender(!1)}))},t.prototype.removeLeadSnapshot=function(){this.lead&&this.lead.snapshot&&(this.lead.snapshot=void 0)},t}(),Jn={};function Qn(t){Object.assign(Jn,t)}function tr(t,e,n){var r=t.x.translate/e.x,o=t.y.translate/e.y,i="translate3d(".concat(r,"px, ").concat(o,"px, 0) ");if(n){var a=n.rotate,s=n.rotateX,u=n.rotateY;a&&(i+="rotate(".concat(a,"deg) ")),s&&(i+="rotateX(".concat(s,"deg) ")),u&&(i+="rotateY(".concat(u,"deg) "))}return"translate3d(0px, 0px, 0) scale(1, 1)"===(i+="scale(".concat(t.x.scale,", ").concat(t.y.scale,")"))?"none":i}function er(t){return[t("x"),t("y")]}var nr=["","X","Y","Z"],rr=["transformPerspective","x","y","z"];function or(t,e){return rr.indexOf(t)-rr.indexOf(e)}["translate","scale","rotate","skew"].forEach((function(t){return nr.forEach((function(e){return rr.push(t+e)}))}));var ir=new Set(rr);function ar(t){return ir.has(t)}var sr=new Set(["originX","originY","originZ"]);function ur(t){return sr.has(t)}var lr=function(t,e){return t.depth-e.depth},cr=function(){function t(){this.children=[],this.isDirty=!1}return t.prototype.add=function(t){Fe(this.children,t),this.isDirty=!0},t.prototype.remove=function(t){Ie(this.children,t),this.isDirty=!0},t.prototype.forEach=function(t){this.isDirty&&this.children.sort(lr),this.isDirty=!1,this.children.forEach(t)},t}();function fr(t){var e,n=ze(t)?t.get():t;return e=n,Boolean(e&&"object"==typeof e&&e.mix&&e.toValue)?n.toValue():n}var dr={hasAnimatedSinceResize:!0,hasEverUpdated:!1};function pr(t){var e=t.attachResizeListener,n=t.defaultParent,r=t.measureScroll,o=t.resetTransform;return function(){function t(t,e,r){var o=this;void 0===e&&(e={}),void 0===r&&(r=null==n?void 0:n()),this.children=new Set,this.options={},this.isTreeAnimating=!1,this.isAnimationBlocked=!1,this.isLayoutDirty=!1,this.updateManuallyBlocked=!1,this.updateBlockedByResize=!1,this.isUpdating=!1,this.isSVG=!1,this.needsReset=!1,this.shouldResetTransform=!1,this.treeScale={x:1,y:1},this.eventHandlers=new Map,this.potentialNodes=new Map,this.checkUpdateFailed=function(){o.isUpdating&&(o.isUpdating=!1,o.clearAllSnapshots())},this.updateProjection=function(){o.nodes.forEach(br),o.nodes.forEach(Er)},this.hasProjected=!1,this.isVisible=!0,this.animationProgress=0,this.sharedNodes=new Map,this.id=t,this.latestValues=e,this.root=r?r.root||r:this,this.path=r?f(f([],c(r.path),!1),[r],!1):[],this.parent=r,this.depth=r?r.depth+1:0,t&&this.root.registerPotentialNode(t,this);for(var i=0;i<this.path.length;i++)this.path[i].shouldResetTransform=!0;this.root===this&&(this.nodes=new cr)}return t.prototype.addEventListener=function(t,e){return this.eventHandlers.has(t)||this.eventHandlers.set(t,new Ue),this.eventHandlers.get(t).add(e)},t.prototype.notifyListeners=function(t){for(var e=[],n=1;n<arguments.length;n++)e[n-1]=arguments[n];var r=this.eventHandlers.get(t);null==r||r.notify.apply(r,f([],c(e),!1))},t.prototype.hasListeners=function(t){return this.eventHandlers.has(t)},t.prototype.registerPotentialNode=function(t,e){this.potentialNodes.set(t,e)},t.prototype.mount=function(t,n){var r,o=this;if(void 0===n&&(n=!1),!this.instance){this.isSVG=t instanceof SVGElement&&"svg"!==t.tagName,this.instance=t;var i=this.options,a=i.layoutId,s=i.layout,l=i.visualElement;if(l&&!l.getInstance()&&l.mount(t),this.root.nodes.add(this),null===(r=this.parent)||void 0===r||r.children.add(this),this.id&&this.root.potentialNodes.delete(this.id),n&&(s||a)&&(this.isLayoutDirty=!0),e){var c,f=function(){return o.root.updateBlockedByResize=!1};e(t,(function(){o.root.updateBlockedByResize=!0,clearTimeout(c),c=setTimeout(f,250),dr.hasAnimatedSinceResize&&(dr.hasAnimatedSinceResize=!1,o.nodes.forEach(xr))}))}a&&this.root.registerSharedNode(a,this),!1!==this.options.animate&&l&&(a||s)&&this.addEventListener("didUpdate",(function(t){var e,n,r,i,a,s=t.delta,c=t.hasLayoutChanged,f=t.hasRelativeTargetChanged,d=t.layout;if(o.isTreeAnimationBlocked())return o.target=void 0,void(o.relativeTarget=void 0);var p=null!==(n=null!==(e=o.options.transition)&&void 0!==e?e:l.getDefaultTransition())&&void 0!==n?n:Vr,v=l.getProps().onLayoutAnimationComplete,h=!o.targetLayout||!Zn(o.targetLayout,d)||f,m=!c&&f;(null===(r=o.resumeFrom)||void 0===r?void 0:r.instance)||m||c&&(h||!o.currentAnimation)?(o.resumeFrom&&(o.resumingFrom=o.resumeFrom,o.resumingFrom.resumingFrom=void 0),o.setAnimationOrigin(s,m),o.startAnimation(u(u({},fn(p,"layout")),{onComplete:v}))):o.isLead()&&(null===(a=(i=o.options).onExitComplete)||void 0===a||a.call(i)),o.targetLayout=d}))}},t.prototype.unmount=function(){var t,e;this.options.layoutId&&this.willUpdate(),this.root.nodes.remove(this),null===(t=this.getStack())||void 0===t||t.remove(this),null===(e=this.parent)||void 0===e||e.children.delete(this),this.instance=void 0,X.preRender(this.updateProjection)},t.prototype.blockUpdate=function(){this.updateManuallyBlocked=!0},t.prototype.unblockUpdate=function(){this.updateManuallyBlocked=!1},t.prototype.isUpdateBlocked=function(){return this.updateManuallyBlocked||this.updateBlockedByResize},t.prototype.isTreeAnimationBlocked=function(){var t;return this.isAnimationBlocked||(null===(t=this.parent)||void 0===t?void 0:t.isTreeAnimationBlocked())||!1},t.prototype.startUpdate=function(){var t;this.isUpdateBlocked()||(this.isUpdating=!0,null===(t=this.nodes)||void 0===t||t.forEach(wr))},t.prototype.willUpdate=function(t){var e,n,r;if(void 0===t&&(t=!0),this.root.isUpdateBlocked())null===(n=(e=this.options).onExitComplete)||void 0===n||n.call(e);else if(!this.root.isUpdating&&this.root.startUpdate(),!this.isLayoutDirty){this.isLayoutDirty=!0;for(var o=0;o<this.path.length;o++){var i=this.path[o];i.shouldResetTransform=!0,i.updateScroll()}var a=this.options,s=a.layoutId,u=a.layout;if(void 0!==s||u){var l=null===(r=this.options.visualElement)||void 0===r?void 0:r.getProps().transformTemplate;this.prevTransformTemplateValue=null==l?void 0:l(this.latestValues,""),this.updateSnapshot(),t&&this.notifyListeners("willUpdate")}}},t.prototype.didUpdate=function(){if(this.isUpdateBlocked())return this.unblockUpdate(),this.clearAllSnapshots(),void this.nodes.forEach(yr);this.isUpdating&&(this.isUpdating=!1,this.potentialNodes.size&&(this.potentialNodes.forEach(Cr),this.potentialNodes.clear()),this.nodes.forEach(gr),this.nodes.forEach(vr),this.nodes.forEach(hr),this.clearAllSnapshots(),Y.update(),Y.preRender(),Y.render())},t.prototype.clearAllSnapshots=function(){this.nodes.forEach(mr),this.sharedNodes.forEach(Pr)},t.prototype.scheduleUpdateProjection=function(){H.preRender(this.updateProjection,!1,!0)},t.prototype.scheduleCheckAfterUnmount=function(){var t=this;H.postRender((function(){t.isLayoutDirty?t.root.didUpdate():t.root.checkUpdateFailed()}))},t.prototype.updateSnapshot=function(){if(!this.snapshot&&this.instance){var t=this.measure(),e=this.removeTransform(this.removeElementScroll(t));Rr(e),this.snapshot={measured:t,layout:e,latestValues:{}}}},t.prototype.updateLayout=function(){var t;if(this.instance&&(this.updateScroll(),this.options.alwaysMeasureLayout&&this.isLead()||this.isLayoutDirty)){if(this.resumeFrom&&!this.resumeFrom.instance)for(var e=0;e<this.path.length;e++){this.path[e].updateScroll()}var n=this.measure();Rr(n);var r=this.layout;this.layout={measured:n,actual:this.removeElementScroll(n)},this.layoutCorrected={x:{min:0,max:0},y:{min:0,max:0}},this.isLayoutDirty=!1,this.projectionDelta=void 0,this.notifyListeners("measure",this.layout.actual),null===(t=this.options.visualElement)||void 0===t||t.notifyLayoutMeasure(this.layout.actual,null==r?void 0:r.actual)}},t.prototype.updateScroll=function(){this.options.layoutScroll&&this.instance&&(this.scroll=r(this.instance))},t.prototype.resetTransform=function(){var t;if(o){var e=this.isLayoutDirty||this.shouldResetTransform,n=this.projectionDelta&&!$n(this.projectionDelta),r=null===(t=this.options.visualElement)||void 0===t?void 0:t.getProps().transformTemplate,i=null==r?void 0:r(this.latestValues,""),a=i!==this.prevTransformTemplateValue;e&&(n||Sn(this.latestValues)||a)&&(o(this.instance,i),this.shouldResetTransform=!1,this.scheduleRender())}},t.prototype.measure=function(){var t=this.options.visualElement;if(!t)return{x:{min:0,max:0},y:{min:0,max:0}};var e=t.measureViewportBox(),n=this.root.scroll;return n&&(Rn(e.x,n.x),Rn(e.y,n.y)),e},t.prototype.removeElementScroll=function(t){var e={x:{min:0,max:0},y:{min:0,max:0}};En(e,t);for(var n=0;n<this.path.length;n++){var r=this.path[n],o=r.scroll,i=r.options;r!==this.root&&o&&i.layoutScroll&&(Rn(e.x,o.x),Rn(e.y,o.y))}return e},t.prototype.applyTransform=function(t,e){void 0===e&&(e=!1);var n={x:{min:0,max:0},y:{min:0,max:0}};En(n,t);for(var r=0;r<this.path.length;r++){var o=this.path[r];!e&&o.options.layoutScroll&&o.scroll&&o!==o.root&&jn(n,{x:-o.scroll.x,y:-o.scroll.y}),Sn(o.latestValues)&&jn(n,o.latestValues)}return Sn(this.latestValues)&&jn(n,this.latestValues),n},t.prototype.removeTransform=function(t){var e,n={x:{min:0,max:0},y:{min:0,max:0}};En(n,t);for(var r=0;r<this.path.length;r++){var o=this.path[r];if(o.instance&&Sn(o.latestValues)){Pn(o.latestValues)&&o.updateSnapshot();var i={x:{min:0,max:0},y:{min:0,max:0}};En(i,o.measure()),Gn(n,o.latestValues,null===(e=o.snapshot)||void 0===e?void 0:e.layout,i)}}return Sn(this.latestValues)&&Gn(n,this.latestValues),n},t.prototype.setTargetDelta=function(t){this.targetDelta=t,this.root.scheduleUpdateProjection()},t.prototype.setOptions=function(t){var e;this.options=u(u(u({},this.options),t),{crossfade:null===(e=t.crossfade)||void 0===e||e})},t.prototype.clearMeasurements=function(){this.scroll=void 0,this.layout=void 0,this.snapshot=void 0,this.prevTransformTemplateValue=void 0,this.targetDelta=void 0,this.target=void 0,this.isLayoutDirty=!1},t.prototype.resolveTargetDelta=function(){var t,e,n,r,o=this.options,i=o.layout,a=o.layoutId;this.layout&&(i||a)&&(this.targetDelta||this.relativeTarget||(this.relativeParent=this.getClosestProjectingParent(),this.relativeParent&&this.relativeParent.layout&&(this.relativeTarget={x:{min:0,max:0},y:{min:0,max:0}},this.relativeTargetOrigin={x:{min:0,max:0},y:{min:0,max:0}},zn(this.relativeTargetOrigin,this.layout.actual,this.relativeParent.layout.actual),En(this.relativeTarget,this.relativeTargetOrigin))),(this.relativeTarget||this.targetDelta)&&(this.target||(this.target={x:{min:0,max:0},y:{min:0,max:0}},this.targetWithTransforms={x:{min:0,max:0},y:{min:0,max:0}}),this.relativeTarget&&this.relativeTargetOrigin&&(null===(t=this.relativeParent)||void 0===t?void 0:t.target)?(e=this.target,n=this.relativeTarget,r=this.relativeParent.target,Bn(e.x,n.x,r.x),Bn(e.y,n.y,r.y)):this.targetDelta?(Boolean(this.resumingFrom)?this.target=this.applyTransform(this.layout.actual):En(this.target,this.layout.actual),Mn(this.target,this.targetDelta)):En(this.target,this.layout.actual),this.attemptToResolveRelativeTarget&&(this.attemptToResolveRelativeTarget=!1,this.relativeParent=this.getClosestProjectingParent(),this.relativeParent&&Boolean(this.relativeParent.resumingFrom)===Boolean(this.resumingFrom)&&!this.relativeParent.options.layoutScroll&&this.relativeParent.target&&(this.relativeTarget={x:{min:0,max:0},y:{min:0,max:0}},this.relativeTargetOrigin={x:{min:0,max:0},y:{min:0,max:0}},zn(this.relativeTargetOrigin,this.target,this.relativeParent.target),En(this.relativeTarget,this.relativeTargetOrigin)))))},t.prototype.getClosestProjectingParent=function(){if(this.parent&&!Sn(this.parent.latestValues))return(this.parent.relativeTarget||this.parent.targetDelta)&&this.parent.layout?this.parent:this.parent.getClosestProjectingParent()},t.prototype.calcProjection=function(){var t,e=this.options,n=e.layout,r=e.layoutId;if(this.isTreeAnimating=Boolean((null===(t=this.parent)||void 0===t?void 0:t.isTreeAnimating)||this.currentAnimation||this.pendingAnimation),this.isTreeAnimating||(this.targetDelta=this.relativeTarget=void 0),this.layout&&(n||r)){var o=this.getLead();En(this.layoutCorrected,this.layout.actual),function(t,e,n,r){var o,i;void 0===r&&(r=!1);var a=n.length;if(a){var s,u;e.x=e.y=1;for(var l=0;l<a;l++)u=(s=n[l]).projectionDelta,"contents"!==(null===(i=null===(o=s.instance)||void 0===o?void 0:o.style)||void 0===i?void 0:i.display)&&(r&&s.options.layoutScroll&&s.scroll&&s!==s.root&&jn(t,{x:-s.scroll.x,y:-s.scroll.y}),u&&(e.x*=u.x.scale,e.y*=u.y.scale,Mn(t,u)),r&&Sn(s.latestValues)&&jn(t,s.latestValues))}}(this.layoutCorrected,this.treeScale,this.path,Boolean(this.resumingFrom)||this!==o);var i=o.target;if(i){this.projectionDelta||(this.projectionDelta={x:{translate:0,scale:1,origin:0,originPoint:0},y:{translate:0,scale:1,origin:0,originPoint:0}},this.projectionDeltaWithTransform={x:{translate:0,scale:1,origin:0,originPoint:0},y:{translate:0,scale:1,origin:0,originPoint:0}});var a=this.treeScale.x,s=this.treeScale.y,u=this.projectionTransform;Un(this.projectionDelta,this.layoutCorrected,i,this.latestValues),this.projectionTransform=tr(this.projectionDelta,this.treeScale),this.projectionTransform===u&&this.treeScale.x===a&&this.treeScale.y===s||(this.hasProjected=!0,this.scheduleRender(),this.notifyListeners("projectionUpdate",i))}}},t.prototype.hide=function(){this.isVisible=!1},t.prototype.show=function(){this.isVisible=!0},t.prototype.scheduleRender=function(t){var e,n,r;void 0===t&&(t=!0),null===(n=(e=this.options).scheduleRender)||void 0===n||n.call(e),t&&(null===(r=this.getStack())||void 0===r||r.scheduleRender()),this.resumingFrom&&!this.resumingFrom.instance&&(this.resumingFrom=void 0)},t.prototype.setAnimationOrigin=function(t,e){var n,r=this;void 0===e&&(e=!1);var o=this.snapshot,i=(null==o?void 0:o.latestValues)||{},a=u({},this.latestValues),s={x:{translate:0,scale:1,origin:0,originPoint:0},y:{translate:0,scale:1,origin:0,originPoint:0}};this.relativeTarget=this.relativeTargetOrigin=void 0,this.attemptToResolveRelativeTarget=!e;var l={x:{min:0,max:0},y:{min:0,max:0}},c=null==o?void 0:o.isShared,f=((null===(n=this.getStack())||void 0===n?void 0:n.members.length)||0)<=1,d=Boolean(c&&!f&&!0===this.options.crossfade&&!this.path.some(Tr));this.mixTargetDelta=function(e){var n,o,u,p,v,h=e/1e3;Sr(s.x,t.x,h),Sr(s.y,t.y,h),r.setTargetDelta(s),r.relativeTarget&&r.relativeTargetOrigin&&r.layout&&(null===(n=r.relativeParent)||void 0===n?void 0:n.layout)&&(zn(l,r.layout.actual,r.relativeParent.layout.actual),o=r.relativeTarget,u=r.relativeTargetOrigin,p=l,v=h,Ar(o.x,u.x,p.x,v),Ar(o.y,u.y,p.y,v)),c&&(r.animationValues=a,function(t,e,n,r,o,i){var a,s,u,l;o?(t.opacity=ot(0,null!==(a=n.opacity)&&void 0!==a?a:1,yn(r)),t.opacityExit=ot(null!==(s=e.opacity)&&void 0!==s?s:1,0,gn(r))):i&&(t.opacity=ot(null!==(u=e.opacity)&&void 0!==u?u:1,null!==(l=n.opacity)&&void 0!==l?l:1,r));for(var c=0;c<hn;c++){var f="border".concat(vn[c],"Radius"),d=mn(e,f),p=mn(n,f);if((void 0!==d||void 0!==p)&&(d||(d=0),p||(p=0),"number"==typeof d&&"number"==typeof p)){var v=Math.max(ot(d,p,r),0);t[f]=v}}(e.rotate||n.rotate)&&(t.rotate=ot(e.rotate||0,n.rotate||0,r))}(a,i,r.latestValues,h,d,f)),r.root.scheduleUpdateProjection(),r.scheduleRender()},this.mixTargetDelta(0)},t.prototype.startAnimation=function(t){var e,n,r=this;null===(e=this.currentAnimation)||void 0===e||e.stop(),this.resumingFrom&&(null===(n=this.resumingFrom.currentAnimation)||void 0===n||n.stop()),this.pendingAnimation&&(X.update(this.pendingAnimation),this.pendingAnimation=void 0),this.pendingAnimation=H.update((function(){dr.hasAnimatedSinceResize=!0,r.currentAnimation=pn(0,1e3,u(u({},t),{onUpdate:function(e){var n;r.mixTargetDelta(e),null===(n=t.onUpdate)||void 0===n||n.call(t,e)},onComplete:function(){var e;null===(e=t.onComplete)||void 0===e||e.call(t),r.completeAnimation()}})),r.resumingFrom&&(r.resumingFrom.currentAnimation=r.currentAnimation),r.pendingAnimation=void 0}))},t.prototype.completeAnimation=function(){var t;this.resumingFrom&&(this.resumingFrom.currentAnimation=void 0,this.resumingFrom.preserveOpacity=void 0),null===(t=this.getStack())||void 0===t||t.exitAnimationComplete(),this.resumingFrom=this.currentAnimation=this.animationValues=void 0,this.notifyListeners("animationComplete")},t.prototype.finishAnimation=function(){var t;this.currentAnimation&&(null===(t=this.mixTargetDelta)||void 0===t||t.call(this,1e3),this.currentAnimation.stop()),this.completeAnimation()},t.prototype.applyTransformsToTarget=function(){var t=this.getLead(),e=t.targetWithTransforms,n=t.target,r=t.layout,o=t.latestValues;e&&n&&r&&(En(e,n),jn(e,o),Un(this.projectionDeltaWithTransform,this.layoutCorrected,e,o))},t.prototype.registerSharedNode=function(t,e){var n,r,o;this.sharedNodes.has(t)||this.sharedNodes.set(t,new Kn),this.sharedNodes.get(t).add(e),e.promote({transition:null===(n=e.options.initialPromotionConfig)||void 0===n?void 0:n.transition,preserveFollowOpacity:null===(o=null===(r=e.options.initialPromotionConfig)||void 0===r?void 0:r.shouldPreserveFollowOpacity)||void 0===o?void 0:o.call(r,e)})},t.prototype.isLead=function(){var t=this.getStack();return!t||t.lead===this},t.prototype.getLead=function(){var t;return this.options.layoutId&&(null===(t=this.getStack())||void 0===t?void 0:t.lead)||this},t.prototype.getPrevLead=function(){var t;return this.options.layoutId?null===(t=this.getStack())||void 0===t?void 0:t.prevLead:void 0},t.prototype.getStack=function(){var t=this.options.layoutId;if(t)return this.root.sharedNodes.get(t)},t.prototype.promote=function(t){var e=void 0===t?{}:t,n=e.needsReset,r=e.transition,o=e.preserveFollowOpacity,i=this.getStack();i&&i.promote(this,o),n&&(this.projectionDelta=void 0,this.needsReset=!0),r&&this.setOptions({transition:r})},t.prototype.relegate=function(){var t=this.getStack();return!!t&&t.relegate(this)},t.prototype.resetRotation=function(){var t=this.options.visualElement;if(t){for(var e=!1,n={},r=0;r<nr.length;r++){var o="rotate"+nr[r];t.getStaticValue(o)&&(e=!0,n[o]=t.getStaticValue(o),t.setStaticValue(o,0))}if(e){for(var o in null==t||t.syncRender(),n)t.setStaticValue(o,n[o]);t.scheduleRender()}}},t.prototype.getProjectionStyles=function(t){var e,n,r,o,i,a;void 0===t&&(t={});var s={};if(!this.instance||this.isSVG)return s;if(!this.isVisible)return{visibility:"hidden"};s.visibility="";var u=null===(e=this.options.visualElement)||void 0===e?void 0:e.getProps().transformTemplate;if(this.needsReset)return this.needsReset=!1,s.opacity="",s.pointerEvents=fr(t.pointerEvents)||"",s.transform=u?u(this.latestValues,""):"none",s;var l=this.getLead();if(!this.projectionDelta||!this.layout||!l.target){var c={};return this.options.layoutId&&(c.opacity=null!==(n=this.latestValues.opacity)&&void 0!==n?n:1,c.pointerEvents=fr(t.pointerEvents)||""),this.hasProjected&&!Sn(this.latestValues)&&(c.transform=u?u({},""):"none",this.hasProjected=!1),c}var f=l.animationValues||l.latestValues;this.applyTransformsToTarget(),s.transform=tr(this.projectionDeltaWithTransform,this.treeScale,f),u&&(s.transform=u(f,s.transform));var d=this.projectionDelta,p=d.x,v=d.y;for(var h in s.transformOrigin="".concat(100*p.origin,"% ").concat(100*v.origin,"% 0"),l.animationValues?s.opacity=l===this?null!==(o=null!==(r=f.opacity)&&void 0!==r?r:this.latestValues.opacity)&&void 0!==o?o:1:this.preserveOpacity?this.latestValues.opacity:f.opacityExit:s.opacity=l===this?null!==(i=f.opacity)&&void 0!==i?i:"":null!==(a=f.opacityExit)&&void 0!==a?a:0,Jn)if(void 0!==f[h]){var m=Jn[h],y=m.correct,g=m.applyTo,x=y(f[h],l);if(g)for(var b=g.length,E=0;E<b;E++)s[g[E]]=x;else s[h]=x}return this.options.layoutId&&(s.pointerEvents=l===this?fr(t.pointerEvents)||"":"none"),s},t.prototype.clearSnapshot=function(){this.resumeFrom=this.snapshot=void 0},t.prototype.resetTree=function(){this.root.nodes.forEach((function(t){var e;return null===(e=t.currentAnimation)||void 0===e?void 0:e.stop()})),this.root.nodes.forEach(yr),this.root.sharedNodes.clear()},t}()}function vr(t){t.updateLayout()}function hr(t){var e,n,r,o,i=null!==(n=null===(e=t.resumeFrom)||void 0===e?void 0:e.snapshot)&&void 0!==n?n:t.snapshot;if(t.isLead()&&t.layout&&i&&t.hasListeners("didUpdate")){var a=t.layout,s=a.actual,u=a.measured;"size"===t.options.animationType?er((function(t){var e=i.isShared?i.measured[t]:i.layout[t],n=kn(e);e.min=s[t].min,e.max=e.min+n})):"position"===t.options.animationType&&er((function(t){var e=i.isShared?i.measured[t]:i.layout[t],n=kn(s[t]);e.max=e.min+n}));var l={x:{translate:0,scale:1,origin:0,originPoint:0},y:{translate:0,scale:1,origin:0,originPoint:0}};Un(l,s,i.layout);var c={x:{translate:0,scale:1,origin:0,originPoint:0},y:{translate:0,scale:1,origin:0,originPoint:0}};i.isShared?Un(c,t.applyTransform(u,!0),i.measured):Un(c,s,i.layout);var f=!$n(l),d=!1;if(!t.resumeFrom&&(t.relativeParent=t.getClosestProjectingParent(),t.relativeParent&&!t.relativeParent.resumeFrom)){var p=t.relativeParent,v=p.snapshot,h=p.layout;if(v&&h){var m={x:{min:0,max:0},y:{min:0,max:0}};zn(m,i.layout,v.layout);var y={x:{min:0,max:0},y:{min:0,max:0}};zn(y,s,h.actual),Zn(m,y)||(d=!0)}}t.notifyListeners("didUpdate",{layout:s,snapshot:i,delta:c,layoutDelta:l,hasLayoutChanged:f,hasRelativeTargetChanged:d})}else t.isLead()&&(null===(o=(r=t.options).onExitComplete)||void 0===o||o.call(r));t.options.transition=void 0}function mr(t){t.clearSnapshot()}function yr(t){t.clearMeasurements()}function gr(t){t.resetTransform()}function xr(t){t.finishAnimation(),t.targetDelta=t.relativeTarget=t.target=void 0}function br(t){t.resolveTargetDelta()}function Er(t){t.calcProjection()}function wr(t){t.resetRotation()}function Pr(t){t.removeLeadSnapshot()}function Sr(t,e,n){t.translate=ot(e.translate,0,n),t.scale=ot(e.scale,1,n),t.origin=e.origin,t.originPoint=e.originPoint}function Ar(t,e,n,r){t.min=ot(e.min,n.min,r),t.max=ot(e.max,n.max,r)}function Tr(t){return t.animationValues&&void 0!==t.animationValues.opacityExit}var Vr={duration:.45,ease:[.4,0,.1,1]};function Cr(t,e){for(var n=t.root,r=t.path.length-1;r>=0;r--)if(Boolean(t.path[r].instance)){n=t.path[r];break}var o=(n&&n!==t.root?n.instance:document).querySelector('[data-projection-id="'.concat(e,'"]'));o&&t.mount(o,!0)}function Mr(t){t.min=Math.round(t.min),t.max=Math.round(t.max)}function Rr(t){Mr(t.x),Mr(t.y)}var Or=1;var Lr=e.createContext({}),Dr=e.createContext({});var jr=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return s(e,t),e.prototype.getSnapshotBeforeUpdate=function(){return this.updateProps(),null},e.prototype.componentDidUpdate=function(){},e.prototype.updateProps=function(){var t=this.props,e=t.visualElement,n=t.props;e&&e.setProps(n)},e.prototype.render=function(){return this.props.children},e}(i.default.Component);function kr(t){var n=t.preloadedFeatures,r=t.createVisualElement,i=t.projectionNodeConstructor,a=t.useRender,s=t.useVisualState,l=t.Component;return n&&v(n),e.forwardRef((function(t,n){var c=function(t){var n,r=t.layoutId,o=null===(n=e.useContext(Lr))||void 0===n?void 0:n.id;return o&&void 0!==r?o+"-"+r:r}(t);t=u(u({},t),{layoutId:c});var f=e.useContext(g),d=null,v=O(t),A=D((function(){if(dr.hasEverUpdated)return Or++})),T=s(t,f.isStatic);return!f.isStatic&&w&&(v.visualElement=function(t,n,r,o){var i=e.useContext(h),a=b(),s=e.useContext(E),u=e.useRef(void 0);o||(o=i.renderer),!u.current&&o&&(u.current=o(t,{visualState:n,parent:a,props:r,presenceId:null==s?void 0:s.id,blockInitialAnimation:!1===(null==s?void 0:s.initial)}));var l=u.current;return P((function(){null==l||l.syncRender()})),e.useEffect((function(){var t;null===(t=null==l?void 0:l.animationState)||void 0===t||t.animateChanges()})),P((function(){return function(){return null==l?void 0:l.notifyUnmount()}}),[]),l}(l,T,u(u({},f),t),r),function(t,n,r,o){var i,a=n.layoutId,s=n.layout,u=n.drag,l=n.dragConstraints,c=n.layoutScroll,f=e.useContext(Dr);o&&r&&!(null==r?void 0:r.projection)&&(r.projection=new o(t,r.getLatestValues(),null===(i=r.parent)||void 0===i?void 0:i.projection),r.projection.setOptions({layoutId:a,layout:s,alwaysMeasureLayout:Boolean(u)||l&&S(l),visualElement:r,scheduleRender:function(){return r.scheduleRender()},animationType:"string"==typeof s?s:"both",initialPromotionConfig:f,layoutScroll:c}))}(A,t,v.visualElement,i||p.projectionNodeConstructor),d=function(t,n,r){var i=[];if(e.useContext(h),!n)return null;for(var a=0;a<y;a++){var s=m[a],l=p[s],c=l.isEnabled,f=l.Component;c(t)&&f&&i.push(o.createElement(f,u({key:s},t,{visualElement:n})))}return i}(t,v.visualElement)),o.createElement(jr,{visualElement:v.visualElement,props:u(u({},f),t)},d,o.createElement(x.Provider,{value:v},a(l,t,A,function(t,n,r){return e.useCallback((function(e){var o;e&&(null===(o=t.mount)||void 0===o||o.call(t,e)),n&&(e?n.mount(e):n.unmount()),r&&("function"==typeof r?r(e):S(r)&&(r.current=e))}),[n])}(T,v.visualElement,n),T,f.isStatic,v.visualElement)))}))}function Fr(t){function e(e,n){return void 0===n&&(n={}),kr(t(e,n))}if("undefined"==typeof Proxy)return e;var n=new Map;return new Proxy(e,{get:function(t,r){return n.has(r)||n.set(r,e(r)),n.get(r)}})}var Ir=["animate","circle","defs","desc","ellipse","g","image","line","filter","marker","mask","metadata","path","pattern","polygon","polyline","rect","stop","svg","switch","symbol","text","tspan","use","view"];function Ur(t){return"string"==typeof t&&!t.includes("-")&&!!(Ir.indexOf(t)>-1||/[A-Z]/.test(t))}function Br(t,e){var n=e.layout,r=e.layoutId;return ar(t)||ur(t)||(n||void 0!==r)&&(!!Jn[t]||"opacity"===t)}var Nr={x:"translateX",y:"translateY",z:"translateZ",transformPerspective:"perspective"};function zr(t){return t.startsWith("--")}var Hr=function(t,e){return e&&"number"==typeof t?e.transform(t):t};function Xr(t,e,n,r){var o,i=t.style,a=t.vars,s=t.transform,u=t.transformKeys,l=t.transformOrigin;u.length=0;var c=!1,f=!1,d=!0;for(var p in e){var v=e[p];if(zr(p))a[p]=v;else{var h=Qe[p],m=Hr(v,h);if(ar(p)){if(c=!0,s[p]=m,u.push(p),!d)continue;v!==(null!==(o=h.default)&&void 0!==o?o:0)&&(d=!1)}else ur(p)?(l[p]=m,f=!0):i[p]=m}}c?i.transform=function(t,e,n,r){var o=t.transform,i=t.transformKeys,a=e.enableHardwareAcceleration,s=void 0===a||a,u=e.allowTransformNone,l=void 0===u||u,c="";i.sort(or);for(var f=!1,d=i.length,p=0;p<d;p++){var v=i[p];c+="".concat(Nr[v]||v,"(").concat(o[v],") "),"z"===v&&(f=!0)}return!f&&s?c+="translateZ(0)":c=c.trim(),r?c=r(o,n?"":c):l&&n&&(c="none"),c}(t,n,d,r):r&&(i.transform=r({},"")),f&&(i.transformOrigin=function(t){var e=t.originX,n=void 0===e?"50%":e,r=t.originY,o=void 0===r?"50%":r,i=t.originZ,a=void 0===i?0:i;return"".concat(n," ").concat(o," ").concat(a)}(l))}var Yr=function(){return{style:{},transform:{},transformKeys:[],transformOrigin:{},vars:{}}};function Wr(t,e,n){for(var r in e)ze(e[r])||Br(r,n)||(t[r]=e[r])}function Gr(t,n,r){var o={};return Wr(o,t.style||{},t),Object.assign(o,function(t,n,r){var o=t.transformTemplate;return e.useMemo((function(){var t={style:{},transform:{},transformKeys:[],transformOrigin:{},vars:{}};Xr(t,n,{enableHardwareAcceleration:!r},o);var e=t.style;return u(u({},t.vars),e)}),[n])}(t,n,r)),t.transformValues&&(o=t.transformValues(o)),o}function _r(t,e,n){var r={},o=Gr(t,e,n);return Boolean(t.drag)&&!1!==t.dragListener&&(r.draggable=!1,o.userSelect=o.WebkitUserSelect=o.WebkitTouchCallout="none",o.touchAction=!0===t.drag?"none":"pan-".concat("x"===t.drag?"y":"x")),r.style=o,r}var qr=new Set(["initial","animate","exit","style","variants","transition","transformTemplate","transformValues","custom","inherit","layout","layoutId","layoutDependency","onLayoutAnimationComplete","onLayoutMeasure","onBeforeLayoutMeasure","onAnimationStart","onAnimationComplete","onUpdate","onDragStart","onDrag","onDragEnd","onMeasureDragConstraints","onDirectionLock","onDragTransitionEnd","drag","dragControls","dragListener","dragConstraints","dragDirectionLock","dragSnapToOrigin","_dragX","_dragY","dragElastic","dragMomentum","dragPropagation","dragTransition","whileDrag","onPan","onPanStart","onPanEnd","onPanSessionStart","onTap","onTapStart","onTapCancel","onHoverStart","onHoverEnd","whileFocus","whileTap","whileHover","whileInView","onViewportEnter","onViewportLeave","viewport","layoutScroll"]);function $r(t){return qr.has(t)}var Zr=function(t){return!$r(t)};try{var Kr=require("@emotion/is-prop-valid").default;Zr=function(t){return t.startsWith("on")?!$r(t):Kr(t)}}catch(t){}function Jr(t,e,n){return"string"==typeof t?t:yt.transform(e+n*t)}var Qr={offset:"stroke-dashoffset",array:"stroke-dasharray"},to={offset:"strokeDashoffset",array:"strokeDasharray"};function eo(t,e,n,r){var o=e.attrX,i=e.attrY,a=e.originX,s=e.originY,u=e.pathLength,c=e.pathSpacing,f=void 0===c?1:c,d=e.pathOffset,p=void 0===d?0:d;Xr(t,l(e,["attrX","attrY","originX","originY","pathLength","pathSpacing","pathOffset"]),n,r),t.attrs=t.style,t.style={};var v=t.attrs,h=t.style,m=t.dimensions;v.transform&&(m&&(h.transform=v.transform),delete v.transform),m&&(void 0!==a||void 0!==s||h.transform)&&(h.transformOrigin=function(t,e,n){var r=Jr(e,t.x,t.width),o=Jr(n,t.y,t.height);return"".concat(r," ").concat(o)}(m,void 0!==a?a:.5,void 0!==s?s:.5)),void 0!==o&&(v.x=o),void 0!==i&&(v.y=i),void 0!==u&&function(t,e,n,r,o){void 0===n&&(n=1),void 0===r&&(r=0),void 0===o&&(o=!0),t.pathLength=1;var i=o?Qr:to;t[i.offset]=yt.transform(-r);var a=yt.transform(e),s=yt.transform(n);t[i.array]="".concat(a," ").concat(s)}(v,u,f,p,!1)}var no=function(){return u(u({},{style:{},transform:{},transformKeys:[],transformOrigin:{},vars:{}}),{attrs:{}})};function ro(t,n){var r=e.useMemo((function(){var e=no();return eo(e,n,{enableHardwareAcceleration:!1},t.transformTemplate),u(u({},e.attrs),{style:u({},e.style)})}),[n]);if(t.style){var o={};Wr(o,t.style,t),r.style=u(u({},o),r.style)}return r}function oo(t){void 0===t&&(t=!1);return function(n,r,o,i,a,s){var l=a.latestValues,c=(Ur(n)?ro:_r)(r,l,s),f=function(t,e,n){var r={};for(var o in t)(Zr(o)||!0===n&&$r(o)||!e&&!$r(o)||t.draggable&&o.startsWith("onDrag"))&&(r[o]=t[o]);return r}(r,"string"==typeof n,t),d=u(u(u({},f),c),{ref:i});return o&&(d["data-projection-id"]=o),e.createElement(n,d)}}var io=/([a-z])([A-Z])/g,ao=function(t){return t.replace(io,"$1-$2").toLowerCase()};function so(t,e,n,r){var o=e.style,i=e.vars;for(var a in Object.assign(t.style,o,r&&r.getProjectionStyles(n)),i)t.style.setProperty(a,i[a])}var uo=new Set(["baseFrequency","diffuseConstant","kernelMatrix","kernelUnitLength","keySplines","keyTimes","limitingConeAngle","markerHeight","markerWidth","numOctaves","targetX","targetY","surfaceScale","specularConstant","specularExponent","stdDeviation","tableValues","viewBox","gradientTransform","pathLength"]);function lo(t,e){for(var n in so(t,e),e.attrs)t.setAttribute(uo.has(n)?n:ao(n),e.attrs[n])}function co(t){var e=t.style,n={};for(var r in e)(ze(e[r])||Br(r,t))&&(n[r]=e[r]);return n}function fo(t){var e=co(t);for(var n in t){if(ze(t[n]))e["x"===n||"y"===n?"attr"+n.toUpperCase():n]=t[n]}return e}function po(t){return"object"==typeof t&&"function"==typeof t.start}function vo(t,e,n,r){var o=t.scrapeMotionValuesFromProps,i=t.createRenderState,a=t.onMount,s={latestValues:mo(e,n,r,o),renderState:i()};return a&&(s.mount=function(t){return a(e,t,s)}),s}var ho=function(t){return function(n,r){var o=e.useContext(x),i=e.useContext(E);return r?vo(t,n,o,i):D((function(){return vo(t,n,o,i)}))}};function mo(t,e,n,r){var o={},i=!1===(null==n?void 0:n.initial),a=r(t);for(var s in a)o[s]=fr(a[s]);var u=t.initial,c=t.animate,f=M(t),d=R(t);e&&d&&!f&&!1!==t.inherit&&(null!=u||(u=e.initial),null!=c||(c=e.animate));var p=i||!1===u,v=p?c:u;v&&"boolean"!=typeof v&&!po(v)&&(Array.isArray(v)?v:[v]).forEach((function(e){var n=V(t,e);if(n){var r=n.transitionEnd;n.transition;var i=l(n,["transitionEnd","transition"]);for(var a in i){var s=i[a];if(Array.isArray(s))s=s[p?s.length-1:0];null!==s&&(o[a]=s)}for(var a in r)o[a]=r[a]}}));return o}var yo,go={useVisualState:ho({scrapeMotionValuesFromProps:fo,createRenderState:no,onMount:function(t,e,n){var r=n.renderState,o=n.latestValues;try{r.dimensions="function"==typeof e.getBBox?e.getBBox():e.getBoundingClientRect()}catch(t){r.dimensions={x:0,y:0,width:0,height:0}}eo(r,o,{enableHardwareAcceleration:!1},t.transformTemplate),lo(e,r)}})},xo={useVisualState:ho({scrapeMotionValuesFromProps:co,createRenderState:Yr})};function bo(t,e,n,r,o){var i=e.forwardMotionProps,a=void 0!==i&&i,s=Ur(t)?go:xo;return u(u({},s),{preloadedFeatures:n,useRender:oo(a),createVisualElement:r,projectionNodeConstructor:o,Component:t})}function Eo(t,e,n,r){return t.addEventListener(e,n,r),function(){return t.removeEventListener(e,n,r)}}function wo(t,n,r,o){e.useEffect((function(){var e=t.current;if(r&&e)return Eo(e,n,r,o)}),[t,n,r,o])}function Po(t){return"undefined"!=typeof PointerEvent&&t instanceof PointerEvent?!("mouse"!==t.pointerType):t instanceof MouseEvent}function So(t){return!!t.touches}!function(t){t.Animate="animate",t.Hover="whileHover",t.Tap="whileTap",t.Drag="whileDrag",t.Focus="whileFocus",t.InView="whileInView",t.Exit="exit"}(yo||(yo={}));var Ao={pageX:0,pageY:0};function To(t,e){void 0===e&&(e="page");var n=t.touches[0]||t.changedTouches[0]||Ao;return{x:n[e+"X"],y:n[e+"Y"]}}function Vo(t,e){return void 0===e&&(e="page"),{x:t[e+"X"],y:t[e+"Y"]}}function Co(t,e){return void 0===e&&(e="page"),{point:So(t)?To(t,e):Vo(t,e)}}var Mo=function(t,e){void 0===e&&(e=!1);var n,r=function(e){return t(e,Co(e))};return e?(n=r,function(t){var e=t instanceof MouseEvent;(!e||e&&0===t.button)&&n(t)}):r},Ro={pointerdown:"mousedown",pointermove:"mousemove",pointerup:"mouseup",pointercancel:"mousecancel",pointerover:"mouseover",pointerout:"mouseout",pointerenter:"mouseenter",pointerleave:"mouseleave"},Oo={pointerdown:"touchstart",pointermove:"touchmove",pointerup:"touchend",pointercancel:"touchcancel"};function Lo(t){return w&&null===window.onpointerdown?t:w&&null===window.ontouchstart?Oo[t]:w&&null===window.onmousedown?Ro[t]:t}function Do(t,e,n,r){return Eo(t,Lo(e),Mo(n,"pointerdown"===e),r)}function jo(t,e,n,r){return wo(t,Lo(e),n&&Mo(n,"pointerdown"===e),r)}function ko(t){var e=null;return function(){return null===e&&(e=t,function(){e=null})}}var Fo=ko("dragHorizontal"),Io=ko("dragVertical");function Uo(t){var e=!1;if("y"===t)e=Io();else if("x"===t)e=Fo();else{var n=Fo(),r=Io();n&&r?e=function(){n(),r()}:(n&&n(),r&&r())}return e}function Bo(){var t=Uo(!0);return!t||(t(),!1)}function No(t,e,n){return function(r,o){var i;Po(r)&&!Bo()&&(null===(i=t.animationState)||void 0===i||i.setActive(yo.Hover,e),null==n||n(r,o))}}var zo=function(t,e){return!!e&&(t===e||zo(t,e.parentElement))};function Ho(t){return e.useEffect((function(){return function(){return t()}}),[])}var Xo=new WeakMap,Yo=new WeakMap,Wo=function(t){var e;null===(e=Xo.get(t.target))||void 0===e||e(t)},Go=function(t){t.forEach(Wo)};function _o(t,e,n){var r=function(t){var e=t.root,n=l(t,["root"]),r=e||document;Yo.has(r)||Yo.set(r,{});var o=Yo.get(r),i=JSON.stringify(n);return o[i]||(o[i]=new IntersectionObserver(Go,u({root:e},n))),o[i]}(e);return Xo.set(t,n),r.observe(t),function(){Xo.delete(t),r.unobserve(t)}}var qo={some:0,all:1};function $o(t,n,r,o){var i=o.root,a=o.margin,s=o.amount,u=void 0===s?"some":s,l=o.once;e.useEffect((function(){if(t){var e={root:null==i?void 0:i.current,rootMargin:a,threshold:"number"==typeof u?u:qo[u]};return _o(r.getInstance(),e,(function(t){var e,o=t.isIntersecting;if(n.isInView!==o&&(n.isInView=o,!l||o||!n.hasEnteredView)){o&&(n.hasEnteredView=!0),null===(e=r.animationState)||void 0===e||e.setActive(yo.InView,o);var i=r.getProps(),a=o?i.onViewportEnter:i.onViewportLeave;null==a||a(t)}}))}}),[t,i,a,u])}function Zo(t,n,r){e.useEffect((function(){t&&requestAnimationFrame((function(){var t;n.hasEnteredView=!0;var e=r.getProps().onViewportEnter;null==e||e(null),null===(t=r.animationState)||void 0===t||t.setActive(yo.InView,!0)}))}),[t])}var Ko=function(t){return function(e){return t(e),null}},Jo={inView:Ko((function(t){var n=t.visualElement,r=t.whileInView,o=t.onViewportEnter,i=t.onViewportLeave,a=t.viewport,s=void 0===a?{}:a,u=e.useRef({hasEnteredView:!1,isInView:!1}),l=Boolean(r||o||i);s.once&&u.current.hasEnteredView&&(l=!1),("undefined"==typeof IntersectionObserver?Zo:$o)(l,u.current,n,s)})),tap:Ko((function(t){var n=t.onTap,r=t.onTapStart,o=t.onTapCancel,i=t.whileTap,a=t.visualElement,s=n||r||o||i,u=e.useRef(!1),l=e.useRef(null);function c(){var t;null===(t=l.current)||void 0===t||t.call(l),l.current=null}function f(){var t;return c(),u.current=!1,null===(t=a.animationState)||void 0===t||t.setActive(yo.Tap,!1),!Bo()}function d(t,e){f()&&(zo(a.getInstance(),t.target)?null==n||n(t,e):null==o||o(t,e))}function p(t,e){f()&&(null==o||o(t,e))}jo(a,"pointerdown",s?function(t,e){var n;c(),u.current||(u.current=!0,l.current=Gt(Do(window,"pointerup",d),Do(window,"pointercancel",p)),null===(n=a.animationState)||void 0===n||n.setActive(yo.Tap,!0),null==r||r(t,e))}:void 0),Ho(c)})),focus:Ko((function(t){var e=t.whileFocus,n=t.visualElement;wo(n,"focus",e?function(){var t;null===(t=n.animationState)||void 0===t||t.setActive(yo.Focus,!0)}:void 0),wo(n,"blur",e?function(){var t;null===(t=n.animationState)||void 0===t||t.setActive(yo.Focus,!1)}:void 0)})),hover:Ko((function(t){var e=t.onHoverStart,n=t.onHoverEnd,r=t.whileHover,o=t.visualElement;jo(o,"pointerenter",e||r?No(o,!0,e):void 0),jo(o,"pointerleave",n||r?No(o,!1,n):void 0)}))};function Qo(){var t=e.useContext(E);if(null===t)return[!0,null];var n=t.isPresent,r=t.onExitComplete,o=t.register,i=ni();e.useEffect((function(){return o(i)}),[]);return!n&&r?[!1,function(){return null==r?void 0:r(i)}]:[!0]}var ti=0,ei=function(){return ti++},ni=function(){return D(ei)};function ri(t,e){if(!Array.isArray(e))return!1;var n=e.length;if(n!==t.length)return!1;for(var r=0;r<n;r++)if(e[r]!==t[r])return!1;return!0}var oi=function(t){return/^0[^.\s]+$/.test(t)},ii=function(t){return function(e){return e.test(t)}},ai=[ft,yt,mt,ht,xt,gt,{test:function(t){return"auto"===t},parse:function(t){return t}}],si=function(t){return ai.find(ii(t))},ui=f(f([],c(ai),!1),[Ct,Dt],!1),li=function(t){return ui.find(ii(t))};function ci(t,e,n){t.hasValue(e)?t.getValue(e).set(n):t.addValue(e,Ne(n))}function fi(t,e){var n=C(t,e),r=n?t.makeTargetAnimatable(n,!1):{},o=r.transitionEnd,i=void 0===o?{}:o;r.transition;var a=l(r,["transitionEnd","transition"]);for(var s in a=u(u({},a),i)){ci(t,s,on(a[s]))}}function di(t,e){f([],c(e),!1).reverse().forEach((function(n){var r,o=t.getVariant(n);o&&fi(t,o),null===(r=t.variantChildren)||void 0===r||r.forEach((function(t){di(t,e)}))}))}function pi(t,e,n){var r,o,i,a,s=Object.keys(e).filter((function(e){return!t.hasValue(e)})),u=s.length;if(u)for(var l=0;l<u;l++){var c=s[l],f=e[c],d=null;Array.isArray(f)&&(d=f[0]),null===d&&(d=null!==(o=null!==(r=n[c])&&void 0!==r?r:t.readValue(c))&&void 0!==o?o:e[c]),null!=d&&("string"==typeof d&&(/^\-?\d*\.?\d+$/.test(d)||oi(d))?d=parseFloat(d):!li(d)&&Dt.test(f)&&(d=nn(c,f)),t.addValue(c,Ne(d)),null!==(i=(a=n)[c])&&void 0!==i||(a[c]=d),t.setBaseTarget(c,d))}}function vi(t,e){if(e)return(e[t]||e.default||e).from}function hi(t,e,n){var r,o,i={};for(var a in t)i[a]=null!==(r=vi(a,e))&&void 0!==r?r:null===(o=n.getValue(a))||void 0===o?void 0:o.get();return i}function mi(t,e,n){var r;if(void 0===n&&(n={}),t.notifyAnimationStart(e),Array.isArray(e)){var o=e.map((function(e){return yi(t,e,n)}));r=Promise.all(o)}else if("string"==typeof e)r=yi(t,e,n);else{var i="function"==typeof e?C(t,e,n.custom):e;r=gi(t,i,n)}return r.then((function(){return t.notifyAnimationComplete(e)}))}function yi(t,e,n){var r;void 0===n&&(n={});var o=C(t,e,n.custom),i=(o||{}).transition,a=void 0===i?t.getDefaultTransition()||{}:i;n.transitionOverride&&(a=n.transitionOverride);var s=o?function(){return gi(t,o,n)}:function(){return Promise.resolve()},l=(null===(r=t.variantChildren)||void 0===r?void 0:r.size)?function(r){void 0===r&&(r=0);var o=a.delayChildren,i=void 0===o?0:o,s=a.staggerChildren,l=a.staggerDirection;return function(t,e,n,r,o,i){void 0===n&&(n=0);void 0===r&&(r=0);void 0===o&&(o=1);var a=[],s=(t.variantChildren.size-1)*r,l=1===o?function(t){return void 0===t&&(t=0),t*r}:function(t){return void 0===t&&(t=0),s-t*r};return Array.from(t.variantChildren).sort(xi).forEach((function(t,r){a.push(yi(t,e,u(u({},i),{delay:n+l(r)})).then((function(){return t.notifyAnimationComplete(e)})))})),Promise.all(a)}(t,e,i+r,s,l,n)}:function(){return Promise.resolve()},f=a.when;if(f){var d=c("beforeChildren"===f?[s,l]:[l,s],2),p=d[0],v=d[1];return p().then(v)}return Promise.all([s(),l(n.delay)])}function gi(t,e,n){var r,o=void 0===n?{}:n,i=o.delay,a=void 0===i?0:i,s=o.transitionOverride,c=o.type,f=t.makeTargetAnimatable(e),d=f.transition,p=void 0===d?t.getDefaultTransition():d,v=f.transitionEnd,h=l(f,["transition","transitionEnd"]);s&&(p=s);var m=[],y=c&&(null===(r=t.animationState)||void 0===r?void 0:r.getState()[c]);for(var g in h){var x=t.getValue(g),b=h[g];if(!(!x||void 0===b||y&&bi(y,g))){var E=dn(g,x,b,u({delay:a},p));m.push(E)}}return Promise.all(m).then((function(){v&&fi(t,v)}))}function xi(t,e){return t.sortNodePosition(e)}function bi(t,e){var n=t.protectedKeys,r=t.needsAnimating,o=n.hasOwnProperty(e)&&!0!==r[e];return r[e]=!1,o}var Ei=[yo.Animate,yo.InView,yo.Focus,yo.Hover,yo.Tap,yo.Drag,yo.Exit],wi=f([],c(Ei),!1).reverse(),Pi=Ei.length;function Si(t){var e,n=function(t){return function(e){return Promise.all(e.map((function(e){var n=e.animation,r=e.options;return mi(t,n,r)})))}}(t),r=((e={})[yo.Animate]=Ai(!0),e[yo.InView]=Ai(),e[yo.Hover]=Ai(),e[yo.Tap]=Ai(),e[yo.Drag]=Ai(),e[yo.Focus]=Ai(),e[yo.Exit]=Ai(),e),o={},i=!0,a=function(e,n){var r=C(t,n);if(r){r.transition;var o=r.transitionEnd,i=l(r,["transition","transitionEnd"]);e=u(u(u({},e),i),o)}return e};function s(e,s){for(var l,d=t.getProps(),p=t.getVariantContext(!0)||{},v=[],h=new Set,m={},y=1/0,g=function(n){var o=wi[n],g=r[o],x=null!==(l=d[o])&&void 0!==l?l:p[o],b=T(x),E=o===s?g.isActive:null;!1===E&&(y=n);var w=x===p[o]&&x!==d[o]&&b;if(w&&i&&t.manuallyAnimateOnMount&&(w=!1),g.protectedKeys=u({},m),!g.isActive&&null===E||!x&&!g.prevProp||po(x)||"boolean"==typeof x)return"continue";var P=function(t,e){if("string"==typeof e)return e!==t;if(A(e))return!ri(e,t);return!1}(g.prevProp,x),S=P||o===s&&g.isActive&&!w&&b||n>y&&b,V=Array.isArray(x)?x:[x],C=V.reduce(a,{});!1===E&&(C={});var M=g.prevResolvedValues,R=void 0===M?{}:M,O=u(u({},R),C),L=function(t){S=!0,h.delete(t),g.needsAnimating[t]=!0};for(var D in O){var j=C[D],k=R[D];m.hasOwnProperty(D)||(j!==k?Ge(j)&&Ge(k)?!ri(j,k)||P?L(D):g.protectedKeys[D]=!0:void 0!==j?L(D):h.add(D):void 0!==j&&h.has(D)?L(D):g.protectedKeys[D]=!0)}g.prevProp=x,g.prevResolvedValues=C,g.isActive&&(m=u(u({},m),C)),i&&t.blockInitialAnimation&&(S=!1),S&&!w&&v.push.apply(v,f([],c(V.map((function(t){return{animation:t,options:u({type:o},e)}}))),!1))},x=0;x<Pi;x++)g(x);if(o=u({},m),h.size){var b={};h.forEach((function(e){var n=t.getBaseTarget(e);void 0!==n&&(b[e]=n)})),v.push({animation:b})}var E=Boolean(v.length);return i&&!1===d.initial&&!t.manuallyAnimateOnMount&&(E=!1),i=!1,E?n(v):Promise.resolve()}return{isAnimated:function(t){return void 0!==o[t]},animateChanges:s,setActive:function(e,n,o){var i;return r[e].isActive===n?Promise.resolve():(null===(i=t.variantChildren)||void 0===i||i.forEach((function(t){var r;return null===(r=t.animationState)||void 0===r?void 0:r.setActive(e,n)})),r[e].isActive=n,s(o,e))},setAnimateFunction:function(e){n=e(t)},getState:function(){return r}}}function Ai(t){return void 0===t&&(t=!1),{isActive:t,protectedKeys:{},needsAnimating:{},prevResolvedValues:{}}}var Ti={animation:Ko((function(t){var n=t.visualElement,r=t.animate;n.animationState||(n.animationState=Si(n)),po(r)&&e.useEffect((function(){return r.subscribe(n)}),[r])})),exit:Ko((function(t){var n=t.custom,r=t.visualElement,o=c(Qo(),2),i=o[0],a=o[1],s=e.useContext(E);e.useEffect((function(){var t,e;r.isPresent=i;var o=null===(t=r.animationState)||void 0===t?void 0:t.setActive(yo.Exit,!i,{custom:null!==(e=null==s?void 0:s.custom)&&void 0!==e?e:n});!i&&(null==o||o.then(a))}),[i])}))},Vi=function(){function t(t,e,n){var r=this,o=(void 0===n?{}:n).transformPagePoint;if(this.startEvent=null,this.lastMoveEvent=null,this.lastMoveEventInfo=null,this.handlers={},this.updatePoint=function(){if(r.lastMoveEvent&&r.lastMoveEventInfo){var t=Ri(r.lastMoveEventInfo,r.history),e=null!==r.startEvent,n=Ce(t.offset,{x:0,y:0})>=3;if(e||n){var o=t.point,i=q().timestamp;r.history.push(u(u({},o),{timestamp:i}));var a=r.handlers,s=a.onStart,l=a.onMove;e||(s&&s(r.lastMoveEvent,t),r.startEvent=r.lastMoveEvent),l&&l(r.lastMoveEvent,t)}}},this.handlePointerMove=function(t,e){r.lastMoveEvent=t,r.lastMoveEventInfo=Ci(e,r.transformPagePoint),Po(t)&&0===t.buttons?r.handlePointerUp(t,e):H.update(r.updatePoint,!0)},this.handlePointerUp=function(t,e){r.end();var n=r.handlers,o=n.onEnd,i=n.onSessionEnd,a=Ri(Ci(e,r.transformPagePoint),r.history);r.startEvent&&o&&o(t,a),i&&i(t,a)},!(So(t)&&t.touches.length>1)){this.handlers=e,this.transformPagePoint=o;var i=Ci(Co(t),this.transformPagePoint),a=i.point,s=q().timestamp;this.history=[u(u({},a),{timestamp:s})];var l=e.onSessionStart;l&&l(t,Ri(i,this.history)),this.removeListeners=Gt(Do(window,"pointermove",this.handlePointerMove),Do(window,"pointerup",this.handlePointerUp),Do(window,"pointercancel",this.handlePointerUp))}}return t.prototype.updateHandlers=function(t){this.handlers=t},t.prototype.end=function(){this.removeListeners&&this.removeListeners(),X.update(this.updatePoint)},t}();function Ci(t,e){return e?{point:e(t.point)}:t}function Mi(t,e){return{x:t.x-e.x,y:t.y-e.y}}function Ri(t,e){var n=t.point;return{point:n,delta:Mi(n,Li(e)),offset:Mi(n,Oi(e)),velocity:Di(e,.1)}}function Oi(t){return t[0]}function Li(t){return t[t.length-1]}function Di(t,e){if(t.length<2)return{x:0,y:0};for(var n=t.length-1,r=null,o=Li(t);n>=0&&(r=t[n],!(o.timestamp-r.timestamp>He(e)));)n--;if(!r)return{x:0,y:0};var i=(o.timestamp-r.timestamp)/1e3;if(0===i)return{x:0,y:0};var a={x:(o.x-r.x)/i,y:(o.y-r.y)/i};return a.x===1/0&&(a.x=0),a.y===1/0&&(a.y=0),a}function ji(t,e,n){return{min:void 0!==e?t.min+e:void 0,max:void 0!==n?t.max+n-(t.max-t.min):void 0}}function ki(t,e){var n,r=e.min-t.min,o=e.max-t.max;return e.max-e.min<t.max-t.min&&(r=(n=c([o,r],2))[0],o=n[1]),{min:r,max:o}}function Fi(t,e,n){return{min:Ii(t,e),max:Ii(t,n)}}function Ii(t,e){var n;return"number"==typeof t?t:null!==(n=t[e])&&void 0!==n?n:0}function Ui(t){var e=t.top;return{x:{min:t.left,max:t.right},y:{min:e,max:t.bottom}}}function Bi(t,e){return Ui(function(t,e){if(!e)return t;var n=e({x:t.left,y:t.top}),r=e({x:t.right,y:t.bottom});return{top:n.y,left:n.x,bottom:r.y,right:r.x}}(t.getBoundingClientRect(),e))}var Ni=new WeakMap,zi=function(){function t(t){this.openGlobalLock=null,this.isDragging=!1,this.currentDirection=null,this.originPoint={x:0,y:0},this.constraints=!1,this.hasMutatedConstraints=!1,this.elastic={x:{min:0,max:0},y:{min:0,max:0}},this.visualElement=t}return t.prototype.start=function(t,e){var n=this,r=(void 0===e?{}:e).snapToCursor,o=void 0!==r&&r;if(!1!==this.visualElement.isPresent){this.panSession=new Vi(t,{onSessionStart:function(t){n.stopAnimation(),o&&n.snapToCursor(Co(t,"page").point)},onStart:function(t,e){var r,o=n.getProps(),i=o.drag,a=o.dragPropagation,s=o.onDragStart;(!i||a||(n.openGlobalLock&&n.openGlobalLock(),n.openGlobalLock=Uo(i),n.openGlobalLock))&&(n.isDragging=!0,n.currentDirection=null,n.resolveConstraints(),n.visualElement.projection&&(n.visualElement.projection.isAnimationBlocked=!0,n.visualElement.projection.target=void 0),er((function(t){var e,r,o=n.getAxisMotionValue(t).get()||0;if(mt.test(o)){var i=null===(r=null===(e=n.visualElement.projection)||void 0===e?void 0:e.layout)||void 0===r?void 0:r.actual[t];if(i)o=kn(i)*(parseFloat(o)/100)}n.originPoint[t]=o})),null==s||s(t,e),null===(r=n.visualElement.animationState)||void 0===r||r.setActive(yo.Drag,!0))},onMove:function(t,e){var r=n.getProps(),o=r.dragPropagation,i=r.dragDirectionLock,a=r.onDirectionLock,s=r.onDrag;if(o||n.openGlobalLock){var u=e.offset;if(i&&null===n.currentDirection)return n.currentDirection=function(t,e){void 0===e&&(e=10);var n=null;Math.abs(t.y)>e?n="y":Math.abs(t.x)>e&&(n="x");return n}(u),void(null!==n.currentDirection&&(null==a||a(n.currentDirection)));n.updateAxis("x",e.point,u),n.updateAxis("y",e.point,u),n.visualElement.syncRender(),null==s||s(t,e)}},onSessionEnd:function(t,e){return n.stop(t,e)}},{transformPagePoint:this.visualElement.getTransformPagePoint()})}},t.prototype.stop=function(t,e){var n=this.isDragging;if(this.cancel(),n){var r=e.velocity;this.startAnimation(r);var o=this.getProps().onDragEnd;null==o||o(t,e)}},t.prototype.cancel=function(){var t,e;this.isDragging=!1,this.visualElement.projection&&(this.visualElement.projection.isAnimationBlocked=!1),null===(t=this.panSession)||void 0===t||t.end(),this.panSession=void 0,!this.getProps().dragPropagation&&this.openGlobalLock&&(this.openGlobalLock(),this.openGlobalLock=null),null===(e=this.visualElement.animationState)||void 0===e||e.setActive(yo.Drag,!1)},t.prototype.updateAxis=function(t,e,n){var r=this.getProps().drag;if(n&&Hi(t,r,this.currentDirection)){var o,i,a,s,u,l=this.getAxisMotionValue(t),c=this.originPoint[t]+n[t];this.constraints&&this.constraints[t]&&(o=c,i=this.constraints[t],a=this.elastic[t],s=i.min,u=i.max,void 0!==s&&o<s?o=a?ot(s,o,a.min):Math.max(o,s):void 0!==u&&o>u&&(o=a?ot(u,o,a.max):Math.min(o,u)),c=o),l.set(c)}},t.prototype.resolveConstraints=function(){var t=this,e=this.getProps(),n=e.dragConstraints,r=e.dragElastic,o=(this.visualElement.projection||{}).layout,i=this.constraints;n&&S(n)?this.constraints||(this.constraints=this.resolveRefConstraints()):this.constraints=!(!n||!o)&&function(t,e){var n=e.top,r=e.left,o=e.bottom,i=e.right;return{x:ji(t.x,r,i),y:ji(t.y,n,o)}}(o.actual,n),this.elastic=function(t){return void 0===t&&(t=.35),!1===t?t=0:!0===t&&(t=.35),{x:Fi(t,"left","right"),y:Fi(t,"top","bottom")}}(r),i!==this.constraints&&o&&this.constraints&&!this.hasMutatedConstraints&&er((function(e){t.getAxisMotionValue(e)&&(t.constraints[e]=function(t,e){var n={};return void 0!==e.min&&(n.min=e.min-t.min),void 0!==e.max&&(n.max=e.max-t.min),n}(o.actual[e],t.constraints[e]))}))},t.prototype.resolveRefConstraints=function(){var t=this.getProps(),e=t.dragConstraints,n=t.onMeasureDragConstraints;if(!e||!S(e))return!1;var r=e.current,o=this.visualElement.projection;if(!o||!o.layout)return!1;var i=function(t,e,n){var r=Bi(t,n),o=e.scroll;return o&&(Rn(r.x,o.x),Rn(r.y,o.y)),r}(r,o.root,this.visualElement.getTransformPagePoint()),a=function(t,e){return{x:ki(t.x,e.x),y:ki(t.y,e.y)}}(o.layout.actual,i);if(n){var s=n(function(t){var e=t.x,n=t.y;return{top:n.min,right:e.max,bottom:n.max,left:e.min}}(a));this.hasMutatedConstraints=!!s,s&&(a=Ui(s))}return a},t.prototype.startAnimation=function(t){var e=this,n=this.getProps(),r=n.drag,o=n.dragMomentum,i=n.dragElastic,a=n.dragTransition,s=n.dragSnapToOrigin,l=n.onDragTransitionEnd,c=this.constraints||{},f=er((function(n){var l;if(Hi(n,r,e.currentDirection)){var f=null!==(l=null==c?void 0:c[n])&&void 0!==l?l:{};s&&(f={min:0,max:0});var d=i?200:1e6,p=i?40:1e7,v=u(u({type:"inertia",velocity:o?t[n]:0,bounceStiffness:d,bounceDamping:p,timeConstant:750,restDelta:1,restSpeed:10},a),f);return e.startAxisValueAnimation(n,v)}}));return Promise.all(f).then(l)},t.prototype.startAxisValueAnimation=function(t,e){return dn(t,this.getAxisMotionValue(t),0,e)},t.prototype.stopAnimation=function(){var t=this;er((function(e){return t.getAxisMotionValue(e).stop()}))},t.prototype.getAxisMotionValue=function(t){var e,n,r="_drag"+t.toUpperCase(),o=this.visualElement.getProps()[r];return o||this.visualElement.getValue(t,null!==(n=null===(e=this.visualElement.getProps().initial)||void 0===e?void 0:e[t])&&void 0!==n?n:0)},t.prototype.snapToCursor=function(t){var e=this;er((function(n){if(Hi(n,e.getProps().drag,e.currentDirection)){var r=e.visualElement.projection,o=e.getAxisMotionValue(n);if(r&&r.layout){var i=r.layout.actual[n],a=i.min,s=i.max;o.set(t[n]-ot(a,s,.5))}}}))},t.prototype.scalePositionWithinConstraints=function(){var t,e=this,n=this.getProps(),r=n.drag,o=n.dragConstraints,i=this.visualElement.projection;if(S(o)&&i&&this.constraints){this.stopAnimation();var a={x:0,y:0};er((function(t){var n,r,o,i,s,u=e.getAxisMotionValue(t);if(u){var l=u.get();a[t]=(n={min:l,max:l},r=e.constraints[t],o=.5,i=kn(n),(s=kn(r))>i?o=rt(r.min,r.max-i,n.min):i>s&&(o=rt(n.min,n.max-s,r.min)),$(0,1,o))}}));var s=this.visualElement.getProps().transformTemplate;this.visualElement.getInstance().style.transform=s?s({},""):"none",null===(t=i.root)||void 0===t||t.updateScroll(),i.updateLayout(),this.resolveConstraints(),er((function(t){if(Hi(t,r,null)){var n=e.getAxisMotionValue(t),o=e.constraints[t],i=o.min,s=o.max;n.set(ot(i,s,a[t]))}}))}},t.prototype.addListeners=function(){var t,e=this;Ni.set(this.visualElement,this);var n=Do(this.visualElement.getInstance(),"pointerdown",(function(t){var n=e.getProps(),r=n.drag,o=n.dragListener;r&&(void 0===o||o)&&e.start(t)})),r=function(){S(e.getProps().dragConstraints)&&(e.constraints=e.resolveRefConstraints())},o=this.visualElement.projection,i=o.addEventListener("measure",r);o&&!o.layout&&(null===(t=o.root)||void 0===t||t.updateScroll(),o.updateLayout()),r();var a=Eo(window,"resize",(function(){e.scalePositionWithinConstraints()}));return o.addEventListener("didUpdate",(function(t){var n=t.delta,r=t.hasLayoutChanged;e.isDragging&&r&&(er((function(t){var r=e.getAxisMotionValue(t);r&&(e.originPoint[t]+=n[t].translate,r.set(r.get()+n[t].translate))})),e.visualElement.syncRender())})),function(){a(),n(),i()}},t.prototype.getProps=function(){var t=this.visualElement.getProps(),e=t.drag,n=void 0!==e&&e,r=t.dragDirectionLock,o=void 0!==r&&r,i=t.dragPropagation,a=void 0!==i&&i,s=t.dragConstraints,l=void 0!==s&&s,c=t.dragElastic,f=void 0===c?.35:c,d=t.dragMomentum,p=void 0===d||d;return u(u({},t),{drag:n,dragDirectionLock:o,dragPropagation:a,dragConstraints:l,dragElastic:f,dragMomentum:p})},t}();function Hi(t,e,n){return!(!0!==e&&e!==t||null!==n&&n!==t)}var Xi={pan:Ko((function(t){var n=t.onPan,r=t.onPanStart,o=t.onPanEnd,i=t.onPanSessionStart,a=t.visualElement,s=n||r||o||i,u=e.useRef(null),l=e.useContext(g).transformPagePoint,c={onSessionStart:i,onStart:r,onMove:n,onEnd:function(t,e){u.current=null,o&&o(t,e)}};e.useEffect((function(){null!==u.current&&u.current.updateHandlers(c)})),jo(a,"pointerdown",s&&function(t){u.current=new Vi(t,c,{transformPagePoint:l})}),Ho((function(){return u.current&&u.current.end()}))})),drag:Ko((function(t){var n=t.dragControls,r=t.visualElement,o=D((function(){return new zi(r)}));e.useEffect((function(){return n&&n.subscribe(o)}),[o,n]),e.useEffect((function(){return o.addListeners()}),[o])}))},Yi=["LayoutMeasure","BeforeLayoutMeasure","LayoutUpdate","ViewportBoxUpdate","Update","Render","AnimationComplete","LayoutAnimationComplete","AnimationStart","SetAxisTarget","Unmount"];var Wi=function(t){var e=t.treeType,n=void 0===e?"":e,r=t.build,o=t.getBaseTarget,i=t.makeTargetAnimatable,a=t.measureViewportBox,s=t.render,l=t.readValueFromInstance,d=t.removeValueFromRenderState,p=t.sortNodePosition,v=t.scrapeMotionValuesFromProps;return function(t,e){var h=t.parent,m=t.props,y=t.presenceId,g=t.blockInitialAnimation,x=t.visualState;void 0===e&&(e={});var b,E,w=!1,P=x.latestValues,S=x.renderState,A=function(){var t=Yi.map((function(){return new Ue})),e={},n={clearAllListeners:function(){return t.forEach((function(t){return t.clear()}))},updatePropListeners:function(t){Yi.forEach((function(r){var o,i="on"+r,a=t[i];null===(o=e[r])||void 0===o||o.call(e),a&&(e[r]=n[i](a))}))}};return t.forEach((function(t,e){n["on"+Yi[e]]=function(e){return t.add(e)},n["notify"+Yi[e]]=function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];t.notify.apply(t,f([],c(e),!1))}})),n}(),V=new Map,C=new Map,O={},L=u({},P);function D(){b&&w&&(j(),s(b,S,m.style,z.projection))}function j(){r(z,S,P,e,m)}function k(){A.notifyUpdate(P)}var F=v(m);for(var I in F){var U=F[I];void 0!==P[I]&&ze(U)&&U.set(P[I],!1)}var B=M(m),N=R(m),z=u(u({treeType:n,current:null,depth:h?h.depth+1:0,parent:h,children:new Set,presenceId:y,variantChildren:N?new Set:void 0,isVisible:void 0,manuallyAnimateOnMount:Boolean(null==h?void 0:h.isMounted()),blockInitialAnimation:g,isMounted:function(){return Boolean(b)},mount:function(t){w=!0,b=z.current=t,z.projection&&z.projection.mount(t),N&&h&&!B&&(E=null==h?void 0:h.addVariantChild(z)),null==h||h.children.add(z),z.setProps(m)},unmount:function(){var t;null===(t=z.projection)||void 0===t||t.unmount(),X.update(k),X.render(D),C.forEach((function(t){return t()})),null==E||E(),null==h||h.children.delete(z),A.clearAllListeners(),b=void 0,w=!1},addVariantChild:function(t){var e,n=z.getClosestVariantNode();if(n)return null===(e=n.variantChildren)||void 0===e||e.add(t),function(){return n.variantChildren.delete(t)}},sortNodePosition:function(t){return p&&n===t.treeType?p(z.getInstance(),t.getInstance()):0},getClosestVariantNode:function(){return N?z:null==h?void 0:h.getClosestVariantNode()},getLayoutId:function(){return m.layoutId},getInstance:function(){return b},getStaticValue:function(t){return P[t]},setStaticValue:function(t,e){return P[t]=e},getLatestValues:function(){return P},setVisibility:function(t){z.isVisible!==t&&(z.isVisible=t,z.scheduleRender())},makeTargetAnimatable:function(t,e){return void 0===e&&(e=!0),i(z,t,m,e)},measureViewportBox:function(){return a(b,m)},addValue:function(t,e){z.hasValue(t)&&z.removeValue(t),V.set(t,e),P[t]=e.get(),function(t,e){var n=e.onChange((function(e){P[t]=e,m.onUpdate&&H.update(k,!1,!0)})),r=e.onRenderRequest(z.scheduleRender);C.set(t,(function(){n(),r()}))}(t,e)},removeValue:function(t){var e;V.delete(t),null===(e=C.get(t))||void 0===e||e(),C.delete(t),delete P[t],d(t,S)},hasValue:function(t){return V.has(t)},getValue:function(t,e){var n=V.get(t);return void 0===n&&void 0!==e&&(n=Ne(e),z.addValue(t,n)),n},forEachValue:function(t){return V.forEach(t)},readValue:function(t){var n;return null!==(n=P[t])&&void 0!==n?n:l(b,t,e)},setBaseTarget:function(t,e){L[t]=e},getBaseTarget:function(t){if(o){var e=o(m,t);if(void 0!==e&&!ze(e))return e}return L[t]}},A),{build:function(){return j(),S},scheduleRender:function(){H.render(D,!1,!0)},syncRender:D,setProps:function(t){m=t,A.updatePropListeners(t),O=function(t,e,n){var r;for(var o in e){var i=e[o],a=n[o];if(ze(i))t.addValue(o,i);else if(ze(a))t.addValue(o,Ne(i));else if(a!==i)if(t.hasValue(o)){var s=t.getValue(o);!s.hasAnimated&&s.set(i)}else t.addValue(o,Ne(null!==(r=t.getStaticValue(o))&&void 0!==r?r:i))}for(var o in n)void 0===e[o]&&t.removeValue(o);return e}(z,v(m),O)},getProps:function(){return m},getVariant:function(t){var e;return null===(e=m.variants)||void 0===e?void 0:e[t]},getDefaultTransition:function(){return m.transition},getTransformPagePoint:function(){return m.transformPagePoint},getVariantContext:function(t){if(void 0===t&&(t=!1),t)return null==h?void 0:h.getVariantContext();if(!B){var e=(null==h?void 0:h.getVariantContext())||{};return void 0!==m.initial&&(e.initial=m.initial),e}for(var n={},r=0;r<_i;r++){var o=Gi[r],i=m[o];(T(i)||!1===i)&&(n[o]=i)}return n}});return z}},Gi=f(["initial"],c(Ei),!1),_i=Gi.length;function qi(t){return"string"==typeof t&&t.startsWith("var(--")}var $i=/var\((--[a-zA-Z0-9-_]+),? ?([a-zA-Z0-9 ()%#.,-]+)?\)/;function Zi(t,e,n){var r=c(function(t){var e=$i.exec(t);if(!e)return[,];var n=c(e,3);return[n[1],n[2]]}(t),2),o=r[0],i=r[1];if(o){var a=window.getComputedStyle(e).getPropertyValue(o);return a?a.trim():qi(i)?Zi(i,e):i}}var Ki,Ji=new Set(["width","height","top","left","right","bottom","x","y"]),Qi=function(t){return Ji.has(t)},ta=function(t,e){t.set(e,!1),t.set(e)},ea=function(t){return t===ft||t===yt};!function(t){t.width="width",t.height="height",t.left="left",t.right="right",t.top="top",t.bottom="bottom"}(Ki||(Ki={}));var na=function(t,e){return parseFloat(t.split(", ")[e])},ra=function(t,e){return function(n,r){var o=r.transform;if("none"===o||!o)return 0;var i=o.match(/^matrix3d\((.+)\)$/);if(i)return na(i[1],e);var a=o.match(/^matrix\((.+)\)$/);return a?na(a[1],t):0}},oa=new Set(["x","y","z"]),ia=rr.filter((function(t){return!oa.has(t)}));var aa={width:function(t,e){var n=t.x,r=e.paddingLeft,o=void 0===r?"0":r,i=e.paddingRight,a=void 0===i?"0":i;return n.max-n.min-parseFloat(o)-parseFloat(a)},height:function(t,e){var n=t.y,r=e.paddingTop,o=void 0===r?"0":r,i=e.paddingBottom,a=void 0===i?"0":i;return n.max-n.min-parseFloat(o)-parseFloat(a)},top:function(t,e){var n=e.top;return parseFloat(n)},left:function(t,e){var n=e.left;return parseFloat(n)},bottom:function(t,e){var n=t.y,r=e.top;return parseFloat(r)+(n.max-n.min)},right:function(t,e){var n=t.x,r=e.left;return parseFloat(r)+(n.max-n.min)},x:ra(4,13),y:ra(5,14)},sa=function(t,e,n,r){void 0===n&&(n={}),void 0===r&&(r={}),e=u({},e),r=u({},r);var o=Object.keys(e).filter(Qi),i=[],a=!1,s=[];if(o.forEach((function(o){var u=t.getValue(o);if(t.hasValue(o)){var l,c=n[o],f=si(c),d=e[o];if(Ge(d)){var p=d.length,v=null===d[0]?1:0;c=d[v],f=si(c);for(var h=v;h<p;h++)l?si(d[h]):l=si(d[h])}else l=si(d);if(f!==l)if(ea(f)&&ea(l)){var m=u.get();"string"==typeof m&&u.set(parseFloat(m)),"string"==typeof d?e[o]=parseFloat(d):Array.isArray(d)&&l===yt&&(e[o]=d.map(parseFloat))}else(null==f?void 0:f.transform)&&(null==l?void 0:l.transform)&&(0===c||0===d)?0===c?u.set(l.transform(c)):e[o]=f.transform(d):(a||(i=function(t){var e=[];return ia.forEach((function(n){var r=t.getValue(n);void 0!==r&&(e.push([n,r.get()]),r.set(n.startsWith("scale")?1:0))})),e.length&&t.syncRender(),e}(t),a=!0),s.push(o),r[o]=void 0!==r[o]?r[o]:e[o],ta(u,d))}})),s.length){var l=function(t,e,n){var r=e.measureViewportBox(),o=e.getInstance(),i=getComputedStyle(o),a=i.display,s={};"none"===a&&e.setStaticValue("display",t.display||"block"),n.forEach((function(t){s[t]=aa[t](r,i)})),e.syncRender();var u=e.measureViewportBox();return n.forEach((function(n){var r=e.getValue(n);ta(r,s[n]),t[n]=aa[n](u,i)})),t}(e,t,s);return i.length&&i.forEach((function(e){var n=c(e,2),r=n[0],o=n[1];t.getValue(r).set(o)})),t.syncRender(),{target:l,transitionEnd:r}}return{target:e,transitionEnd:r}};function ua(t,e,n,r){return function(t){return Object.keys(t).some(Qi)}(e)?sa(t,e,n,r):{target:e,transitionEnd:r}}var la=function(t,e,n,r){var o=function(t,e,n){var r,o=l(e,[]),i=t.getInstance();if(!(i instanceof Element))return{target:o,transitionEnd:n};for(var a in n&&(n=u({},n)),t.forEachValue((function(t){var e=t.get();if(qi(e)){var n=Zi(e,i);n&&t.set(n)}})),o){var s=o[a];if(qi(s)){var c=Zi(s,i);c&&(o[a]=c,n&&(null!==(r=n[a])&&void 0!==r||(n[a]=s)))}}return{target:o,transitionEnd:n}}(t,e,r);return ua(t,e=o.target,n,r=o.transitionEnd)};var ca={treeType:"dom",readValueFromInstance:function(t,e){if(ar(e)){var n=en(e);return n&&n.default||0}var r,o=(r=t,window.getComputedStyle(r));return(zr(e)?o.getPropertyValue(e):o[e])||0},sortNodePosition:function(t,e){return 2&t.compareDocumentPosition(e)?1:-1},getBaseTarget:function(t,e){var n;return null===(n=t.style)||void 0===n?void 0:n[e]},measureViewportBox:function(t,e){return Bi(t,e.transformPagePoint)},resetTransform:function(t,e,n){var r=n.transformTemplate;e.style.transform=r?r({},""):"none",t.scheduleRender()},restoreTransform:function(t,e){t.style.transform=e.style.transform},removeValueFromRenderState:function(t,e){var n=e.vars,r=e.style;delete n[t],delete r[t]},makeTargetAnimatable:function(t,e,n,r){var o=n.transformValues;void 0===r&&(r=!0);var i=e.transition,a=e.transitionEnd,s=l(e,["transition","transitionEnd"]),c=hi(s,i||{},t);if(o&&(a&&(a=o(a)),s&&(s=o(s)),c&&(c=o(c))),r){pi(t,s,c);var f=la(t,s,c,a);a=f.transitionEnd,s=f.target}return u({transition:i,transitionEnd:a},s)},scrapeMotionValuesFromProps:co,build:function(t,e,n,r,o){void 0!==t.isVisible&&(e.style.visibility=t.isVisible?"visible":"hidden"),Xr(e,n,r,o.transformTemplate)},render:so},fa=Wi(ca),da=Wi(u(u({},ca),{getBaseTarget:function(t,e){return t[e]},readValueFromInstance:function(t,e){var n;return ar(e)?(null===(n=en(e))||void 0===n?void 0:n.default)||0:(e=uo.has(e)?e:ao(e),t.getAttribute(e))},scrapeMotionValuesFromProps:fo,build:function(t,e,n,r,o){eo(e,n,r,o.transformTemplate)},render:lo})),pa=function(t,e){return Ur(t)?da(e,{enableHardwareAcceleration:!1}):fa(e,{enableHardwareAcceleration:!0})};function va(t,e){return e.max===e.min?0:t/(e.max-e.min)*100}var ha={correct:function(t,e){if(!e.target)return t;if("string"==typeof t){if(!yt.test(t))return t;t=parseFloat(t)}var n=va(t,e.target.x),r=va(t,e.target.y);return"".concat(n,"% ").concat(r,"%")}},ma={correct:function(t,e){var n=e.treeScale,r=e.projectionDelta,o=t,i=t.includes("var("),a=[];i&&(t=t.replace($i,(function(t){return a.push(t),"_$css"})));var s=Dt.parse(t);if(s.length>5)return o;var u=Dt.createTransformer(t),l="number"!=typeof s[0]?1:0,c=r.x.scale*n.x,f=r.y.scale*n.y;s[0+l]/=c,s[1+l]/=f;var d=ot(c,f,.5);"number"==typeof s[2+l]&&(s[2+l]/=d),"number"==typeof s[3+l]&&(s[3+l]/=d);var p=u(s);if(i){var v=0;p=p.replace("_$css",(function(){var t=a[v];return v++,t}))}return p}},ya=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return s(e,t),e.prototype.componentDidMount=function(){var t=this,e=this.props,n=e.visualElement,r=e.layoutGroup,o=e.switchLayoutGroup,i=e.layoutId,a=n.projection;Qn(ga),a&&((null==r?void 0:r.group)&&r.group.add(a),(null==o?void 0:o.register)&&i&&o.register(a),a.root.didUpdate(),a.addEventListener("animationComplete",(function(){t.safeToRemove()})),a.setOptions(u(u({},a.options),{onExitComplete:function(){return t.safeToRemove()}}))),dr.hasEverUpdated=!0},e.prototype.getSnapshotBeforeUpdate=function(t){var e=this,n=this.props,r=n.layoutDependency,o=n.visualElement,i=n.drag,a=n.isPresent,s=o.projection;return s?(s.isPresent=a,i||t.layoutDependency!==r||void 0===r?s.willUpdate():this.safeToRemove(),t.isPresent!==a&&(a?s.promote():s.relegate()||H.postRender((function(){var t;(null===(t=s.getStack())||void 0===t?void 0:t.members.length)||e.safeToRemove()}))),null):null},e.prototype.componentDidUpdate=function(){var t=this.props.visualElement.projection;t&&(t.root.didUpdate(),!t.currentAnimation&&t.isLead()&&this.safeToRemove())},e.prototype.componentWillUnmount=function(){var t=this.props,e=t.visualElement,n=t.layoutGroup,r=t.switchLayoutGroup,o=e.projection;o&&(o.scheduleCheckAfterUnmount(),(null==n?void 0:n.group)&&n.group.remove(o),(null==r?void 0:r.deregister)&&r.deregister(o))},e.prototype.safeToRemove=function(){var t=this.props.safeToRemove;null==t||t()},e.prototype.render=function(){return null},e}(i.default.Component);var ga={borderRadius:u(u({},ha),{applyTo:["borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"]}),borderTopLeftRadius:ha,borderTopRightRadius:ha,borderBottomLeftRadius:ha,borderBottomRightRadius:ha,boxShadow:ma},xa={measureLayout:function(t){var n=c(Qo(),2),r=n[0],o=n[1],a=e.useContext(Lr);return i.default.createElement(ya,u({},t,{layoutGroup:a,switchLayoutGroup:e.useContext(Dr),isPresent:r,safeToRemove:o}))}},ba=pr({attachResizeListener:function(t,e){return t.addEventListener("resize",e,{passive:!0}),function(){return t.removeEventListener("resize",e)}},measureScroll:function(){return{x:document.documentElement.scrollLeft||document.body.scrollLeft,y:document.documentElement.scrollTop||document.body.scrollTop}}}),Ea={current:void 0},wa=pr({measureScroll:function(t){return{x:t.scrollLeft,y:t.scrollTop}},defaultParent:function(){if(!Ea.current){var t=new ba(0,{});t.mount(window),t.setOptions({layoutScroll:!0}),Ea.current=t}return Ea.current},resetTransform:function(t,e){t.style.transform=null!=e?e:"none"}}),Pa=u(u(u(u({},Ti),Jo),Xi),xa),Sa=Fr((function(t,e){return bo(t,e,Pa,pa,wa)}));var Aa=Fr(bo);function Ta(){var t=e.useRef(!1),n=c(e.useState(0),2),r=n[0],o=n[1];Ho((function(){return t.current=!0}));var i=e.useCallback((function(){!t.current&&o(r+1)}),[r]);return[e.useCallback((function(){return H.postRender(i)}),[i]),r]}var Va=0;function Ca(){var t=Va;return Va++,t}var Ma=function(t){var n=t.children,r=t.initial,i=t.isPresent,a=t.onExitComplete,s=t.custom,u=t.presenceAffectsLayout,l=D(Ra),c=D(Ca),f=e.useMemo((function(){return{id:c,initial:r,isPresent:i,custom:s,onExitComplete:function(t){var e,n;l.set(t,!0);try{for(var r=function(t){var e="function"==typeof Symbol&&Symbol.iterator,n=e&&t[e],r=0;if(n)return n.call(t);if(t&&"number"==typeof t.length)return{next:function(){return t&&r>=t.length&&(t=void 0),{value:t&&t[r++],done:!t}}};throw new TypeError(e?"Object is not iterable.":"Symbol.iterator is not defined.")}(l.values()),o=r.next();!o.done;o=r.next()){if(!o.value)return}}catch(t){e={error:t}}finally{try{o&&!o.done&&(n=r.return)&&n.call(r)}finally{if(e)throw e.error}}null==a||a()},register:function(t){return l.set(t,!1),function(){return l.delete(t)}}}}),u?void 0:[i]);return e.useMemo((function(){l.forEach((function(t,e){return l.set(e,!1)}))}),[i]),o.useEffect((function(){!i&&!l.size&&(null==a||a())}),[i]),o.createElement(E.Provider,{value:f},n)};function Ra(){return new Map}function Oa(t){return t.key||""}var La=e.createContext(null),Da=function(t){return!t.isLayoutDirty&&t.willUpdate(!1)};function ja(){var t=new Set,e=new WeakMap,n=function(){return t.forEach(Da)};return{add:function(r){t.add(r),e.set(r,r.addEventListener("willUpdate",n))},remove:function(r){var o;t.delete(r),null===(o=e.get(r))||void 0===o||o(),e.delete(r),n()},dirty:n}}var ka=function(t){var n,r,i=t.children,a=t.id,s=t.inheritId,l=void 0===s||s,f=e.useContext(Lr),d=e.useContext(La),p=c(Ta(),2),v=p[0],h=p[1],m=e.useRef(null),y=null!==(n=f.id)&&void 0!==n?n:d;null===m.current&&(l&&y&&(a=a?y+"-"+a:y),m.current={id:a,group:l&&null!==(r=null==f?void 0:f.group)&&void 0!==r?r:ja()});var g=e.useMemo((function(){return u(u({},m.current),{forceRender:v})}),[h]);return o.createElement(Lr.Provider,{value:g},i)},Fa=0;function Ia(t){return"function"==typeof t}var Ua=e.createContext(null);function Ba(t,e,n,r){if(!r)return t;var o=t.findIndex((function(t){return t.value===e}));if(-1===o)return t;var i=r>0?1:-1,a=t[o+i];if(!a)return t;var s=t[o],u=a.layout,l=ot(u.min,u.max,.5);return 1===i&&s.layout.max+n>l||-1===i&&s.layout.min+n<l?function(t,e,n){var r=c(t).slice(0),o=e<0?r.length+e:e;if(o>=0&&o<r.length){var i=n<0?r.length+n:n,a=c(r.splice(e,1),1)[0];r.splice(i,0,a)}return r}(t,o,o+i):t}var Na=e.forwardRef((function(t,n){var r=t.children,i=t.as,a=void 0===i?"ul":i,s=t.axis,c=void 0===s?"y":s,f=t.onReorder,d=t.values,p=l(t,["children","as","axis","onReorder","values"]),v=D((function(){return Sa(a)})),h=[],m=e.useRef(!1),y={axis:c,registerItem:function(t,e){e&&-1===h.findIndex((function(e){return t===e.value}))&&(h.push({value:t,layout:e[c]}),h.sort(Ha))},updateOrder:function(t,e,n){if(!m.current){var r=Ba(h,t,e,n);h!==r&&(m.current=!0,f(r.map(za).filter((function(t){return-1!==d.indexOf(t)}))))}}};return e.useEffect((function(){m.current=!1})),o.createElement(v,u({},p,{ref:n}),o.createElement(Ua.Provider,{value:y},r))}));function za(t){return t.value}function Ha(t,e){return t.layout.min-e.layout.min}function Xa(t){var n=D((function(){return Ne(t)}));if(e.useContext(g).isStatic){var r=c(e.useState(t),2)[1];e.useEffect((function(){return n.onChange(r)}),[])}return n}var Ya=function(t){return function(t){return"object"==typeof t&&t.mix}(t)?t.mix:void 0};function Wa(){for(var t=[],e=0;e<arguments.length;e++)t[e]=arguments[e];var n=!Array.isArray(t[0]),r=n?0:-1,o=t[0+r],i=t[1+r],a=t[2+r],s=t[3+r],l=te(i,a,u({mixer:Ya(a[0])},s));return n?l(o):l}function Ga(t,n){e.useEffect((function(){if(ze(t))return t.onChange(n)}),[n])}function _a(t,n){var r=Xa(n()),o=function(){return r.set(n())};return o(),function(t,n){e.useEffect((function(){var e=t.map((function(t){return t.onChange(n)}));return function(){return e.forEach((function(t){return t()}))}}))}(t,(function(){return H.update(o,!1,!0)})),r}function qa(t,e,n,r){var o="function"==typeof e?e:Wa(e,n,r);return Array.isArray(t)?$a(t,o):$a([t],(function(t){var e=c(t,1)[0];return o(e)}))}function $a(t,e){var n=D((function(){return[]}));return _a(t,(function(){n.length=0;for(var r=t.length,o=0;o<r;o++)n[o]=t[o].get();return e(n)}))}function Za(t,e){return void 0===e&&(e=0),ze(t)?t:Xa(e)}var Ka={Group:Na,Item:e.forwardRef((function(t,n){var r=t.children,i=t.style,a=t.value,s=t.as,f=void 0===s?"li":s,d=t.onDrag,p=l(t,["children","style","value","as","onDrag"]),v=D((function(){return Sa(f)})),h=e.useContext(Ua),m={x:Za(null==i?void 0:i.x),y:Za(null==i?void 0:i.y)},y=qa([m.x,m.y],(function(t){var e=c(t,2),n=e[0],r=e[1];return n||r?1:"unset"})),g=e.useRef(null),x=h,b=x.axis,E=x.registerItem,w=x.updateOrder;return e.useEffect((function(){E(a,g.current)}),[h]),o.createElement(v,u({drag:b},p,{dragSnapToOrigin:!0,style:u(u({},i),{x:m.x,y:m.y,zIndex:y}),layout:!0,onDrag:function(t,e){var n=e.velocity;n[b]&&w(a,m[b].get(),n[b]),null==d||d(t,e)},onLayoutMeasure:function(t){g.current=t},ref:n}),r)}))},Ja=u(u({renderer:pa},Ti),Jo),Qa=u(u(u(u({},Ja),Xi),xa),{projectionNodeConstructor:wa});function ts(){return{scrollX:Ne(0),scrollY:Ne(0),scrollXProgress:Ne(0),scrollYProgress:Ne(0)}}function es(t,e,n){n.set(t&&e?t/e:0)}function ns(t,e){var n=function(){var n=e(),r=n.xOffset,o=n.yOffset,i=n.xMaxOffset,a=n.yMaxOffset;t.scrollX.set(r),t.scrollY.set(o),es(r,i,t.scrollXProgress),es(o,a,t.scrollYProgress)};return n(),n}var rs;function os(){return{xOffset:window.pageXOffset,yOffset:window.pageYOffset,xMaxOffset:document.body.clientWidth-window.innerWidth,yMaxOffset:document.body.clientHeight-window.innerHeight}}var is=!1;var as,ss="undefined"!=typeof performance?function(){return performance.now()}:function(){return Date.now()};function us(t){var n=D(ss);e.useEffect((function(){var e=function(e){var r=e.timestamp;t(r-n)};return H.update(e,!0),function(){return X.update(e)}}),[t])}function ls(){var t=!1,e=[],n=new Set,r={subscribe:function(t){return n.add(t),function(){n.delete(t)}},start:function(r,o){if(t){var i=[];return n.forEach((function(t){i.push(mi(t,r,{transitionOverride:o}))})),Promise.all(i)}return new Promise((function(t){e.push({animation:[r,o],resolve:t})}))},set:function(t){return n.forEach((function(e){!function(t,e){Array.isArray(e)?di(t,e):"string"==typeof e?di(t,[e]):fi(t,e)}(e,t)}))},stop:function(){n.forEach((function(t){!function(t){t.forEachValue((function(t){return t.stop()}))}(t)}))},mount:function(){return t=!0,e.forEach((function(t){var e=t.animation,n=t.resolve;r.start.apply(r,f([],c(e),!1)).then(n)})),function(){t=!1,r.stop()}}};return r}var cs=function(){function t(){this.componentControls=new Set}return t.prototype.subscribe=function(t){var e=this;return this.componentControls.add(t),function(){return e.componentControls.delete(t)}},t.prototype.start=function(t,e){this.componentControls.forEach((function(n){n.start(t.nativeEvent||t,e)}))},t}(),fs=function(){return new cs};function ds(){return ps}function ps(t){Ea.current&&(Ea.current.isUpdating=!1,Ea.current.blockUpdate(),null==t||t())}var vs=function(){return{}},hs=Wi({build:function(){},measureViewportBox:_n,resetTransform:function(){},restoreTransform:function(){},removeValueFromRenderState:function(){},render:function(){},scrapeMotionValuesFromProps:vs,readValueFromInstance:function(t,e,n){return n.initialState[e]||0},makeTargetAnimatable:function(t,e){var n=e.transition,r=e.transitionEnd,o=l(e,["transition","transitionEnd"]);return pi(t,o,hi(o,n||{},t)),u({transition:n,transitionEnd:r},o)}}),ms=ho({scrapeMotionValuesFromProps:vs,createRenderState:vs});var ys=function(t){return t>.001?1/t:1e5};t.AnimatePresence=function(t){var n=t.children,r=t.custom,i=t.initial,a=void 0===i||i,s=t.onExitComplete,u=t.exitBeforeEnter,l=t.presenceAffectsLayout,d=void 0===l||l,p=c(Ta(),1)[0],v=e.useContext(Lr).forceRender;v&&(p=v);var h=e.useRef(!0),m=e.useRef(!0);e.useEffect((function(){return function(){m.current=!1}}),[]);var y=function(t){var n=[];return e.Children.forEach(t,(function(t){e.isValidElement(t)&&n.push(t)})),n}(n),g=e.useRef(y),x=e.useRef(new Map).current,b=e.useRef(new Set).current;if(function(t,e){t.forEach((function(t){var n=Oa(t);e.set(n,t)}))}(y,x),h.current)return h.current=!1,o.createElement(o.Fragment,null,y.map((function(t){return o.createElement(Ma,{key:Oa(t),isPresent:!0,initial:!!a&&void 0,presenceAffectsLayout:d},t)})));for(var E=f([],c(y),!1),w=g.current.map(Oa),P=y.map(Oa),S=w.length,A=0;A<S;A++){var T=w[A];-1===P.indexOf(T)?b.add(T):b.delete(T)}return u&&b.size&&(E=[]),b.forEach((function(t){if(-1===P.indexOf(t)){var e=x.get(t);if(e){var n=w.indexOf(t);E.splice(n,0,o.createElement(Ma,{key:Oa(e),isPresent:!1,onExitComplete:function(){x.delete(t),b.delete(t);var e=g.current.findIndex((function(e){return e.key===t}));if(g.current.splice(e,1),!b.size){if(g.current=y,!1===m.current)return;p(),s&&s()}},custom:r,presenceAffectsLayout:d},e))}}})),E=E.map((function(t){var e=t.key;return b.has(e)?t:o.createElement(Ma,{key:Oa(t),isPresent:!0,presenceAffectsLayout:d},t)})),g.current=E,o.createElement(o.Fragment,null,b.size?E:E.map((function(t){return e.cloneElement(t)})))},t.AnimateSharedLayout=function(t){var e=t.children;return o.createElement(ka,{id:D((function(){return"asl-".concat(Fa++)}))},e)},t.DeprecatedLayoutGroupContext=La,t.DragControls=cs,t.FlatTree=cr,t.LayoutGroup=ka,t.LayoutGroupContext=Lr,t.LazyMotion=function(t){var n=t.children,r=t.features,i=t.strict,a=void 0!==i&&i,s=c(e.useState(!Ia(r)),2)[1],u=e.useRef(void 0);if(!Ia(r)){var f=r.renderer,d=l(r,["renderer"]);u.current=f,v(d)}return e.useEffect((function(){Ia(r)&&r().then((function(t){var e=t.renderer;v(l(t,["renderer"])),u.current=e,s(!0)}))}),[]),o.createElement(h.Provider,{value:{renderer:u.current,strict:a}},n)},t.MotionConfig=function(t){var n=t.children,r=l(t,["children"]);(r=u(u({},e.useContext(g)),r)).isStatic=D((function(){return r.isStatic}));var i="object"==typeof r.transition?r.transition.toString():"",a=e.useMemo((function(){return r}),[i,r.transformPagePoint]);return o.createElement(g.Provider,{value:a},n)},t.MotionConfigContext=g,t.MotionContext=x,t.MotionValue=Be,t.PresenceContext=E,t.Reorder=Ka,t.SwitchLayoutGroupContext=Dr,t.addScaleCorrector=Qn,t.animate=pn,t.animateVisualElement=mi,t.animationControls=ls,t.createDomMotionComponent=function(t){return kr(bo(t,{forwardMotionProps:!1},Pa,pa,wa))},t.createMotionComponent=kr,t.domAnimation=Ja,t.domMax=Qa,t.isValidMotionProp=$r,t.m=Aa,t.motion=Sa,t.motionValue=Ne,t.resolveMotionValue=fr,t.transform=Wa,t.useAnimation=function(){var t=D(ls);return e.useEffect(t.mount,[]),t},t.useAnimationFrame=us,t.useCycle=function(){for(var t=[],n=0;n<arguments.length;n++)t[n]=arguments[n];var r=e.useRef(0),o=c(e.useState(t[r.current]),2),i=o[0],a=o[1];return[i,function(e){r.current="number"!=typeof e?Me(0,t.length,r.current+1):e,a(t[r.current])}]},t.useDeprecatedAnimatedState=function(t){var n=c(e.useState(t),2),r=n[0],o=n[1],i=ms({},!1),a=D((function(){return hs({props:{},visualState:i},{initialState:t})}));return e.useEffect((function(){return a.mount({}),a.unmount()}),[]),e.useEffect((function(){a.setProps({onUpdate:function(t){return o(u({},t))}})})),[r,D((function(){return function(t){return mi(a,t)}}))]},t.useDeprecatedInvertedScale=function(t){var e=Xa(1),n=Xa(1),r=b();return t?(e=t.scaleX||e,n=t.scaleY||n):r&&(e=r.getValue("scaleX",1),n=r.getValue("scaleY",1)),{scaleX:qa(e,ys),scaleY:qa(n,ys)}},t.useDomEvent=wo,t.useDragControls=function(){return D(fs)},t.useElementScroll=function(t){var e=D(ts);return P((function(){var n=t.current;if(n){var r=ns(e,function(t){return function(){return{xOffset:t.scrollLeft,yOffset:t.scrollTop,xMaxOffset:t.scrollWidth-t.offsetWidth,yMaxOffset:t.scrollHeight-t.offsetHeight}}}(n)),o=Eo(n,"scroll",r,{passive:!0}),i=Eo(n,"resize",r);return function(){o&&o(),i&&i()}}}),[]),e},t.useInstantLayoutTransition=ds,t.useInstantTransition=function(){var t=c(Ta(),2),n=t[0],r=t[1],o=ds();return e.useEffect((function(){H.postRender((function(){return H.postRender((function(){return rn.current=!1}))}))}),[r]),function(t){o((function(){rn.current=!0,n(),t()}))}},t.useIsPresent=function(){return null===(t=e.useContext(E))||t.isPresent;var t},t.useMotionTemplate=function(t){for(var e=[],n=1;n<arguments.length;n++)e[n-1]=arguments[n];var r=t.length;function o(){for(var n="",o=0;o<r;o++){n+=t[o],e[o]&&(n+=e[o].get())}return n}return _a(e,o)},t.useMotionValue=Xa,t.usePresence=Qo,t.useReducedMotion=function(){!as&&function(){if(as=Ne(null),"undefined"!=typeof window)if(window.matchMedia){var t=window.matchMedia("(prefers-reduced-motion)"),e=function(){return as.set(t.matches)};t.addListener(e),e()}else as.set(!1)}();var t=c(e.useState(as.get()),2),n=t[0],r=t[1];return Ga(as,r),n},t.useResetProjection=function(){return o.useCallback((function(){var t=Ea.current;t&&t.resetTree()}),[])},t.useSpring=function(t,n){void 0===n&&(n={});var r=e.useContext(g).isStatic,o=e.useRef(null),i=Xa(ze(t)?t.get():t);return e.useMemo((function(){return i.attach((function(t,e){return r?e(t):(o.current&&o.current.stop(),o.current=Pe(u(u({from:i.get(),to:t,velocity:i.getVelocity()},n),{onUpdate:e})),i.get())}))}),Object.values(n)),Ga(t,(function(t){return i.set(parseFloat(t))})),i},t.useTime=function(){var t=Xa(0);return us((function(e){return t.set(e)})),t},t.useTransform=qa,t.useVelocity=function(t){var n=Xa(t.getVelocity());return e.useEffect((function(){return t.velocityUpdateSubscribers.add((function(t){n.set(t)}))}),[t]),n},t.useViewportScroll=function(){return rs||(rs=ts()),P((function(){!is&&function(){if(is=!0,"undefined"!=typeof window){var t=ns(rs,os);Eo(window,"scroll",t,{passive:!0}),Eo(window,"resize",t)}}()}),[]),rs},t.visualElement=Wi,Object.defineProperty(t,"__esModule",{value:!0})}));
1
+ !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).Motion={},t.React)}(this,(function(t,e){"use strict";function n(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}function r(t){if(t&&t.__esModule)return t;var e=Object.create(null);return t&&Object.keys(t).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,r.get?r:{enumerable:!0,get:function(){return t[n]}})}})),e.default=t,Object.freeze(e)}var o=r(e),i=n(e),a=function(t,e){return(a=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n])})(t,e)};function s(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null");function n(){this.constructor=t}a(t,e),t.prototype=null===e?Object.create(e):(n.prototype=e.prototype,new n)}var u=function(){return(u=Object.assign||function(t){for(var e,n=1,r=arguments.length;n<r;n++)for(var o in e=arguments[n])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t}).apply(this,arguments)};function l(t,e){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(n[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(t);o<r.length;o++)e.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(t,r[o])&&(n[r[o]]=t[r[o]])}return n}function c(t,e){var n="function"==typeof Symbol&&t[Symbol.iterator];if(!n)return t;var r,o,i=n.call(t),a=[];try{for(;(void 0===e||e-- >0)&&!(r=i.next()).done;)a.push(r.value)}catch(t){o={error:t}}finally{try{r&&!r.done&&(n=i.return)&&n.call(i)}finally{if(o)throw o.error}}return a}function f(t,e,n){if(n||2===arguments.length)for(var r,o=0,i=e.length;o<i;o++)!r&&o in e||(r||(r=Array.prototype.slice.call(e,0,o)),r[o]=e[o]);return t.concat(r||Array.prototype.slice.call(e))}var d=function(t){return{isEnabled:function(e){return t.some((function(t){return!!e[t]}))}}},p={measureLayout:d(["layout","layoutId","drag"]),animation:d(["animate","exit","variants","whileHover","whileTap","whileFocus","whileDrag","whileInView"]),exit:d(["exit"]),drag:d(["drag","dragControls"]),focus:d(["whileFocus"]),hover:d(["whileHover","onHoverStart","onHoverEnd"]),tap:d(["whileTap","onTap","onTapStart","onTapCancel"]),pan:d(["onPan","onPanStart","onPanSessionStart","onPanEnd"]),inView:d(["whileInView","onViewportEnter","onViewportLeave"])};function v(t){for(var e in t)null!==t[e]&&("projectionNodeConstructor"===e?p.projectionNodeConstructor=t[e]:p[e].Component=t[e])}var h=e.createContext({strict:!1}),m=Object.keys(p),y=m.length;var g=e.createContext({transformPagePoint:function(t){return t},isStatic:!1}),x=e.createContext({});function b(){return e.useContext(x).visualElement}var E=e.createContext(null),w="undefined"!=typeof window,P=w?e.useLayoutEffect:e.useEffect;function S(t){return"object"==typeof t&&Object.prototype.hasOwnProperty.call(t,"current")}function A(t){return Array.isArray(t)}function T(t){return"string"==typeof t||A(t)}function V(t,e,n,r,o){var i;return void 0===r&&(r={}),void 0===o&&(o={}),"function"==typeof e&&(e=e(null!=n?n:t.custom,r,o)),"string"==typeof e&&(e=null===(i=t.variants)||void 0===i?void 0:i[e]),"function"==typeof e&&(e=e(null!=n?n:t.custom,r,o)),e}function C(t,e,n){var r=t.getProps();return V(r,e,null!=n?n:r.custom,function(t){var e={};return t.forEachValue((function(t,n){return e[n]=t.get()})),e}(t),function(t){var e={};return t.forEachValue((function(t,n){return e[n]=t.getVelocity()})),e}(t))}function M(t){var e;return"function"==typeof(null===(e=t.animate)||void 0===e?void 0:e.start)||T(t.initial)||T(t.animate)||T(t.whileHover)||T(t.whileDrag)||T(t.whileTap)||T(t.whileFocus)||T(t.exit)}function R(t){return Boolean(M(t)||t.variants)}function O(t){var n=function(t,e){if(M(t)){var n=t.initial,r=t.animate;return{initial:!1===n||T(n)?n:void 0,animate:T(r)?r:void 0}}return!1!==t.inherit?e:{}}(t,e.useContext(x)),r=n.initial,o=n.animate;return e.useMemo((function(){return{initial:r,animate:o}}),[L(r),L(o)])}function L(t){return Array.isArray(t)?t.join(" "):t}function D(t){var n=e.useRef(null);return null===n.current&&(n.current=t()),n.current}const j="undefined"!=typeof performance?()=>performance.now():()=>Date.now(),k="undefined"!=typeof window?t=>window.requestAnimationFrame(t):t=>setTimeout(()=>t(j()),1/60*1e3);let F=!0,I=!1,U=!1;const B={delta:0,timestamp:0},N=["read","update","preRender","render","postRender"],z=N.reduce((t,e)=>(t[e]=function(t){let e=[],n=[],r=0,o=!1,i=!1;const a=new WeakSet,s={schedule:(t,i=!1,s=!1)=>{const u=s&&o,l=u?e:n;return i&&a.add(t),-1===l.indexOf(t)&&(l.push(t),u&&o&&(r=e.length)),t},cancel:t=>{const e=n.indexOf(t);-1!==e&&n.splice(e,1),a.delete(t)},process:u=>{if(o)i=!0;else{if(o=!0,[e,n]=[n,e],n.length=0,r=e.length,r)for(let n=0;n<r;n++){const r=e[n];r(u),a.has(r)&&(s.schedule(r),t())}o=!1,i&&(i=!1,s.process(u))}}};return s}(()=>I=!0),t),{}),H=N.reduce((t,e)=>{const n=z[e];return t[e]=(t,e=!1,r=!1)=>(I||_(),n.schedule(t,e,r)),t},{}),X=N.reduce((t,e)=>(t[e]=z[e].cancel,t),{}),Y=N.reduce((t,e)=>(t[e]=()=>z[e].process(B),t),{}),W=t=>z[t].process(B),G=t=>{I=!1,B.delta=F?1/60*1e3:Math.max(Math.min(t-B.timestamp,40),1),B.timestamp=t,U=!0,N.forEach(W),U=!1,I&&(F=!1,k(G))},_=()=>{I=!0,F=!0,U||k(G)},q=()=>B,$=(t,e,n)=>Math.min(Math.max(n,t),e);function Z({duration:t=800,bounce:e=.25,velocity:n=0,mass:r=1}){let o,i,a=1-e;a=$(.05,1,a),t=$(.01,10,t/1e3),a<1?(o=e=>{const r=e*a,o=r*t;return.001-(r-n)/K(e,a)*Math.exp(-o)},i=e=>{const r=e*a*t,i=r*n+n,s=Math.pow(a,2)*Math.pow(e,2)*t,u=Math.exp(-r),l=K(Math.pow(e,2),a);return(.001-o(e)>0?-1:1)*((i-s)*u)/l}):(o=e=>Math.exp(-e*t)*((e-n)*t+1)-.001,i=e=>Math.exp(-e*t)*(t*t*(n-e)));const s=function(t,e,n){let r=n;for(let n=1;n<12;n++)r-=t(r)/e(r);return r}(o,i,5/t);if(t*=1e3,isNaN(s))return{stiffness:100,damping:10,duration:t};{const e=Math.pow(s,2)*r;return{stiffness:e,damping:2*a*Math.sqrt(r*e),duration:t}}}function K(t,e){return t*Math.sqrt(1-e*e)}const J=["duration","bounce"],Q=["stiffness","damping","mass"];function tt(t,e){return e.some(e=>void 0!==t[e])}function et(t){var{from:e=0,to:n=1,restSpeed:r=2,restDelta:o}=t,i=l(t,["from","to","restSpeed","restDelta"]);const a={done:!1,value:e};let{stiffness:s,damping:u,mass:c,velocity:f,duration:d,isResolvedFromDuration:p}=function(t){let e=Object.assign({velocity:0,stiffness:100,damping:10,mass:1,isResolvedFromDuration:!1},t);if(!tt(t,Q)&&tt(t,J)){const n=Z(t);e=Object.assign(Object.assign(Object.assign({},e),n),{velocity:0,mass:1}),e.isResolvedFromDuration=!0}return e}(i),v=nt,h=nt;function m(){const t=f?-f/1e3:0,r=n-e,i=u/(2*Math.sqrt(s*c)),a=Math.sqrt(s/c)/1e3;if(void 0===o&&(o=Math.min(Math.abs(n-e)/100,.4)),i<1){const e=K(a,i);v=o=>{const s=Math.exp(-i*a*o);return n-s*((t+i*a*r)/e*Math.sin(e*o)+r*Math.cos(e*o))},h=n=>{const o=Math.exp(-i*a*n);return i*a*o*(Math.sin(e*n)*(t+i*a*r)/e+r*Math.cos(e*n))-o*(Math.cos(e*n)*(t+i*a*r)-e*r*Math.sin(e*n))}}else if(1===i)v=e=>n-Math.exp(-a*e)*(r+(t+a*r)*e);else{const e=a*Math.sqrt(i*i-1);v=o=>{const s=Math.exp(-i*a*o),u=Math.min(e*o,300);return n-s*((t+i*a*r)*Math.sinh(u)+e*r*Math.cosh(u))/e}}}return m(),{next:t=>{const e=v(t);if(p)a.done=t>=d;else{const i=1e3*h(t),s=Math.abs(i)<=r,u=Math.abs(n-e)<=o;a.done=s&&u}return a.value=a.done?n:e,a},flipTarget:()=>{f=-f,[e,n]=[n,e],m()}}}et.needsInterpolation=(t,e)=>"string"==typeof t||"string"==typeof e;const nt=t=>0,rt=(t,e,n)=>{const r=e-t;return 0===r?1:(n-t)/r},ot=(t,e,n)=>-n*t+n*e+t,it=(t,e)=>n=>Math.max(Math.min(n,e),t),at=t=>t%1?Number(t.toFixed(5)):t,st=/(-)?([\d]*\.?[\d])+/g,ut=/(#[0-9a-f]{6}|#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2,3}\s*\/*\s*[\d\.]+%?\))/gi,lt=/^(#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2,3}\s*\/*\s*[\d\.]+%?\))$/i;function ct(t){return"string"==typeof t}const ft={test:t=>"number"==typeof t,parse:parseFloat,transform:t=>t},dt=Object.assign(Object.assign({},ft),{transform:it(0,1)}),pt=Object.assign(Object.assign({},ft),{default:1}),vt=t=>({test:e=>ct(e)&&e.endsWith(t)&&1===e.split(" ").length,parse:parseFloat,transform:e=>`${e}${t}`}),ht=vt("deg"),mt=vt("%"),yt=vt("px"),gt=vt("vh"),xt=vt("vw"),bt=Object.assign(Object.assign({},mt),{parse:t=>mt.parse(t)/100,transform:t=>mt.transform(100*t)}),Et=(t,e)=>n=>Boolean(ct(n)&&lt.test(n)&&n.startsWith(t)||e&&Object.prototype.hasOwnProperty.call(n,e)),wt=(t,e,n)=>r=>{if(!ct(r))return r;const[o,i,a,s]=r.match(st);return{[t]:parseFloat(o),[e]:parseFloat(i),[n]:parseFloat(a),alpha:void 0!==s?parseFloat(s):1}},Pt={test:Et("hsl","hue"),parse:wt("hue","saturation","lightness"),transform:({hue:t,saturation:e,lightness:n,alpha:r=1})=>"hsla("+Math.round(t)+", "+mt.transform(at(e))+", "+mt.transform(at(n))+", "+at(dt.transform(r))+")"},St=it(0,255),At=Object.assign(Object.assign({},ft),{transform:t=>Math.round(St(t))}),Tt={test:Et("rgb","red"),parse:wt("red","green","blue"),transform:({red:t,green:e,blue:n,alpha:r=1})=>"rgba("+At.transform(t)+", "+At.transform(e)+", "+At.transform(n)+", "+at(dt.transform(r))+")"};const Vt={test:Et("#"),parse:function(t){let e="",n="",r="",o="";return t.length>5?(e=t.substr(1,2),n=t.substr(3,2),r=t.substr(5,2),o=t.substr(7,2)):(e=t.substr(1,1),n=t.substr(2,1),r=t.substr(3,1),o=t.substr(4,1),e+=e,n+=n,r+=r,o+=o),{red:parseInt(e,16),green:parseInt(n,16),blue:parseInt(r,16),alpha:o?parseInt(o,16)/255:1}},transform:Tt.transform},Ct={test:t=>Tt.test(t)||Vt.test(t)||Pt.test(t),parse:t=>Tt.test(t)?Tt.parse(t):Pt.test(t)?Pt.parse(t):Vt.parse(t),transform:t=>ct(t)?t:t.hasOwnProperty("red")?Tt.transform(t):Pt.transform(t)};function Mt(t){"number"==typeof t&&(t=""+t);const e=[];let n=0;const r=t.match(ut);r&&(n=r.length,t=t.replace(ut,"${c}"),e.push(...r.map(Ct.parse)));const o=t.match(st);return o&&(t=t.replace(st,"${n}"),e.push(...o.map(ft.parse))),{values:e,numColors:n,tokenised:t}}function Rt(t){return Mt(t).values}function Ot(t){const{values:e,numColors:n,tokenised:r}=Mt(t),o=e.length;return t=>{let e=r;for(let r=0;r<o;r++)e=e.replace(r<n?"${c}":"${n}",r<n?Ct.transform(t[r]):at(t[r]));return e}}const Lt=t=>"number"==typeof t?0:t;const Dt={test:function(t){var e,n,r,o;return isNaN(t)&&ct(t)&&(null!==(n=null===(e=t.match(st))||void 0===e?void 0:e.length)&&void 0!==n?n:0)+(null!==(o=null===(r=t.match(ut))||void 0===r?void 0:r.length)&&void 0!==o?o:0)>0},parse:Rt,createTransformer:Ot,getAnimatableNone:function(t){const e=Rt(t);return Ot(t)(e.map(Lt))}},jt=new Set(["brightness","contrast","saturate","opacity"]);function kt(t){let[e,n]=t.slice(0,-1).split("(");if("drop-shadow"===e)return t;const[r]=n.match(st)||[];if(!r)return t;const o=n.replace(r,"");let i=jt.has(e)?1:0;return r!==n&&(i*=100),e+"("+i+o+")"}const Ft=/([a-z-]*)\(.*?\)/g,It=Object.assign(Object.assign({},Dt),{getAnimatableNone:t=>{const e=t.match(Ft);return e?e.map(kt).join(" "):t}});function Ut(t,e,n){return n<0&&(n+=1),n>1&&(n-=1),n<1/6?t+6*(e-t)*n:n<.5?e:n<2/3?t+(e-t)*(2/3-n)*6:t}function Bt({hue:t,saturation:e,lightness:n,alpha:r}){t/=360,n/=100;let o=0,i=0,a=0;if(e/=100){const r=n<.5?n*(1+e):n+e-n*e,s=2*n-r;o=Ut(s,r,t+1/3),i=Ut(s,r,t),a=Ut(s,r,t-1/3)}else o=i=a=n;return{red:Math.round(255*o),green:Math.round(255*i),blue:Math.round(255*a),alpha:r}}const Nt=(t,e,n)=>{const r=t*t,o=e*e;return Math.sqrt(Math.max(0,n*(o-r)+r))},zt=[Vt,Tt,Pt],Ht=t=>zt.find(e=>e.test(t)),Xt=(t,e)=>{let n=Ht(t),r=Ht(e),o=n.parse(t),i=r.parse(e);n===Pt&&(o=Bt(o),n=Tt),r===Pt&&(i=Bt(i),r=Tt);const a=Object.assign({},o);return t=>{for(const e in a)"alpha"!==e&&(a[e]=Nt(o[e],i[e],t));return a.alpha=ot(o.alpha,i.alpha,t),n.transform(a)}},Yt=t=>"number"==typeof t,Wt=(t,e)=>n=>e(t(n)),Gt=(...t)=>t.reduce(Wt);function _t(t,e){return Yt(t)?n=>ot(t,e,n):Ct.test(t)?Xt(t,e):Kt(t,e)}const qt=(t,e)=>{const n=[...t],r=n.length,o=t.map((t,n)=>_t(t,e[n]));return t=>{for(let e=0;e<r;e++)n[e]=o[e](t);return n}},$t=(t,e)=>{const n=Object.assign(Object.assign({},t),e),r={};for(const o in n)void 0!==t[o]&&void 0!==e[o]&&(r[o]=_t(t[o],e[o]));return t=>{for(const e in r)n[e]=r[e](t);return n}};function Zt(t){const e=Dt.parse(t),n=e.length;let r=0,o=0,i=0;for(let t=0;t<n;t++)r||"number"==typeof e[t]?r++:void 0!==e[t].hue?i++:o++;return{parsed:e,numNumbers:r,numRGB:o,numHSL:i}}const Kt=(t,e)=>{const n=Dt.createTransformer(e),r=Zt(t),o=Zt(e);return r.numHSL===o.numHSL&&r.numRGB===o.numRGB&&r.numNumbers>=o.numNumbers?Gt(qt(r.parsed,o.parsed),n):n=>""+(n>0?e:t)},Jt=(t,e)=>n=>ot(t,e,n);function Qt(t,e,n){const r=[],o=n||("number"==typeof(i=t[0])?Jt:"string"==typeof i?Ct.test(i)?Xt:Kt:Array.isArray(i)?qt:"object"==typeof i?$t:void 0);var i;const a=t.length-1;for(let n=0;n<a;n++){let i=o(t[n],t[n+1]);if(e){const t=Array.isArray(e)?e[n]:e;i=Gt(t,i)}r.push(i)}return r}function te(t,e,{clamp:n=!0,ease:r,mixer:o}={}){const i=t.length;e.length,!r||!Array.isArray(r)||r.length,t[0]>t[i-1]&&(t=[].concat(t),e=[].concat(e),t.reverse(),e.reverse());const a=Qt(e,r,o),s=2===i?function([t,e],[n]){return r=>n(rt(t,e,r))}(t,a):function(t,e){const n=t.length,r=n-1;return o=>{let i=0,a=!1;if(o<=t[0]?a=!0:o>=t[r]&&(i=r-1,a=!0),!a){let e=1;for(;e<n&&!(t[e]>o||e===r);e++);i=e-1}const s=rt(t[i],t[i+1],o);return e[i](s)}}(t,a);return n?e=>s($(t[0],t[i-1],e)):s}const ee=t=>e=>1-t(1-e),ne=t=>e=>e<=.5?t(2*e)/2:(2-t(2*(1-e)))/2,re=t=>e=>e*e*((t+1)*e-t),oe=t=>t,ie=(ae=2,t=>Math.pow(t,ae));var ae;const se=ee(ie),ue=ne(ie),le=t=>1-Math.sin(Math.acos(t)),ce=ee(le),fe=ne(ce),de=re(1.525),pe=ee(de),ve=ne(de),he=(t=>{const e=re(t);return t=>(t*=2)<1?.5*e(t):.5*(2-Math.pow(2,-10*(t-1)))})(1.525),me=t=>{if(1===t||0===t)return t;const e=t*t;return t<4/11?7.5625*e:t<8/11?9.075*e-9.9*t+3.4:t<.9?4356/361*e-35442/1805*t+16061/1805:10.8*t*t-20.52*t+10.72},ye=ee(me);function ge(t,e){return t.map(()=>e||ue).splice(0,t.length-1)}function xe({from:t=0,to:e=1,ease:n,offset:r,duration:o=300}){const i={done:!1,value:t},a=Array.isArray(e)?e:[t,e],s=function(t,e){return t.map(t=>t*e)}(r&&r.length===a.length?r:function(t){const e=t.length;return t.map((t,n)=>0!==n?n/(e-1):0)}(a),o);function u(){return te(s,a,{ease:Array.isArray(n)?n:ge(a,n)})}let l=u();return{next:t=>(i.value=l(t),i.done=t>=o,i),flipTarget:()=>{a.reverse(),l=u()}}}const be={keyframes:xe,spring:et,decay:function({velocity:t=0,from:e=0,power:n=.8,timeConstant:r=350,restDelta:o=.5,modifyTarget:i}){const a={done:!1,value:e};let s=n*t;const u=e+s,l=void 0===i?u:i(u);return l!==u&&(s=l-e),{next:t=>{const e=-s*Math.exp(-t/r);return a.done=!(e>o||e<-o),a.value=a.done?l:l+e,a},flipTarget:()=>{}}}};function Ee(t,e,n=0){return t-e-n}const we=t=>{const e=({delta:e})=>t(e);return{start:()=>H.update(e,!0),stop:()=>X.update(e)}};function Pe(t){var e,n,{from:r,autoplay:o=!0,driver:i=we,elapsed:a=0,repeat:s=0,repeatType:u="loop",repeatDelay:c=0,onPlay:f,onStop:d,onComplete:p,onRepeat:v,onUpdate:h}=t,m=l(t,["from","autoplay","driver","elapsed","repeat","repeatType","repeatDelay","onPlay","onStop","onComplete","onRepeat","onUpdate"]);let y,g,x,{to:b}=m,E=0,w=m.duration,P=!1,S=!0;const A=function(t){if(Array.isArray(t.to))return xe;if(be[t.type])return be[t.type];const e=new Set(Object.keys(t));return e.has("ease")||e.has("duration")&&!e.has("dampingRatio")?xe:e.has("dampingRatio")||e.has("stiffness")||e.has("mass")||e.has("damping")||e.has("restSpeed")||e.has("restDelta")?et:xe}(m);(null===(n=(e=A).needsInterpolation)||void 0===n?void 0:n.call(e,r,b))&&(x=te([0,100],[r,b],{clamp:!1}),r=0,b=100);const T=A(Object.assign(Object.assign({},m),{from:r,to:b}));function V(){E++,"reverse"===u?(S=E%2==0,a=function(t,e,n=0,r=!0){return r?Ee(e+-t,e,n):e-(t-e)+n}(a,w,c,S)):(a=Ee(a,w,c),"mirror"===u&&T.flipTarget()),P=!1,v&&v()}function C(t){if(S||(t=-t),a+=t,!P){const t=T.next(Math.max(0,a));g=t.value,x&&(g=x(g)),P=S?t.done:a<=0}null==h||h(g),P&&(0===E&&(null!=w||(w=a)),E<s?function(t,e,n,r){return r?t>=e+n:t<=-n}(a,w,c,S)&&V():(y.stop(),p&&p()))}return o&&(null==f||f(),y=i(C),y.start()),{stop:()=>{null==d||d(),y.stop()}}}function Se(t,e){return e?t*(1e3/e):0}const Ae=t=>t.hasOwnProperty("x")&&t.hasOwnProperty("y"),Te=t=>Ae(t)&&t.hasOwnProperty("z"),Ve=(t,e)=>Math.abs(t-e);function Ce(t,e){if(Yt(t)&&Yt(e))return Ve(t,e);if(Ae(t)&&Ae(e)){const n=Ve(t.x,e.x),r=Ve(t.y,e.y),o=Te(t)&&Te(e)?Ve(t.z,e.z):0;return Math.sqrt(Math.pow(n,2)+Math.pow(r,2)+Math.pow(o,2))}}const Me=(t,e,n)=>{const r=e-t;return((n-t)%r+r)%r+t},Re=(t,e)=>1-3*e+3*t,Oe=(t,e)=>3*e-6*t,Le=t=>3*t,De=(t,e,n)=>((Re(e,n)*t+Oe(e,n))*t+Le(e))*t,je=(t,e,n)=>3*Re(e,n)*t*t+2*Oe(e,n)*t+Le(e);function ke(t,e,n,r){if(t===e&&n===r)return oe;const o=new Float32Array(11);for(let e=0;e<11;++e)o[e]=De(.1*e,t,n);function i(e){let r=0,i=1;for(;10!==i&&o[i]<=e;++i)r+=.1;--i;const a=r+.1*((e-o[i])/(o[i+1]-o[i])),s=je(a,t,n);return s>=.001?function(t,e,n,r){for(let o=0;o<8;++o){const o=je(e,n,r);if(0===o)return e;e-=(De(e,n,r)-t)/o}return e}(e,a,t,n):0===s?a:function(t,e,n,r,o){let i,a,s=0;do{a=e+(n-e)/2,i=De(a,r,o)-t,i>0?n=a:e=a}while(Math.abs(i)>1e-7&&++s<10);return a}(e,r,r+.1,t,n)}return t=>0===t||1===t?t:De(i(t),e,r)}function Fe(t,e){-1===t.indexOf(e)&&t.push(e)}function Ie(t,e){var n=t.indexOf(e);n>-1&&t.splice(n,1)}var Ue=function(){function t(){this.subscriptions=[]}return t.prototype.add=function(t){var e=this;return Fe(this.subscriptions,t),function(){return Ie(e.subscriptions,t)}},t.prototype.notify=function(t,e,n){var r=this.subscriptions.length;if(r)if(1===r)this.subscriptions[0](t,e,n);else for(var o=0;o<r;o++){var i=this.subscriptions[o];i&&i(t,e,n)}},t.prototype.getSize=function(){return this.subscriptions.length},t.prototype.clear=function(){this.subscriptions.length=0},t}(),Be=function(){function t(t){var e,n=this;this.timeDelta=0,this.lastUpdated=0,this.updateSubscribers=new Ue,this.velocityUpdateSubscribers=new Ue,this.renderSubscribers=new Ue,this.canTrackVelocity=!1,this.updateAndNotify=function(t,e){void 0===e&&(e=!0),n.prev=n.current,n.current=t;var r=q(),o=r.delta,i=r.timestamp;n.lastUpdated!==i&&(n.timeDelta=o,n.lastUpdated=i,H.postRender(n.scheduleVelocityCheck)),n.prev!==n.current&&n.updateSubscribers.notify(n.current),n.velocityUpdateSubscribers.getSize()&&n.velocityUpdateSubscribers.notify(n.getVelocity()),e&&n.renderSubscribers.notify(n.current)},this.scheduleVelocityCheck=function(){return H.postRender(n.velocityCheck)},this.velocityCheck=function(t){t.timestamp!==n.lastUpdated&&(n.prev=n.current,n.velocityUpdateSubscribers.notify(n.getVelocity()))},this.hasAnimated=!1,this.prev=this.current=t,this.canTrackVelocity=(e=this.current,!isNaN(parseFloat(e)))}return t.prototype.onChange=function(t){return this.updateSubscribers.add(t)},t.prototype.clearListeners=function(){this.updateSubscribers.clear()},t.prototype.onRenderRequest=function(t){return t(this.get()),this.renderSubscribers.add(t)},t.prototype.attach=function(t){this.passiveEffect=t},t.prototype.set=function(t,e){void 0===e&&(e=!0),e&&this.passiveEffect?this.passiveEffect(t,this.updateAndNotify):this.updateAndNotify(t,e)},t.prototype.get=function(){return this.current},t.prototype.getPrevious=function(){return this.prev},t.prototype.getVelocity=function(){return this.canTrackVelocity?Se(parseFloat(this.current)-parseFloat(this.prev),this.timeDelta):0},t.prototype.start=function(t){var e=this;return this.stop(),new Promise((function(n){e.hasAnimated=!0,e.stopAnimation=t(n)})).then((function(){return e.clearAnimation()}))},t.prototype.stop=function(){this.stopAnimation&&this.stopAnimation(),this.clearAnimation()},t.prototype.isAnimating=function(){return!!this.stopAnimation},t.prototype.clearAnimation=function(){this.stopAnimation=null},t.prototype.destroy=function(){this.updateSubscribers.clear(),this.renderSubscribers.clear(),this.stop()},t}();function Ne(t){return new Be(t)}var ze=function(t){return Boolean(null!==t&&"object"==typeof t&&t.getVelocity)},He=function(t){return 1e3*t},Xe={linear:oe,easeIn:ie,easeInOut:ue,easeOut:se,circIn:le,circInOut:fe,circOut:ce,backIn:de,backInOut:ve,backOut:pe,anticipate:he,bounceIn:ye,bounceInOut:t=>t<.5?.5*(1-me(1-2*t)):.5*me(2*t-1)+.5,bounceOut:me},Ye=function(t){if(Array.isArray(t)){t.length;var e=c(t,4);return ke(e[0],e[1],e[2],e[3])}return"string"==typeof t?Xe[t]:t},We=function(t,e){return"zIndex"!==t&&(!("number"!=typeof e&&!Array.isArray(e))||!("string"!=typeof e||!Dt.test(e)||e.startsWith("url(")))},Ge=function(t){return Array.isArray(t)},_e=function(){return{type:"spring",stiffness:500,damping:25,restSpeed:10}},qe=function(t){return{type:"spring",stiffness:550,damping:0===t?2*Math.sqrt(550):30,restSpeed:10}},$e=function(){return{type:"keyframes",ease:"linear",duration:.3}},Ze=function(t){return{type:"keyframes",duration:.8,values:t}},Ke={x:_e,y:_e,z:_e,rotate:_e,rotateX:_e,rotateY:_e,rotateZ:_e,scaleX:qe,scaleY:qe,scale:qe,opacity:$e,backgroundColor:$e,color:$e,default:qe},Je=u(u({},ft),{transform:Math.round}),Qe={borderWidth:yt,borderTopWidth:yt,borderRightWidth:yt,borderBottomWidth:yt,borderLeftWidth:yt,borderRadius:yt,radius:yt,borderTopLeftRadius:yt,borderTopRightRadius:yt,borderBottomRightRadius:yt,borderBottomLeftRadius:yt,width:yt,maxWidth:yt,height:yt,maxHeight:yt,size:yt,top:yt,right:yt,bottom:yt,left:yt,padding:yt,paddingTop:yt,paddingRight:yt,paddingBottom:yt,paddingLeft:yt,margin:yt,marginTop:yt,marginRight:yt,marginBottom:yt,marginLeft:yt,rotate:ht,rotateX:ht,rotateY:ht,rotateZ:ht,scale:pt,scaleX:pt,scaleY:pt,scaleZ:pt,skew:ht,skewX:ht,skewY:ht,distance:yt,translateX:yt,translateY:yt,translateZ:yt,x:yt,y:yt,z:yt,perspective:yt,transformPerspective:yt,opacity:dt,originX:bt,originY:bt,originZ:yt,zIndex:Je,fillOpacity:dt,strokeOpacity:dt,numOctaves:Je},tn=u(u({},Qe),{color:Ct,backgroundColor:Ct,outlineColor:Ct,fill:Ct,stroke:Ct,borderColor:Ct,borderTopColor:Ct,borderRightColor:Ct,borderBottomColor:Ct,borderLeftColor:Ct,filter:It,WebkitFilter:It}),en=function(t){return tn[t]};function nn(t,e){var n,r=en(t);return r!==It&&(r=Dt),null===(n=r.getAnimatableNone)||void 0===n?void 0:n.call(r,e)}var rn={current:!1},on=function(t){return Ge(t)?t[t.length-1]||0:t};function an(t){var e=t.ease,n=t.times,r=t.yoyo,o=t.flip,i=t.loop,a=l(t,["ease","times","yoyo","flip","loop"]),s=u({},a);return n&&(s.offset=n),a.duration&&(s.duration=He(a.duration)),a.repeatDelay&&(s.repeatDelay=He(a.repeatDelay)),e&&(s.ease=function(t){return Array.isArray(t)&&"number"!=typeof t[0]}(e)?e.map(Ye):Ye(e)),"tween"===a.type&&(s.type="keyframes"),(r||i||o)&&(r?s.repeatType="reverse":i?s.repeatType="loop":o&&(s.repeatType="mirror"),s.repeat=i||r||o||a.repeat),"spring"!==a.type&&(s.type="keyframes"),s}function sn(t,e,n){var r,o,i,a;return Array.isArray(e.to)&&(null!==(r=t.duration)&&void 0!==r||(t.duration=.8)),function(t){Array.isArray(t.to)&&null===t.to[0]&&(t.to=f([],c(t.to),!1),t.to[0]=t.from)}(e),function(t){t.when,t.delay,t.delayChildren,t.staggerChildren,t.staggerDirection,t.repeat,t.repeatType,t.repeatDelay,t.from;var e=l(t,["when","delay","delayChildren","staggerChildren","staggerDirection","repeat","repeatType","repeatDelay","from"]);return!!Object.keys(e).length}(t)||(t=u(u({},t),(o=n,i=e.to,a=Ge(i)?Ze:Ke[o]||Ke.default,u({to:i},a(i))))),u(u({},e),an(t))}function un(t,e,n,r,o){var i,a=fn(r,t),s=null!==(i=a.from)&&void 0!==i?i:e.get(),l=We(t,n);return"none"===s&&l&&"string"==typeof n?s=nn(t,n):ln(s)&&"string"==typeof n?s=cn(n):!Array.isArray(n)&&ln(n)&&"string"==typeof s&&(n=cn(s)),We(t,s)&&l&&!1!==a.type?function(){var r={from:s,to:n,velocity:e.getVelocity(),onComplete:o,onUpdate:function(t){return e.set(t)}};return"inertia"===a.type||"decay"===a.type?function({from:t=0,velocity:e=0,min:n,max:r,power:o=.8,timeConstant:i=750,bounceStiffness:a=500,bounceDamping:s=10,restDelta:u=1,modifyTarget:l,driver:c,onUpdate:f,onComplete:d,onStop:p}){let v;function h(t){return void 0!==n&&t<n||void 0!==r&&t>r}function m(t){return void 0===n?r:void 0===r||Math.abs(n-t)<Math.abs(r-t)?n:r}function y(t){null==v||v.stop(),v=Pe(Object.assign(Object.assign({},t),{driver:c,onUpdate:e=>{var n;null==f||f(e),null===(n=t.onUpdate)||void 0===n||n.call(t,e)},onComplete:d,onStop:p}))}function g(t){y(Object.assign({type:"spring",stiffness:a,damping:s,restDelta:u},t))}if(h(t))g({from:t,velocity:e,to:m(t)});else{let r=o*e+t;void 0!==l&&(r=l(r));const a=m(r),s=a===n?-1:1;let c,f;const d=t=>{c=f,f=t,e=Se(t-c,q().delta),(1===s&&t>a||-1===s&&t<a)&&g({from:t,to:a,velocity:e})};y({type:"decay",from:t,velocity:e,timeConstant:i,power:o,restDelta:u,modifyTarget:l,onUpdate:h(r)?d:void 0})}return{stop:()=>null==v?void 0:v.stop()}}(u(u({},r),a)):Pe(u(u({},sn(a,r,t)),{onUpdate:function(t){var e;r.onUpdate(t),null===(e=a.onUpdate)||void 0===e||e.call(a,t)},onComplete:function(){var t;r.onComplete(),null===(t=a.onComplete)||void 0===t||t.call(a)}}))}:function(){var t,r,i=on(n);return e.set(i),o(),null===(t=null==a?void 0:a.onUpdate)||void 0===t||t.call(a,i),null===(r=null==a?void 0:a.onComplete)||void 0===r||r.call(a),{stop:function(){}}}}function ln(t){return 0===t||"string"==typeof t&&0===parseFloat(t)&&-1===t.indexOf(" ")}function cn(t){return"number"==typeof t?0:nn("",t)}function fn(t,e){return t[e]||t.default||t}function dn(t,e,n,r){return void 0===r&&(r={}),rn.current&&(r={type:!1}),e.start((function(o){var i,a,s=un(t,e,n,r,o),u=function(t,e){var n,r;return null!==(r=null!==(n=(fn(t,e)||{}).delay)&&void 0!==n?n:t.delay)&&void 0!==r?r:0}(r,t),l=function(){return a=s()};return u?i=setTimeout(l,He(u)):l(),function(){clearTimeout(i),null==a||a.stop()}}))}function pn(t,e,n){void 0===n&&(n={});var r=ze(t)?t:Ne(t);return dn("",r,e,n),{stop:function(){return r.stop()},isAnimating:function(){return r.isAnimating()}}}var vn=["TopLeft","TopRight","BottomLeft","BottomRight"],hn=vn.length;function mn(t,e){var n;return null!==(n=t[e])&&void 0!==n?n:t.borderRadius}var yn=xn(0,.5,ce),gn=xn(.5,.95,oe);function xn(t,e,n){return function(r){return r<t?0:r>e?1:n(rt(t,e,r))}}function bn(t,e){t.min=e.min,t.max=e.max}function En(t,e){bn(t.x,e.x),bn(t.y,e.y)}function wn(t){return void 0===t||1===t}function Pn(t){var e=t.scale,n=t.scaleX,r=t.scaleY;return!wn(e)||!wn(n)||!wn(r)}function Sn(t){return Pn(t)||An(t.x)||An(t.y)||t.z||t.rotate||t.rotateX||t.rotateY}function An(t){return t&&"0%"!==t}function Tn(t,e,n){return n+e*(t-n)}function Vn(t,e,n,r,o){return void 0!==o&&(t=Tn(t,o,r)),Tn(t,n,r)+e}function Cn(t,e,n,r,o){void 0===e&&(e=0),void 0===n&&(n=1),t.min=Vn(t.min,e,n,r,o),t.max=Vn(t.max,e,n,r,o)}function Mn(t,e){var n=e.x,r=e.y;Cn(t.x,n.translate,n.scale,n.originPoint),Cn(t.y,r.translate,r.scale,r.originPoint)}function Rn(t,e){t.min=t.min+e,t.max=t.max+e}function On(t,e,n){var r=c(n,3),o=r[0],i=r[1],a=r[2],s=void 0!==e[a]?e[a]:.5,u=ot(t.min,t.max,s);Cn(t,e[o],e[i],u,e.scale)}var Ln=["x","scaleX","originX"],Dn=["y","scaleY","originY"];function jn(t,e){On(t.x,e,Ln),On(t.y,e,Dn)}function kn(t){return t.max-t.min}function Fn(t,e,n){return void 0===e&&(e=0),void 0===n&&(n=.01),Ce(t,e)<n}function In(t,e,n,r){void 0===r&&(r=.5),t.origin=r,t.originPoint=ot(e.min,e.max,t.origin),t.scale=kn(n)/kn(e),(Fn(t.scale,1,1e-4)||isNaN(t.scale))&&(t.scale=1),t.translate=ot(n.min,n.max,t.origin)-t.originPoint,(Fn(t.translate)||isNaN(t.translate))&&(t.translate=0)}function Un(t,e,n,r){In(t.x,e.x,n.x,null==r?void 0:r.originX),In(t.y,e.y,n.y,null==r?void 0:r.originY)}function Bn(t,e,n){t.min=n.min+e.min,t.max=t.min+kn(e)}function Nn(t,e,n){t.min=e.min-n.min,t.max=t.min+kn(e)}function zn(t,e,n){Nn(t.x,e.x,n.x),Nn(t.y,e.y,n.y)}function Hn(t,e,n,r,o){return t=Tn(t-=e,1/n,r),void 0!==o&&(t=Tn(t,1/o,r)),t}function Xn(t,e,n,r,o){var i=c(n,3),a=i[0],s=i[1],u=i[2];!function(t,e,n,r,o,i,a){if(void 0===e&&(e=0),void 0===n&&(n=1),void 0===r&&(r=.5),void 0===i&&(i=t),void 0===a&&(a=t),mt.test(e)&&(e=parseFloat(e),e=ot(a.min,a.max,e/100)-a.min),"number"==typeof e){var s=ot(i.min,i.max,r);t===i&&(s-=e),t.min=Hn(t.min,e,n,s,o),t.max=Hn(t.max,e,n,s,o)}}(t,e[a],e[s],e[u],e.scale,r,o)}var Yn=["x","scaleX","originX"],Wn=["y","scaleY","originY"];function Gn(t,e,n,r){Xn(t.x,e,Yn,null==n?void 0:n.x,null==r?void 0:r.x),Xn(t.y,e,Wn,null==n?void 0:n.y,null==r?void 0:r.y)}var _n=function(){return{x:{min:0,max:0},y:{min:0,max:0}}};function qn(t){return 0===t.translate&&1===t.scale}function $n(t){return qn(t.x)&&qn(t.y)}function Zn(t,e){return t.x.min===e.x.min&&t.x.max===e.x.max&&t.y.min===e.y.min&&t.y.max===e.y.max}var Kn=function(){function t(){this.members=[]}return t.prototype.add=function(t){Fe(this.members,t),t.scheduleRender()},t.prototype.remove=function(t){if(Ie(this.members,t),t===this.prevLead&&(this.prevLead=void 0),t===this.lead){var e=this.members[this.members.length-1];e&&this.promote(e)}},t.prototype.relegate=function(t){var e,n=this.members.findIndex((function(e){return t===e}));if(0===n)return!1;for(var r=n;r>=0;r--){var o=this.members[r];if(!1!==o.isPresent){e=o;break}}return!!e&&(this.promote(e),!0)},t.prototype.promote=function(t,e){var n,r=this.lead;t!==r&&(this.prevLead=r,this.lead=t,t.show(),r&&(r.instance&&r.scheduleRender(),t.scheduleRender(),t.resumeFrom=r,e&&(t.resumeFrom.preserveOpacity=!0),r.snapshot&&(t.snapshot=r.snapshot,t.snapshot.latestValues=r.animationValues||r.latestValues,t.snapshot.isShared=!0),(null===(n=t.root)||void 0===n?void 0:n.isUpdating)&&(t.isLayoutDirty=!0),!1===t.options.crossfade&&r.hide()))},t.prototype.exitAnimationComplete=function(){this.members.forEach((function(t){var e,n,r,o,i;null===(n=(e=t.options).onExitComplete)||void 0===n||n.call(e),null===(i=null===(r=t.resumingFrom)||void 0===r?void 0:(o=r.options).onExitComplete)||void 0===i||i.call(o)}))},t.prototype.scheduleRender=function(){this.members.forEach((function(t){t.instance&&t.scheduleRender(!1)}))},t.prototype.removeLeadSnapshot=function(){this.lead&&this.lead.snapshot&&(this.lead.snapshot=void 0)},t}(),Jn={};function Qn(t){Object.assign(Jn,t)}function tr(t,e,n){var r=t.x.translate/e.x,o=t.y.translate/e.y,i="translate3d(".concat(r,"px, ").concat(o,"px, 0) ");if(n){var a=n.rotate,s=n.rotateX,u=n.rotateY;a&&(i+="rotate(".concat(a,"deg) ")),s&&(i+="rotateX(".concat(s,"deg) ")),u&&(i+="rotateY(".concat(u,"deg) "))}return"translate3d(0px, 0px, 0) scale(1, 1)"===(i+="scale(".concat(t.x.scale,", ").concat(t.y.scale,")"))?"none":i}function er(t){return[t("x"),t("y")]}var nr=["","X","Y","Z"],rr=["transformPerspective","x","y","z"];function or(t,e){return rr.indexOf(t)-rr.indexOf(e)}["translate","scale","rotate","skew"].forEach((function(t){return nr.forEach((function(e){return rr.push(t+e)}))}));var ir=new Set(rr);function ar(t){return ir.has(t)}var sr=new Set(["originX","originY","originZ"]);function ur(t){return sr.has(t)}var lr=function(t,e){return t.depth-e.depth},cr=function(){function t(){this.children=[],this.isDirty=!1}return t.prototype.add=function(t){Fe(this.children,t),this.isDirty=!0},t.prototype.remove=function(t){Ie(this.children,t),this.isDirty=!0},t.prototype.forEach=function(t){this.isDirty&&this.children.sort(lr),this.isDirty=!1,this.children.forEach(t)},t}();function fr(t){var e,n=ze(t)?t.get():t;return e=n,Boolean(e&&"object"==typeof e&&e.mix&&e.toValue)?n.toValue():n}var dr={hasAnimatedSinceResize:!0,hasEverUpdated:!1};function pr(t){var e=t.attachResizeListener,n=t.defaultParent,r=t.measureScroll,o=t.resetTransform;return function(){function t(t,e,r){var o=this;void 0===e&&(e={}),void 0===r&&(r=null==n?void 0:n()),this.children=new Set,this.options={},this.isTreeAnimating=!1,this.isAnimationBlocked=!1,this.isLayoutDirty=!1,this.updateManuallyBlocked=!1,this.updateBlockedByResize=!1,this.isUpdating=!1,this.isSVG=!1,this.needsReset=!1,this.shouldResetTransform=!1,this.treeScale={x:1,y:1},this.eventHandlers=new Map,this.potentialNodes=new Map,this.checkUpdateFailed=function(){o.isUpdating&&(o.isUpdating=!1,o.clearAllSnapshots())},this.updateProjection=function(){o.nodes.forEach(br),o.nodes.forEach(Er)},this.hasProjected=!1,this.isVisible=!0,this.animationProgress=0,this.sharedNodes=new Map,this.id=t,this.latestValues=e,this.root=r?r.root||r:this,this.path=r?f(f([],c(r.path),!1),[r],!1):[],this.parent=r,this.depth=r?r.depth+1:0,t&&this.root.registerPotentialNode(t,this);for(var i=0;i<this.path.length;i++)this.path[i].shouldResetTransform=!0;this.root===this&&(this.nodes=new cr)}return t.prototype.addEventListener=function(t,e){return this.eventHandlers.has(t)||this.eventHandlers.set(t,new Ue),this.eventHandlers.get(t).add(e)},t.prototype.notifyListeners=function(t){for(var e=[],n=1;n<arguments.length;n++)e[n-1]=arguments[n];var r=this.eventHandlers.get(t);null==r||r.notify.apply(r,f([],c(e),!1))},t.prototype.hasListeners=function(t){return this.eventHandlers.has(t)},t.prototype.registerPotentialNode=function(t,e){this.potentialNodes.set(t,e)},t.prototype.mount=function(t,n){var r,o=this;if(void 0===n&&(n=!1),!this.instance){this.isSVG=t instanceof SVGElement&&"svg"!==t.tagName,this.instance=t;var i=this.options,a=i.layoutId,s=i.layout,l=i.visualElement;if(l&&!l.getInstance()&&l.mount(t),this.root.nodes.add(this),null===(r=this.parent)||void 0===r||r.children.add(this),this.id&&this.root.potentialNodes.delete(this.id),n&&(s||a)&&(this.isLayoutDirty=!0),e){var c,f=function(){return o.root.updateBlockedByResize=!1};e(t,(function(){o.root.updateBlockedByResize=!0,clearTimeout(c),c=setTimeout(f,250),dr.hasAnimatedSinceResize&&(dr.hasAnimatedSinceResize=!1,o.nodes.forEach(xr))}))}a&&this.root.registerSharedNode(a,this),!1!==this.options.animate&&l&&(a||s)&&this.addEventListener("didUpdate",(function(t){var e,n,r,i,a,s=t.delta,c=t.hasLayoutChanged,f=t.hasRelativeTargetChanged,d=t.layout;if(o.isTreeAnimationBlocked())return o.target=void 0,void(o.relativeTarget=void 0);var p=null!==(n=null!==(e=o.options.transition)&&void 0!==e?e:l.getDefaultTransition())&&void 0!==n?n:Vr,v=l.getProps().onLayoutAnimationComplete,h=!o.targetLayout||!Zn(o.targetLayout,d)||f,m=!c&&f;(null===(r=o.resumeFrom)||void 0===r?void 0:r.instance)||m||c&&(h||!o.currentAnimation)?(o.resumeFrom&&(o.resumingFrom=o.resumeFrom,o.resumingFrom.resumingFrom=void 0),o.setAnimationOrigin(s,m),o.startAnimation(u(u({},fn(p,"layout")),{onComplete:v}))):o.isLead()&&(null===(a=(i=o.options).onExitComplete)||void 0===a||a.call(i)),o.targetLayout=d}))}},t.prototype.unmount=function(){var t,e;this.options.layoutId&&this.willUpdate(),this.root.nodes.remove(this),null===(t=this.getStack())||void 0===t||t.remove(this),null===(e=this.parent)||void 0===e||e.children.delete(this),this.instance=void 0,X.preRender(this.updateProjection)},t.prototype.blockUpdate=function(){this.updateManuallyBlocked=!0},t.prototype.unblockUpdate=function(){this.updateManuallyBlocked=!1},t.prototype.isUpdateBlocked=function(){return this.updateManuallyBlocked||this.updateBlockedByResize},t.prototype.isTreeAnimationBlocked=function(){var t;return this.isAnimationBlocked||(null===(t=this.parent)||void 0===t?void 0:t.isTreeAnimationBlocked())||!1},t.prototype.startUpdate=function(){var t;this.isUpdateBlocked()||(this.isUpdating=!0,null===(t=this.nodes)||void 0===t||t.forEach(wr))},t.prototype.willUpdate=function(t){var e,n,r;if(void 0===t&&(t=!0),this.root.isUpdateBlocked())null===(n=(e=this.options).onExitComplete)||void 0===n||n.call(e);else if(!this.root.isUpdating&&this.root.startUpdate(),!this.isLayoutDirty){this.isLayoutDirty=!0;for(var o=0;o<this.path.length;o++){var i=this.path[o];i.shouldResetTransform=!0,i.updateScroll()}var a=this.options,s=a.layoutId,u=a.layout;if(void 0!==s||u){var l=null===(r=this.options.visualElement)||void 0===r?void 0:r.getProps().transformTemplate;this.prevTransformTemplateValue=null==l?void 0:l(this.latestValues,""),this.updateSnapshot(),t&&this.notifyListeners("willUpdate")}}},t.prototype.didUpdate=function(){if(this.isUpdateBlocked())return this.unblockUpdate(),this.clearAllSnapshots(),void this.nodes.forEach(yr);this.isUpdating&&(this.isUpdating=!1,this.potentialNodes.size&&(this.potentialNodes.forEach(Cr),this.potentialNodes.clear()),this.nodes.forEach(gr),this.nodes.forEach(vr),this.nodes.forEach(hr),this.clearAllSnapshots(),Y.update(),Y.preRender(),Y.render())},t.prototype.clearAllSnapshots=function(){this.nodes.forEach(mr),this.sharedNodes.forEach(Pr)},t.prototype.scheduleUpdateProjection=function(){H.preRender(this.updateProjection,!1,!0)},t.prototype.scheduleCheckAfterUnmount=function(){var t=this;H.postRender((function(){t.isLayoutDirty?t.root.didUpdate():t.root.checkUpdateFailed()}))},t.prototype.updateSnapshot=function(){if(!this.snapshot&&this.instance){var t=this.measure(),e=this.removeTransform(this.removeElementScroll(t));Rr(e),this.snapshot={measured:t,layout:e,latestValues:{}}}},t.prototype.updateLayout=function(){var t;if(this.instance&&(this.updateScroll(),this.options.alwaysMeasureLayout&&this.isLead()||this.isLayoutDirty)){if(this.resumeFrom&&!this.resumeFrom.instance)for(var e=0;e<this.path.length;e++){this.path[e].updateScroll()}var n=this.measure();Rr(n);var r=this.layout;this.layout={measured:n,actual:this.removeElementScroll(n)},this.layoutCorrected={x:{min:0,max:0},y:{min:0,max:0}},this.isLayoutDirty=!1,this.projectionDelta=void 0,this.notifyListeners("measure",this.layout.actual),null===(t=this.options.visualElement)||void 0===t||t.notifyLayoutMeasure(this.layout.actual,null==r?void 0:r.actual)}},t.prototype.updateScroll=function(){this.options.layoutScroll&&this.instance&&(this.scroll=r(this.instance))},t.prototype.resetTransform=function(){var t;if(o){var e=this.isLayoutDirty||this.shouldResetTransform,n=this.projectionDelta&&!$n(this.projectionDelta),r=null===(t=this.options.visualElement)||void 0===t?void 0:t.getProps().transformTemplate,i=null==r?void 0:r(this.latestValues,""),a=i!==this.prevTransformTemplateValue;e&&(n||Sn(this.latestValues)||a)&&(o(this.instance,i),this.shouldResetTransform=!1,this.scheduleRender())}},t.prototype.measure=function(){var t=this.options.visualElement;if(!t)return{x:{min:0,max:0},y:{min:0,max:0}};var e=t.measureViewportBox(),n=this.root.scroll;return n&&(Rn(e.x,n.x),Rn(e.y,n.y)),e},t.prototype.removeElementScroll=function(t){var e={x:{min:0,max:0},y:{min:0,max:0}};En(e,t);for(var n=0;n<this.path.length;n++){var r=this.path[n],o=r.scroll,i=r.options;r!==this.root&&o&&i.layoutScroll&&(Rn(e.x,o.x),Rn(e.y,o.y))}return e},t.prototype.applyTransform=function(t,e){void 0===e&&(e=!1);var n={x:{min:0,max:0},y:{min:0,max:0}};En(n,t);for(var r=0;r<this.path.length;r++){var o=this.path[r];!e&&o.options.layoutScroll&&o.scroll&&o!==o.root&&jn(n,{x:-o.scroll.x,y:-o.scroll.y}),Sn(o.latestValues)&&jn(n,o.latestValues)}return Sn(this.latestValues)&&jn(n,this.latestValues),n},t.prototype.removeTransform=function(t){var e,n={x:{min:0,max:0},y:{min:0,max:0}};En(n,t);for(var r=0;r<this.path.length;r++){var o=this.path[r];if(o.instance&&Sn(o.latestValues)){Pn(o.latestValues)&&o.updateSnapshot();var i={x:{min:0,max:0},y:{min:0,max:0}};En(i,o.measure()),Gn(n,o.latestValues,null===(e=o.snapshot)||void 0===e?void 0:e.layout,i)}}return Sn(this.latestValues)&&Gn(n,this.latestValues),n},t.prototype.setTargetDelta=function(t){this.targetDelta=t,this.root.scheduleUpdateProjection()},t.prototype.setOptions=function(t){var e;this.options=u(u(u({},this.options),t),{crossfade:null===(e=t.crossfade)||void 0===e||e})},t.prototype.clearMeasurements=function(){this.scroll=void 0,this.layout=void 0,this.snapshot=void 0,this.prevTransformTemplateValue=void 0,this.targetDelta=void 0,this.target=void 0,this.isLayoutDirty=!1},t.prototype.resolveTargetDelta=function(){var t,e,n,r,o=this.options,i=o.layout,a=o.layoutId;this.layout&&(i||a)&&(this.targetDelta||this.relativeTarget||(this.relativeParent=this.getClosestProjectingParent(),this.relativeParent&&this.relativeParent.layout&&(this.relativeTarget={x:{min:0,max:0},y:{min:0,max:0}},this.relativeTargetOrigin={x:{min:0,max:0},y:{min:0,max:0}},zn(this.relativeTargetOrigin,this.layout.actual,this.relativeParent.layout.actual),En(this.relativeTarget,this.relativeTargetOrigin))),(this.relativeTarget||this.targetDelta)&&(this.target||(this.target={x:{min:0,max:0},y:{min:0,max:0}},this.targetWithTransforms={x:{min:0,max:0},y:{min:0,max:0}}),this.relativeTarget&&this.relativeTargetOrigin&&(null===(t=this.relativeParent)||void 0===t?void 0:t.target)?(e=this.target,n=this.relativeTarget,r=this.relativeParent.target,Bn(e.x,n.x,r.x),Bn(e.y,n.y,r.y)):this.targetDelta?(Boolean(this.resumingFrom)?this.target=this.applyTransform(this.layout.actual):En(this.target,this.layout.actual),Mn(this.target,this.targetDelta)):En(this.target,this.layout.actual),this.attemptToResolveRelativeTarget&&(this.attemptToResolveRelativeTarget=!1,this.relativeParent=this.getClosestProjectingParent(),this.relativeParent&&Boolean(this.relativeParent.resumingFrom)===Boolean(this.resumingFrom)&&!this.relativeParent.options.layoutScroll&&this.relativeParent.target&&(this.relativeTarget={x:{min:0,max:0},y:{min:0,max:0}},this.relativeTargetOrigin={x:{min:0,max:0},y:{min:0,max:0}},zn(this.relativeTargetOrigin,this.target,this.relativeParent.target),En(this.relativeTarget,this.relativeTargetOrigin)))))},t.prototype.getClosestProjectingParent=function(){if(this.parent&&!Sn(this.parent.latestValues))return(this.parent.relativeTarget||this.parent.targetDelta)&&this.parent.layout?this.parent:this.parent.getClosestProjectingParent()},t.prototype.calcProjection=function(){var t,e=this.options,n=e.layout,r=e.layoutId;if(this.isTreeAnimating=Boolean((null===(t=this.parent)||void 0===t?void 0:t.isTreeAnimating)||this.currentAnimation||this.pendingAnimation),this.isTreeAnimating||(this.targetDelta=this.relativeTarget=void 0),this.layout&&(n||r)){var o=this.getLead();En(this.layoutCorrected,this.layout.actual),function(t,e,n,r){var o,i;void 0===r&&(r=!1);var a=n.length;if(a){var s,u;e.x=e.y=1;for(var l=0;l<a;l++)u=(s=n[l]).projectionDelta,"contents"!==(null===(i=null===(o=s.instance)||void 0===o?void 0:o.style)||void 0===i?void 0:i.display)&&(r&&s.options.layoutScroll&&s.scroll&&s!==s.root&&jn(t,{x:-s.scroll.x,y:-s.scroll.y}),u&&(e.x*=u.x.scale,e.y*=u.y.scale,Mn(t,u)),r&&Sn(s.latestValues)&&jn(t,s.latestValues))}}(this.layoutCorrected,this.treeScale,this.path,Boolean(this.resumingFrom)||this!==o);var i=o.target;if(i){this.projectionDelta||(this.projectionDelta={x:{translate:0,scale:1,origin:0,originPoint:0},y:{translate:0,scale:1,origin:0,originPoint:0}},this.projectionDeltaWithTransform={x:{translate:0,scale:1,origin:0,originPoint:0},y:{translate:0,scale:1,origin:0,originPoint:0}});var a=this.treeScale.x,s=this.treeScale.y,u=this.projectionTransform;Un(this.projectionDelta,this.layoutCorrected,i,this.latestValues),this.projectionTransform=tr(this.projectionDelta,this.treeScale),this.projectionTransform===u&&this.treeScale.x===a&&this.treeScale.y===s||(this.hasProjected=!0,this.scheduleRender(),this.notifyListeners("projectionUpdate",i))}}},t.prototype.hide=function(){this.isVisible=!1},t.prototype.show=function(){this.isVisible=!0},t.prototype.scheduleRender=function(t){var e,n,r;void 0===t&&(t=!0),null===(n=(e=this.options).scheduleRender)||void 0===n||n.call(e),t&&(null===(r=this.getStack())||void 0===r||r.scheduleRender()),this.resumingFrom&&!this.resumingFrom.instance&&(this.resumingFrom=void 0)},t.prototype.setAnimationOrigin=function(t,e){var n,r=this;void 0===e&&(e=!1);var o=this.snapshot,i=(null==o?void 0:o.latestValues)||{},a=u({},this.latestValues),s={x:{translate:0,scale:1,origin:0,originPoint:0},y:{translate:0,scale:1,origin:0,originPoint:0}};this.relativeTarget=this.relativeTargetOrigin=void 0,this.attemptToResolveRelativeTarget=!e;var l={x:{min:0,max:0},y:{min:0,max:0}},c=null==o?void 0:o.isShared,f=((null===(n=this.getStack())||void 0===n?void 0:n.members.length)||0)<=1,d=Boolean(c&&!f&&!0===this.options.crossfade&&!this.path.some(Tr));this.mixTargetDelta=function(e){var n,o,u,p,v,h=e/1e3;Sr(s.x,t.x,h),Sr(s.y,t.y,h),r.setTargetDelta(s),r.relativeTarget&&r.relativeTargetOrigin&&r.layout&&(null===(n=r.relativeParent)||void 0===n?void 0:n.layout)&&(zn(l,r.layout.actual,r.relativeParent.layout.actual),o=r.relativeTarget,u=r.relativeTargetOrigin,p=l,v=h,Ar(o.x,u.x,p.x,v),Ar(o.y,u.y,p.y,v)),c&&(r.animationValues=a,function(t,e,n,r,o,i){var a,s,u,l;o?(t.opacity=ot(0,null!==(a=n.opacity)&&void 0!==a?a:1,yn(r)),t.opacityExit=ot(null!==(s=e.opacity)&&void 0!==s?s:1,0,gn(r))):i&&(t.opacity=ot(null!==(u=e.opacity)&&void 0!==u?u:1,null!==(l=n.opacity)&&void 0!==l?l:1,r));for(var c=0;c<hn;c++){var f="border".concat(vn[c],"Radius"),d=mn(e,f),p=mn(n,f);if((void 0!==d||void 0!==p)&&(d||(d=0),p||(p=0),"number"==typeof d&&"number"==typeof p)){var v=Math.max(ot(d,p,r),0);t[f]=v}}(e.rotate||n.rotate)&&(t.rotate=ot(e.rotate||0,n.rotate||0,r))}(a,i,r.latestValues,h,d,f)),r.root.scheduleUpdateProjection(),r.scheduleRender()},this.mixTargetDelta(0)},t.prototype.startAnimation=function(t){var e,n,r=this;null===(e=this.currentAnimation)||void 0===e||e.stop(),this.resumingFrom&&(null===(n=this.resumingFrom.currentAnimation)||void 0===n||n.stop()),this.pendingAnimation&&(X.update(this.pendingAnimation),this.pendingAnimation=void 0),this.pendingAnimation=H.update((function(){dr.hasAnimatedSinceResize=!0,r.currentAnimation=pn(0,1e3,u(u({},t),{onUpdate:function(e){var n;r.mixTargetDelta(e),null===(n=t.onUpdate)||void 0===n||n.call(t,e)},onComplete:function(){var e;null===(e=t.onComplete)||void 0===e||e.call(t),r.completeAnimation()}})),r.resumingFrom&&(r.resumingFrom.currentAnimation=r.currentAnimation),r.pendingAnimation=void 0}))},t.prototype.completeAnimation=function(){var t;this.resumingFrom&&(this.resumingFrom.currentAnimation=void 0,this.resumingFrom.preserveOpacity=void 0),null===(t=this.getStack())||void 0===t||t.exitAnimationComplete(),this.resumingFrom=this.currentAnimation=this.animationValues=void 0,this.notifyListeners("animationComplete")},t.prototype.finishAnimation=function(){var t;this.currentAnimation&&(null===(t=this.mixTargetDelta)||void 0===t||t.call(this,1e3),this.currentAnimation.stop()),this.completeAnimation()},t.prototype.applyTransformsToTarget=function(){var t=this.getLead(),e=t.targetWithTransforms,n=t.target,r=t.layout,o=t.latestValues;e&&n&&r&&(En(e,n),jn(e,o),Un(this.projectionDeltaWithTransform,this.layoutCorrected,e,o))},t.prototype.registerSharedNode=function(t,e){var n,r,o;this.sharedNodes.has(t)||this.sharedNodes.set(t,new Kn),this.sharedNodes.get(t).add(e),e.promote({transition:null===(n=e.options.initialPromotionConfig)||void 0===n?void 0:n.transition,preserveFollowOpacity:null===(o=null===(r=e.options.initialPromotionConfig)||void 0===r?void 0:r.shouldPreserveFollowOpacity)||void 0===o?void 0:o.call(r,e)})},t.prototype.isLead=function(){var t=this.getStack();return!t||t.lead===this},t.prototype.getLead=function(){var t;return this.options.layoutId&&(null===(t=this.getStack())||void 0===t?void 0:t.lead)||this},t.prototype.getPrevLead=function(){var t;return this.options.layoutId?null===(t=this.getStack())||void 0===t?void 0:t.prevLead:void 0},t.prototype.getStack=function(){var t=this.options.layoutId;if(t)return this.root.sharedNodes.get(t)},t.prototype.promote=function(t){var e=void 0===t?{}:t,n=e.needsReset,r=e.transition,o=e.preserveFollowOpacity,i=this.getStack();i&&i.promote(this,o),n&&(this.projectionDelta=void 0,this.needsReset=!0),r&&this.setOptions({transition:r})},t.prototype.relegate=function(){var t=this.getStack();return!!t&&t.relegate(this)},t.prototype.resetRotation=function(){var t=this.options.visualElement;if(t){for(var e=!1,n={},r=0;r<nr.length;r++){var o="rotate"+nr[r];t.getStaticValue(o)&&(e=!0,n[o]=t.getStaticValue(o),t.setStaticValue(o,0))}if(e){for(var o in null==t||t.syncRender(),n)t.setStaticValue(o,n[o]);t.scheduleRender()}}},t.prototype.getProjectionStyles=function(t){var e,n,r,o,i,a;void 0===t&&(t={});var s={};if(!this.instance||this.isSVG)return s;if(!this.isVisible)return{visibility:"hidden"};s.visibility="";var u=null===(e=this.options.visualElement)||void 0===e?void 0:e.getProps().transformTemplate;if(this.needsReset)return this.needsReset=!1,s.opacity="",s.pointerEvents=fr(t.pointerEvents)||"",s.transform=u?u(this.latestValues,""):"none",s;var l=this.getLead();if(!this.projectionDelta||!this.layout||!l.target){var c={};return this.options.layoutId&&(c.opacity=null!==(n=this.latestValues.opacity)&&void 0!==n?n:1,c.pointerEvents=fr(t.pointerEvents)||""),this.hasProjected&&!Sn(this.latestValues)&&(c.transform=u?u({},""):"none",this.hasProjected=!1),c}var f=l.animationValues||l.latestValues;this.applyTransformsToTarget(),s.transform=tr(this.projectionDeltaWithTransform,this.treeScale,f),u&&(s.transform=u(f,s.transform));var d=this.projectionDelta,p=d.x,v=d.y;for(var h in s.transformOrigin="".concat(100*p.origin,"% ").concat(100*v.origin,"% 0"),l.animationValues?s.opacity=l===this?null!==(o=null!==(r=f.opacity)&&void 0!==r?r:this.latestValues.opacity)&&void 0!==o?o:1:this.preserveOpacity?this.latestValues.opacity:f.opacityExit:s.opacity=l===this?null!==(i=f.opacity)&&void 0!==i?i:"":null!==(a=f.opacityExit)&&void 0!==a?a:0,Jn)if(void 0!==f[h]){var m=Jn[h],y=m.correct,g=m.applyTo,x=y(f[h],l);if(g)for(var b=g.length,E=0;E<b;E++)s[g[E]]=x;else s[h]=x}return this.options.layoutId&&(s.pointerEvents=l===this?fr(t.pointerEvents)||"":"none"),s},t.prototype.clearSnapshot=function(){this.resumeFrom=this.snapshot=void 0},t.prototype.resetTree=function(){this.root.nodes.forEach((function(t){var e;return null===(e=t.currentAnimation)||void 0===e?void 0:e.stop()})),this.root.nodes.forEach(yr),this.root.sharedNodes.clear()},t}()}function vr(t){t.updateLayout()}function hr(t){var e,n,r,o,i=null!==(n=null===(e=t.resumeFrom)||void 0===e?void 0:e.snapshot)&&void 0!==n?n:t.snapshot;if(t.isLead()&&t.layout&&i&&t.hasListeners("didUpdate")){var a=t.layout,s=a.actual,u=a.measured;"size"===t.options.animationType?er((function(t){var e=i.isShared?i.measured[t]:i.layout[t],n=kn(e);e.min=s[t].min,e.max=e.min+n})):"position"===t.options.animationType&&er((function(t){var e=i.isShared?i.measured[t]:i.layout[t],n=kn(s[t]);e.max=e.min+n}));var l={x:{translate:0,scale:1,origin:0,originPoint:0},y:{translate:0,scale:1,origin:0,originPoint:0}};Un(l,s,i.layout);var c={x:{translate:0,scale:1,origin:0,originPoint:0},y:{translate:0,scale:1,origin:0,originPoint:0}};i.isShared?Un(c,t.applyTransform(u,!0),i.measured):Un(c,s,i.layout);var f=!$n(l),d=!1;if(!t.resumeFrom&&(t.relativeParent=t.getClosestProjectingParent(),t.relativeParent&&!t.relativeParent.resumeFrom)){var p=t.relativeParent,v=p.snapshot,h=p.layout;if(v&&h){var m={x:{min:0,max:0},y:{min:0,max:0}};zn(m,i.layout,v.layout);var y={x:{min:0,max:0},y:{min:0,max:0}};zn(y,s,h.actual),Zn(m,y)||(d=!0)}}t.notifyListeners("didUpdate",{layout:s,snapshot:i,delta:c,layoutDelta:l,hasLayoutChanged:f,hasRelativeTargetChanged:d})}else t.isLead()&&(null===(o=(r=t.options).onExitComplete)||void 0===o||o.call(r));t.options.transition=void 0}function mr(t){t.clearSnapshot()}function yr(t){t.clearMeasurements()}function gr(t){t.resetTransform()}function xr(t){t.finishAnimation(),t.targetDelta=t.relativeTarget=t.target=void 0}function br(t){t.resolveTargetDelta()}function Er(t){t.calcProjection()}function wr(t){t.resetRotation()}function Pr(t){t.removeLeadSnapshot()}function Sr(t,e,n){t.translate=ot(e.translate,0,n),t.scale=ot(e.scale,1,n),t.origin=e.origin,t.originPoint=e.originPoint}function Ar(t,e,n,r){t.min=ot(e.min,n.min,r),t.max=ot(e.max,n.max,r)}function Tr(t){return t.animationValues&&void 0!==t.animationValues.opacityExit}var Vr={duration:.45,ease:[.4,0,.1,1]};function Cr(t,e){for(var n=t.root,r=t.path.length-1;r>=0;r--)if(Boolean(t.path[r].instance)){n=t.path[r];break}var o=(n&&n!==t.root?n.instance:document).querySelector('[data-projection-id="'.concat(e,'"]'));o&&t.mount(o,!0)}function Mr(t){t.min=Math.round(t.min),t.max=Math.round(t.max)}function Rr(t){Mr(t.x),Mr(t.y)}var Or=1;var Lr=e.createContext({}),Dr=e.createContext({});var jr=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return s(e,t),e.prototype.getSnapshotBeforeUpdate=function(){return this.updateProps(),null},e.prototype.componentDidUpdate=function(){},e.prototype.updateProps=function(){var t=this.props,e=t.visualElement,n=t.props;e&&e.setProps(n)},e.prototype.render=function(){return this.props.children},e}(i.default.Component);function kr(t){var n=t.preloadedFeatures,r=t.createVisualElement,i=t.projectionNodeConstructor,a=t.useRender,s=t.useVisualState,l=t.Component;return n&&v(n),e.forwardRef((function(t,n){var c=function(t){var n,r=t.layoutId,o=null===(n=e.useContext(Lr))||void 0===n?void 0:n.id;return o&&void 0!==r?o+"-"+r:r}(t);t=u(u({},t),{layoutId:c});var f=e.useContext(g),d=null,v=O(t),A=f.isStatic?void 0:D((function(){if(dr.hasEverUpdated)return Or++})),T=s(t,f.isStatic);return!f.isStatic&&w&&(v.visualElement=function(t,n,r,o){var i=e.useContext(h),a=b(),s=e.useContext(E),u=e.useRef(void 0);o||(o=i.renderer),!u.current&&o&&(u.current=o(t,{visualState:n,parent:a,props:r,presenceId:null==s?void 0:s.id,blockInitialAnimation:!1===(null==s?void 0:s.initial)}));var l=u.current;return P((function(){null==l||l.syncRender()})),e.useEffect((function(){var t;null===(t=null==l?void 0:l.animationState)||void 0===t||t.animateChanges()})),P((function(){return function(){return null==l?void 0:l.notifyUnmount()}}),[]),l}(l,T,u(u({},f),t),r),function(t,n,r,o){var i,a=n.layoutId,s=n.layout,u=n.drag,l=n.dragConstraints,c=n.layoutScroll,f=e.useContext(Dr);o&&r&&!(null==r?void 0:r.projection)&&(r.projection=new o(t,r.getLatestValues(),null===(i=r.parent)||void 0===i?void 0:i.projection),r.projection.setOptions({layoutId:a,layout:s,alwaysMeasureLayout:Boolean(u)||l&&S(l),visualElement:r,scheduleRender:function(){return r.scheduleRender()},animationType:"string"==typeof s?s:"both",initialPromotionConfig:f,layoutScroll:c}))}(A,t,v.visualElement,i||p.projectionNodeConstructor),d=function(t,n,r){var i=[];if(e.useContext(h),!n)return null;for(var a=0;a<y;a++){var s=m[a],l=p[s],c=l.isEnabled,f=l.Component;c(t)&&f&&i.push(o.createElement(f,u({key:s},t,{visualElement:n})))}return i}(t,v.visualElement)),o.createElement(jr,{visualElement:v.visualElement,props:u(u({},f),t)},d,o.createElement(x.Provider,{value:v},a(l,t,A,function(t,n,r){return e.useCallback((function(e){var o;e&&(null===(o=t.mount)||void 0===o||o.call(t,e)),n&&(e?n.mount(e):n.unmount()),r&&("function"==typeof r?r(e):S(r)&&(r.current=e))}),[n])}(T,v.visualElement,n),T,f.isStatic,v.visualElement)))}))}function Fr(t){function e(e,n){return void 0===n&&(n={}),kr(t(e,n))}if("undefined"==typeof Proxy)return e;var n=new Map;return new Proxy(e,{get:function(t,r){return n.has(r)||n.set(r,e(r)),n.get(r)}})}var Ir=["animate","circle","defs","desc","ellipse","g","image","line","filter","marker","mask","metadata","path","pattern","polygon","polyline","rect","stop","svg","switch","symbol","text","tspan","use","view"];function Ur(t){return"string"==typeof t&&!t.includes("-")&&!!(Ir.indexOf(t)>-1||/[A-Z]/.test(t))}function Br(t,e){var n=e.layout,r=e.layoutId;return ar(t)||ur(t)||(n||void 0!==r)&&(!!Jn[t]||"opacity"===t)}var Nr={x:"translateX",y:"translateY",z:"translateZ",transformPerspective:"perspective"};function zr(t){return t.startsWith("--")}var Hr=function(t,e){return e&&"number"==typeof t?e.transform(t):t};function Xr(t,e,n,r){var o,i=t.style,a=t.vars,s=t.transform,u=t.transformKeys,l=t.transformOrigin;u.length=0;var c=!1,f=!1,d=!0;for(var p in e){var v=e[p];if(zr(p))a[p]=v;else{var h=Qe[p],m=Hr(v,h);if(ar(p)){if(c=!0,s[p]=m,u.push(p),!d)continue;v!==(null!==(o=h.default)&&void 0!==o?o:0)&&(d=!1)}else ur(p)?(l[p]=m,f=!0):i[p]=m}}c?i.transform=function(t,e,n,r){var o=t.transform,i=t.transformKeys,a=e.enableHardwareAcceleration,s=void 0===a||a,u=e.allowTransformNone,l=void 0===u||u,c="";i.sort(or);for(var f=!1,d=i.length,p=0;p<d;p++){var v=i[p];c+="".concat(Nr[v]||v,"(").concat(o[v],") "),"z"===v&&(f=!0)}return!f&&s?c+="translateZ(0)":c=c.trim(),r?c=r(o,n?"":c):l&&n&&(c="none"),c}(t,n,d,r):r&&(i.transform=r({},"")),f&&(i.transformOrigin=function(t){var e=t.originX,n=void 0===e?"50%":e,r=t.originY,o=void 0===r?"50%":r,i=t.originZ,a=void 0===i?0:i;return"".concat(n," ").concat(o," ").concat(a)}(l))}var Yr=function(){return{style:{},transform:{},transformKeys:[],transformOrigin:{},vars:{}}};function Wr(t,e,n){for(var r in e)ze(e[r])||Br(r,n)||(t[r]=e[r])}function Gr(t,n,r){var o={};return Wr(o,t.style||{},t),Object.assign(o,function(t,n,r){var o=t.transformTemplate;return e.useMemo((function(){var t={style:{},transform:{},transformKeys:[],transformOrigin:{},vars:{}};Xr(t,n,{enableHardwareAcceleration:!r},o);var e=t.style;return u(u({},t.vars),e)}),[n])}(t,n,r)),t.transformValues&&(o=t.transformValues(o)),o}function _r(t,e,n){var r={},o=Gr(t,e,n);return Boolean(t.drag)&&!1!==t.dragListener&&(r.draggable=!1,o.userSelect=o.WebkitUserSelect=o.WebkitTouchCallout="none",o.touchAction=!0===t.drag?"none":"pan-".concat("x"===t.drag?"y":"x")),r.style=o,r}var qr=new Set(["initial","animate","exit","style","variants","transition","transformTemplate","transformValues","custom","inherit","layout","layoutId","layoutDependency","onLayoutAnimationComplete","onLayoutMeasure","onBeforeLayoutMeasure","onAnimationStart","onAnimationComplete","onUpdate","onDragStart","onDrag","onDragEnd","onMeasureDragConstraints","onDirectionLock","onDragTransitionEnd","drag","dragControls","dragListener","dragConstraints","dragDirectionLock","dragSnapToOrigin","_dragX","_dragY","dragElastic","dragMomentum","dragPropagation","dragTransition","whileDrag","onPan","onPanStart","onPanEnd","onPanSessionStart","onTap","onTapStart","onTapCancel","onHoverStart","onHoverEnd","whileFocus","whileTap","whileHover","whileInView","onViewportEnter","onViewportLeave","viewport","layoutScroll"]);function $r(t){return qr.has(t)}var Zr=function(t){return!$r(t)};try{var Kr=require("@emotion/is-prop-valid").default;Zr=function(t){return t.startsWith("on")?!$r(t):Kr(t)}}catch(t){}function Jr(t,e,n){return"string"==typeof t?t:yt.transform(e+n*t)}var Qr={offset:"stroke-dashoffset",array:"stroke-dasharray"},to={offset:"strokeDashoffset",array:"strokeDasharray"};function eo(t,e,n,r){var o=e.attrX,i=e.attrY,a=e.originX,s=e.originY,u=e.pathLength,c=e.pathSpacing,f=void 0===c?1:c,d=e.pathOffset,p=void 0===d?0:d;Xr(t,l(e,["attrX","attrY","originX","originY","pathLength","pathSpacing","pathOffset"]),n,r),t.attrs=t.style,t.style={};var v=t.attrs,h=t.style,m=t.dimensions;v.transform&&(m&&(h.transform=v.transform),delete v.transform),m&&(void 0!==a||void 0!==s||h.transform)&&(h.transformOrigin=function(t,e,n){var r=Jr(e,t.x,t.width),o=Jr(n,t.y,t.height);return"".concat(r," ").concat(o)}(m,void 0!==a?a:.5,void 0!==s?s:.5)),void 0!==o&&(v.x=o),void 0!==i&&(v.y=i),void 0!==u&&function(t,e,n,r,o){void 0===n&&(n=1),void 0===r&&(r=0),void 0===o&&(o=!0),t.pathLength=1;var i=o?Qr:to;t[i.offset]=yt.transform(-r);var a=yt.transform(e),s=yt.transform(n);t[i.array]="".concat(a," ").concat(s)}(v,u,f,p,!1)}var no=function(){return u(u({},{style:{},transform:{},transformKeys:[],transformOrigin:{},vars:{}}),{attrs:{}})};function ro(t,n){var r=e.useMemo((function(){var e=no();return eo(e,n,{enableHardwareAcceleration:!1},t.transformTemplate),u(u({},e.attrs),{style:u({},e.style)})}),[n]);if(t.style){var o={};Wr(o,t.style,t),r.style=u(u({},o),r.style)}return r}function oo(t){void 0===t&&(t=!1);return function(n,r,o,i,a,s){var l=a.latestValues,c=(Ur(n)?ro:_r)(r,l,s),f=function(t,e,n){var r={};for(var o in t)(Zr(o)||!0===n&&$r(o)||!e&&!$r(o)||t.draggable&&o.startsWith("onDrag"))&&(r[o]=t[o]);return r}(r,"string"==typeof n,t),d=u(u(u({},f),c),{ref:i});return o&&(d["data-projection-id"]=o),e.createElement(n,d)}}var io=/([a-z])([A-Z])/g,ao=function(t){return t.replace(io,"$1-$2").toLowerCase()};function so(t,e,n,r){var o=e.style,i=e.vars;for(var a in Object.assign(t.style,o,r&&r.getProjectionStyles(n)),i)t.style.setProperty(a,i[a])}var uo=new Set(["baseFrequency","diffuseConstant","kernelMatrix","kernelUnitLength","keySplines","keyTimes","limitingConeAngle","markerHeight","markerWidth","numOctaves","targetX","targetY","surfaceScale","specularConstant","specularExponent","stdDeviation","tableValues","viewBox","gradientTransform","pathLength"]);function lo(t,e){for(var n in so(t,e),e.attrs)t.setAttribute(uo.has(n)?n:ao(n),e.attrs[n])}function co(t){var e=t.style,n={};for(var r in e)(ze(e[r])||Br(r,t))&&(n[r]=e[r]);return n}function fo(t){var e=co(t);for(var n in t){if(ze(t[n]))e["x"===n||"y"===n?"attr"+n.toUpperCase():n]=t[n]}return e}function po(t){return"object"==typeof t&&"function"==typeof t.start}function vo(t,e,n,r){var o=t.scrapeMotionValuesFromProps,i=t.createRenderState,a=t.onMount,s={latestValues:mo(e,n,r,o),renderState:i()};return a&&(s.mount=function(t){return a(e,t,s)}),s}var ho=function(t){return function(n,r){var o=e.useContext(x),i=e.useContext(E);return r?vo(t,n,o,i):D((function(){return vo(t,n,o,i)}))}};function mo(t,e,n,r){var o={},i=!1===(null==n?void 0:n.initial),a=r(t);for(var s in a)o[s]=fr(a[s]);var u=t.initial,c=t.animate,f=M(t),d=R(t);e&&d&&!f&&!1!==t.inherit&&(null!=u||(u=e.initial),null!=c||(c=e.animate));var p=i||!1===u,v=p?c:u;v&&"boolean"!=typeof v&&!po(v)&&(Array.isArray(v)?v:[v]).forEach((function(e){var n=V(t,e);if(n){var r=n.transitionEnd;n.transition;var i=l(n,["transitionEnd","transition"]);for(var a in i){var s=i[a];if(Array.isArray(s))s=s[p?s.length-1:0];null!==s&&(o[a]=s)}for(var a in r)o[a]=r[a]}}));return o}var yo,go={useVisualState:ho({scrapeMotionValuesFromProps:fo,createRenderState:no,onMount:function(t,e,n){var r=n.renderState,o=n.latestValues;try{r.dimensions="function"==typeof e.getBBox?e.getBBox():e.getBoundingClientRect()}catch(t){r.dimensions={x:0,y:0,width:0,height:0}}eo(r,o,{enableHardwareAcceleration:!1},t.transformTemplate),lo(e,r)}})},xo={useVisualState:ho({scrapeMotionValuesFromProps:co,createRenderState:Yr})};function bo(t,e,n,r,o){var i=e.forwardMotionProps,a=void 0!==i&&i,s=Ur(t)?go:xo;return u(u({},s),{preloadedFeatures:n,useRender:oo(a),createVisualElement:r,projectionNodeConstructor:o,Component:t})}function Eo(t,e,n,r){return t.addEventListener(e,n,r),function(){return t.removeEventListener(e,n,r)}}function wo(t,n,r,o){e.useEffect((function(){var e=t.current;if(r&&e)return Eo(e,n,r,o)}),[t,n,r,o])}function Po(t){return"undefined"!=typeof PointerEvent&&t instanceof PointerEvent?!("mouse"!==t.pointerType):t instanceof MouseEvent}function So(t){return!!t.touches}!function(t){t.Animate="animate",t.Hover="whileHover",t.Tap="whileTap",t.Drag="whileDrag",t.Focus="whileFocus",t.InView="whileInView",t.Exit="exit"}(yo||(yo={}));var Ao={pageX:0,pageY:0};function To(t,e){void 0===e&&(e="page");var n=t.touches[0]||t.changedTouches[0]||Ao;return{x:n[e+"X"],y:n[e+"Y"]}}function Vo(t,e){return void 0===e&&(e="page"),{x:t[e+"X"],y:t[e+"Y"]}}function Co(t,e){return void 0===e&&(e="page"),{point:So(t)?To(t,e):Vo(t,e)}}var Mo=function(t,e){void 0===e&&(e=!1);var n,r=function(e){return t(e,Co(e))};return e?(n=r,function(t){var e=t instanceof MouseEvent;(!e||e&&0===t.button)&&n(t)}):r},Ro={pointerdown:"mousedown",pointermove:"mousemove",pointerup:"mouseup",pointercancel:"mousecancel",pointerover:"mouseover",pointerout:"mouseout",pointerenter:"mouseenter",pointerleave:"mouseleave"},Oo={pointerdown:"touchstart",pointermove:"touchmove",pointerup:"touchend",pointercancel:"touchcancel"};function Lo(t){return w&&null===window.onpointerdown?t:w&&null===window.ontouchstart?Oo[t]:w&&null===window.onmousedown?Ro[t]:t}function Do(t,e,n,r){return Eo(t,Lo(e),Mo(n,"pointerdown"===e),r)}function jo(t,e,n,r){return wo(t,Lo(e),n&&Mo(n,"pointerdown"===e),r)}function ko(t){var e=null;return function(){return null===e&&(e=t,function(){e=null})}}var Fo=ko("dragHorizontal"),Io=ko("dragVertical");function Uo(t){var e=!1;if("y"===t)e=Io();else if("x"===t)e=Fo();else{var n=Fo(),r=Io();n&&r?e=function(){n(),r()}:(n&&n(),r&&r())}return e}function Bo(){var t=Uo(!0);return!t||(t(),!1)}function No(t,e,n){return function(r,o){var i;Po(r)&&!Bo()&&(null===(i=t.animationState)||void 0===i||i.setActive(yo.Hover,e),null==n||n(r,o))}}var zo=function(t,e){return!!e&&(t===e||zo(t,e.parentElement))};function Ho(t){return e.useEffect((function(){return function(){return t()}}),[])}var Xo=new WeakMap,Yo=new WeakMap,Wo=function(t){var e;null===(e=Xo.get(t.target))||void 0===e||e(t)},Go=function(t){t.forEach(Wo)};function _o(t,e,n){var r=function(t){var e=t.root,n=l(t,["root"]),r=e||document;Yo.has(r)||Yo.set(r,{});var o=Yo.get(r),i=JSON.stringify(n);return o[i]||(o[i]=new IntersectionObserver(Go,u({root:e},n))),o[i]}(e);return Xo.set(t,n),r.observe(t),function(){Xo.delete(t),r.unobserve(t)}}var qo={some:0,all:1};function $o(t,n,r,o){var i=o.root,a=o.margin,s=o.amount,u=void 0===s?"some":s,l=o.once;e.useEffect((function(){if(t){var e={root:null==i?void 0:i.current,rootMargin:a,threshold:"number"==typeof u?u:qo[u]};return _o(r.getInstance(),e,(function(t){var e,o=t.isIntersecting;if(n.isInView!==o&&(n.isInView=o,!l||o||!n.hasEnteredView)){o&&(n.hasEnteredView=!0),null===(e=r.animationState)||void 0===e||e.setActive(yo.InView,o);var i=r.getProps(),a=o?i.onViewportEnter:i.onViewportLeave;null==a||a(t)}}))}}),[t,i,a,u])}function Zo(t,n,r){e.useEffect((function(){t&&requestAnimationFrame((function(){var t;n.hasEnteredView=!0;var e=r.getProps().onViewportEnter;null==e||e(null),null===(t=r.animationState)||void 0===t||t.setActive(yo.InView,!0)}))}),[t])}var Ko=function(t){return function(e){return t(e),null}},Jo={inView:Ko((function(t){var n=t.visualElement,r=t.whileInView,o=t.onViewportEnter,i=t.onViewportLeave,a=t.viewport,s=void 0===a?{}:a,u=e.useRef({hasEnteredView:!1,isInView:!1}),l=Boolean(r||o||i);s.once&&u.current.hasEnteredView&&(l=!1),("undefined"==typeof IntersectionObserver?Zo:$o)(l,u.current,n,s)})),tap:Ko((function(t){var n=t.onTap,r=t.onTapStart,o=t.onTapCancel,i=t.whileTap,a=t.visualElement,s=n||r||o||i,u=e.useRef(!1),l=e.useRef(null);function c(){var t;null===(t=l.current)||void 0===t||t.call(l),l.current=null}function f(){var t;return c(),u.current=!1,null===(t=a.animationState)||void 0===t||t.setActive(yo.Tap,!1),!Bo()}function d(t,e){f()&&(zo(a.getInstance(),t.target)?null==n||n(t,e):null==o||o(t,e))}function p(t,e){f()&&(null==o||o(t,e))}jo(a,"pointerdown",s?function(t,e){var n;c(),u.current||(u.current=!0,l.current=Gt(Do(window,"pointerup",d),Do(window,"pointercancel",p)),null===(n=a.animationState)||void 0===n||n.setActive(yo.Tap,!0),null==r||r(t,e))}:void 0),Ho(c)})),focus:Ko((function(t){var e=t.whileFocus,n=t.visualElement;wo(n,"focus",e?function(){var t;null===(t=n.animationState)||void 0===t||t.setActive(yo.Focus,!0)}:void 0),wo(n,"blur",e?function(){var t;null===(t=n.animationState)||void 0===t||t.setActive(yo.Focus,!1)}:void 0)})),hover:Ko((function(t){var e=t.onHoverStart,n=t.onHoverEnd,r=t.whileHover,o=t.visualElement;jo(o,"pointerenter",e||r?No(o,!0,e):void 0),jo(o,"pointerleave",n||r?No(o,!1,n):void 0)}))};function Qo(){var t=e.useContext(E);if(null===t)return[!0,null];var n=t.isPresent,r=t.onExitComplete,o=t.register,i=ni();e.useEffect((function(){return o(i)}),[]);return!n&&r?[!1,function(){return null==r?void 0:r(i)}]:[!0]}var ti=0,ei=function(){return ti++},ni=function(){return D(ei)};function ri(t,e){if(!Array.isArray(e))return!1;var n=e.length;if(n!==t.length)return!1;for(var r=0;r<n;r++)if(e[r]!==t[r])return!1;return!0}var oi=function(t){return/^0[^.\s]+$/.test(t)},ii=function(t){return function(e){return e.test(t)}},ai=[ft,yt,mt,ht,xt,gt,{test:function(t){return"auto"===t},parse:function(t){return t}}],si=function(t){return ai.find(ii(t))},ui=f(f([],c(ai),!1),[Ct,Dt],!1),li=function(t){return ui.find(ii(t))};function ci(t,e,n){t.hasValue(e)?t.getValue(e).set(n):t.addValue(e,Ne(n))}function fi(t,e){var n=C(t,e),r=n?t.makeTargetAnimatable(n,!1):{},o=r.transitionEnd,i=void 0===o?{}:o;r.transition;var a=l(r,["transitionEnd","transition"]);for(var s in a=u(u({},a),i)){ci(t,s,on(a[s]))}}function di(t,e){f([],c(e),!1).reverse().forEach((function(n){var r,o=t.getVariant(n);o&&fi(t,o),null===(r=t.variantChildren)||void 0===r||r.forEach((function(t){di(t,e)}))}))}function pi(t,e,n){var r,o,i,a,s=Object.keys(e).filter((function(e){return!t.hasValue(e)})),u=s.length;if(u)for(var l=0;l<u;l++){var c=s[l],f=e[c],d=null;Array.isArray(f)&&(d=f[0]),null===d&&(d=null!==(o=null!==(r=n[c])&&void 0!==r?r:t.readValue(c))&&void 0!==o?o:e[c]),null!=d&&("string"==typeof d&&(/^\-?\d*\.?\d+$/.test(d)||oi(d))?d=parseFloat(d):!li(d)&&Dt.test(f)&&(d=nn(c,f)),t.addValue(c,Ne(d)),null!==(i=(a=n)[c])&&void 0!==i||(a[c]=d),t.setBaseTarget(c,d))}}function vi(t,e){if(e)return(e[t]||e.default||e).from}function hi(t,e,n){var r,o,i={};for(var a in t)i[a]=null!==(r=vi(a,e))&&void 0!==r?r:null===(o=n.getValue(a))||void 0===o?void 0:o.get();return i}function mi(t,e,n){var r;if(void 0===n&&(n={}),t.notifyAnimationStart(e),Array.isArray(e)){var o=e.map((function(e){return yi(t,e,n)}));r=Promise.all(o)}else if("string"==typeof e)r=yi(t,e,n);else{var i="function"==typeof e?C(t,e,n.custom):e;r=gi(t,i,n)}return r.then((function(){return t.notifyAnimationComplete(e)}))}function yi(t,e,n){var r;void 0===n&&(n={});var o=C(t,e,n.custom),i=(o||{}).transition,a=void 0===i?t.getDefaultTransition()||{}:i;n.transitionOverride&&(a=n.transitionOverride);var s=o?function(){return gi(t,o,n)}:function(){return Promise.resolve()},l=(null===(r=t.variantChildren)||void 0===r?void 0:r.size)?function(r){void 0===r&&(r=0);var o=a.delayChildren,i=void 0===o?0:o,s=a.staggerChildren,l=a.staggerDirection;return function(t,e,n,r,o,i){void 0===n&&(n=0);void 0===r&&(r=0);void 0===o&&(o=1);var a=[],s=(t.variantChildren.size-1)*r,l=1===o?function(t){return void 0===t&&(t=0),t*r}:function(t){return void 0===t&&(t=0),s-t*r};return Array.from(t.variantChildren).sort(xi).forEach((function(t,r){a.push(yi(t,e,u(u({},i),{delay:n+l(r)})).then((function(){return t.notifyAnimationComplete(e)})))})),Promise.all(a)}(t,e,i+r,s,l,n)}:function(){return Promise.resolve()},f=a.when;if(f){var d=c("beforeChildren"===f?[s,l]:[l,s],2),p=d[0],v=d[1];return p().then(v)}return Promise.all([s(),l(n.delay)])}function gi(t,e,n){var r,o=void 0===n?{}:n,i=o.delay,a=void 0===i?0:i,s=o.transitionOverride,c=o.type,f=t.makeTargetAnimatable(e),d=f.transition,p=void 0===d?t.getDefaultTransition():d,v=f.transitionEnd,h=l(f,["transition","transitionEnd"]);s&&(p=s);var m=[],y=c&&(null===(r=t.animationState)||void 0===r?void 0:r.getState()[c]);for(var g in h){var x=t.getValue(g),b=h[g];if(!(!x||void 0===b||y&&bi(y,g))){var E=dn(g,x,b,u({delay:a},p));m.push(E)}}return Promise.all(m).then((function(){v&&fi(t,v)}))}function xi(t,e){return t.sortNodePosition(e)}function bi(t,e){var n=t.protectedKeys,r=t.needsAnimating,o=n.hasOwnProperty(e)&&!0!==r[e];return r[e]=!1,o}var Ei=[yo.Animate,yo.InView,yo.Focus,yo.Hover,yo.Tap,yo.Drag,yo.Exit],wi=f([],c(Ei),!1).reverse(),Pi=Ei.length;function Si(t){var e,n=function(t){return function(e){return Promise.all(e.map((function(e){var n=e.animation,r=e.options;return mi(t,n,r)})))}}(t),r=((e={})[yo.Animate]=Ai(!0),e[yo.InView]=Ai(),e[yo.Hover]=Ai(),e[yo.Tap]=Ai(),e[yo.Drag]=Ai(),e[yo.Focus]=Ai(),e[yo.Exit]=Ai(),e),o={},i=!0,a=function(e,n){var r=C(t,n);if(r){r.transition;var o=r.transitionEnd,i=l(r,["transition","transitionEnd"]);e=u(u(u({},e),i),o)}return e};function s(e,s){for(var l,d=t.getProps(),p=t.getVariantContext(!0)||{},v=[],h=new Set,m={},y=1/0,g=function(n){var o=wi[n],g=r[o],x=null!==(l=d[o])&&void 0!==l?l:p[o],b=T(x),E=o===s?g.isActive:null;!1===E&&(y=n);var w=x===p[o]&&x!==d[o]&&b;if(w&&i&&t.manuallyAnimateOnMount&&(w=!1),g.protectedKeys=u({},m),!g.isActive&&null===E||!x&&!g.prevProp||po(x)||"boolean"==typeof x)return"continue";var P=function(t,e){if("string"==typeof e)return e!==t;if(A(e))return!ri(e,t);return!1}(g.prevProp,x),S=P||o===s&&g.isActive&&!w&&b||n>y&&b,V=Array.isArray(x)?x:[x],C=V.reduce(a,{});!1===E&&(C={});var M=g.prevResolvedValues,R=void 0===M?{}:M,O=u(u({},R),C),L=function(t){S=!0,h.delete(t),g.needsAnimating[t]=!0};for(var D in O){var j=C[D],k=R[D];m.hasOwnProperty(D)||(j!==k?Ge(j)&&Ge(k)?!ri(j,k)||P?L(D):g.protectedKeys[D]=!0:void 0!==j?L(D):h.add(D):void 0!==j&&h.has(D)?L(D):g.protectedKeys[D]=!0)}g.prevProp=x,g.prevResolvedValues=C,g.isActive&&(m=u(u({},m),C)),i&&t.blockInitialAnimation&&(S=!1),S&&!w&&v.push.apply(v,f([],c(V.map((function(t){return{animation:t,options:u({type:o},e)}}))),!1))},x=0;x<Pi;x++)g(x);if(o=u({},m),h.size){var b={};h.forEach((function(e){var n=t.getBaseTarget(e);void 0!==n&&(b[e]=n)})),v.push({animation:b})}var E=Boolean(v.length);return i&&!1===d.initial&&!t.manuallyAnimateOnMount&&(E=!1),i=!1,E?n(v):Promise.resolve()}return{isAnimated:function(t){return void 0!==o[t]},animateChanges:s,setActive:function(e,n,o){var i;return r[e].isActive===n?Promise.resolve():(null===(i=t.variantChildren)||void 0===i||i.forEach((function(t){var r;return null===(r=t.animationState)||void 0===r?void 0:r.setActive(e,n)})),r[e].isActive=n,s(o,e))},setAnimateFunction:function(e){n=e(t)},getState:function(){return r}}}function Ai(t){return void 0===t&&(t=!1),{isActive:t,protectedKeys:{},needsAnimating:{},prevResolvedValues:{}}}var Ti={animation:Ko((function(t){var n=t.visualElement,r=t.animate;n.animationState||(n.animationState=Si(n)),po(r)&&e.useEffect((function(){return r.subscribe(n)}),[r])})),exit:Ko((function(t){var n=t.custom,r=t.visualElement,o=c(Qo(),2),i=o[0],a=o[1],s=e.useContext(E);e.useEffect((function(){var t,e;r.isPresent=i;var o=null===(t=r.animationState)||void 0===t?void 0:t.setActive(yo.Exit,!i,{custom:null!==(e=null==s?void 0:s.custom)&&void 0!==e?e:n});!i&&(null==o||o.then(a))}),[i])}))},Vi=function(){function t(t,e,n){var r=this,o=(void 0===n?{}:n).transformPagePoint;if(this.startEvent=null,this.lastMoveEvent=null,this.lastMoveEventInfo=null,this.handlers={},this.updatePoint=function(){if(r.lastMoveEvent&&r.lastMoveEventInfo){var t=Ri(r.lastMoveEventInfo,r.history),e=null!==r.startEvent,n=Ce(t.offset,{x:0,y:0})>=3;if(e||n){var o=t.point,i=q().timestamp;r.history.push(u(u({},o),{timestamp:i}));var a=r.handlers,s=a.onStart,l=a.onMove;e||(s&&s(r.lastMoveEvent,t),r.startEvent=r.lastMoveEvent),l&&l(r.lastMoveEvent,t)}}},this.handlePointerMove=function(t,e){r.lastMoveEvent=t,r.lastMoveEventInfo=Ci(e,r.transformPagePoint),Po(t)&&0===t.buttons?r.handlePointerUp(t,e):H.update(r.updatePoint,!0)},this.handlePointerUp=function(t,e){r.end();var n=r.handlers,o=n.onEnd,i=n.onSessionEnd,a=Ri(Ci(e,r.transformPagePoint),r.history);r.startEvent&&o&&o(t,a),i&&i(t,a)},!(So(t)&&t.touches.length>1)){this.handlers=e,this.transformPagePoint=o;var i=Ci(Co(t),this.transformPagePoint),a=i.point,s=q().timestamp;this.history=[u(u({},a),{timestamp:s})];var l=e.onSessionStart;l&&l(t,Ri(i,this.history)),this.removeListeners=Gt(Do(window,"pointermove",this.handlePointerMove),Do(window,"pointerup",this.handlePointerUp),Do(window,"pointercancel",this.handlePointerUp))}}return t.prototype.updateHandlers=function(t){this.handlers=t},t.prototype.end=function(){this.removeListeners&&this.removeListeners(),X.update(this.updatePoint)},t}();function Ci(t,e){return e?{point:e(t.point)}:t}function Mi(t,e){return{x:t.x-e.x,y:t.y-e.y}}function Ri(t,e){var n=t.point;return{point:n,delta:Mi(n,Li(e)),offset:Mi(n,Oi(e)),velocity:Di(e,.1)}}function Oi(t){return t[0]}function Li(t){return t[t.length-1]}function Di(t,e){if(t.length<2)return{x:0,y:0};for(var n=t.length-1,r=null,o=Li(t);n>=0&&(r=t[n],!(o.timestamp-r.timestamp>He(e)));)n--;if(!r)return{x:0,y:0};var i=(o.timestamp-r.timestamp)/1e3;if(0===i)return{x:0,y:0};var a={x:(o.x-r.x)/i,y:(o.y-r.y)/i};return a.x===1/0&&(a.x=0),a.y===1/0&&(a.y=0),a}function ji(t,e,n){return{min:void 0!==e?t.min+e:void 0,max:void 0!==n?t.max+n-(t.max-t.min):void 0}}function ki(t,e){var n,r=e.min-t.min,o=e.max-t.max;return e.max-e.min<t.max-t.min&&(r=(n=c([o,r],2))[0],o=n[1]),{min:r,max:o}}function Fi(t,e,n){return{min:Ii(t,e),max:Ii(t,n)}}function Ii(t,e){var n;return"number"==typeof t?t:null!==(n=t[e])&&void 0!==n?n:0}function Ui(t){var e=t.top;return{x:{min:t.left,max:t.right},y:{min:e,max:t.bottom}}}function Bi(t,e){return Ui(function(t,e){if(!e)return t;var n=e({x:t.left,y:t.top}),r=e({x:t.right,y:t.bottom});return{top:n.y,left:n.x,bottom:r.y,right:r.x}}(t.getBoundingClientRect(),e))}var Ni=new WeakMap,zi=function(){function t(t){this.openGlobalLock=null,this.isDragging=!1,this.currentDirection=null,this.originPoint={x:0,y:0},this.constraints=!1,this.hasMutatedConstraints=!1,this.elastic={x:{min:0,max:0},y:{min:0,max:0}},this.visualElement=t}return t.prototype.start=function(t,e){var n=this,r=(void 0===e?{}:e).snapToCursor,o=void 0!==r&&r;if(!1!==this.visualElement.isPresent){this.panSession=new Vi(t,{onSessionStart:function(t){n.stopAnimation(),o&&n.snapToCursor(Co(t,"page").point)},onStart:function(t,e){var r,o=n.getProps(),i=o.drag,a=o.dragPropagation,s=o.onDragStart;(!i||a||(n.openGlobalLock&&n.openGlobalLock(),n.openGlobalLock=Uo(i),n.openGlobalLock))&&(n.isDragging=!0,n.currentDirection=null,n.resolveConstraints(),n.visualElement.projection&&(n.visualElement.projection.isAnimationBlocked=!0,n.visualElement.projection.target=void 0),er((function(t){var e,r,o=n.getAxisMotionValue(t).get()||0;if(mt.test(o)){var i=null===(r=null===(e=n.visualElement.projection)||void 0===e?void 0:e.layout)||void 0===r?void 0:r.actual[t];if(i)o=kn(i)*(parseFloat(o)/100)}n.originPoint[t]=o})),null==s||s(t,e),null===(r=n.visualElement.animationState)||void 0===r||r.setActive(yo.Drag,!0))},onMove:function(t,e){var r=n.getProps(),o=r.dragPropagation,i=r.dragDirectionLock,a=r.onDirectionLock,s=r.onDrag;if(o||n.openGlobalLock){var u=e.offset;if(i&&null===n.currentDirection)return n.currentDirection=function(t,e){void 0===e&&(e=10);var n=null;Math.abs(t.y)>e?n="y":Math.abs(t.x)>e&&(n="x");return n}(u),void(null!==n.currentDirection&&(null==a||a(n.currentDirection)));n.updateAxis("x",e.point,u),n.updateAxis("y",e.point,u),n.visualElement.syncRender(),null==s||s(t,e)}},onSessionEnd:function(t,e){return n.stop(t,e)}},{transformPagePoint:this.visualElement.getTransformPagePoint()})}},t.prototype.stop=function(t,e){var n=this.isDragging;if(this.cancel(),n){var r=e.velocity;this.startAnimation(r);var o=this.getProps().onDragEnd;null==o||o(t,e)}},t.prototype.cancel=function(){var t,e;this.isDragging=!1,this.visualElement.projection&&(this.visualElement.projection.isAnimationBlocked=!1),null===(t=this.panSession)||void 0===t||t.end(),this.panSession=void 0,!this.getProps().dragPropagation&&this.openGlobalLock&&(this.openGlobalLock(),this.openGlobalLock=null),null===(e=this.visualElement.animationState)||void 0===e||e.setActive(yo.Drag,!1)},t.prototype.updateAxis=function(t,e,n){var r=this.getProps().drag;if(n&&Hi(t,r,this.currentDirection)){var o,i,a,s,u,l=this.getAxisMotionValue(t),c=this.originPoint[t]+n[t];this.constraints&&this.constraints[t]&&(o=c,i=this.constraints[t],a=this.elastic[t],s=i.min,u=i.max,void 0!==s&&o<s?o=a?ot(s,o,a.min):Math.max(o,s):void 0!==u&&o>u&&(o=a?ot(u,o,a.max):Math.min(o,u)),c=o),l.set(c)}},t.prototype.resolveConstraints=function(){var t=this,e=this.getProps(),n=e.dragConstraints,r=e.dragElastic,o=(this.visualElement.projection||{}).layout,i=this.constraints;n&&S(n)?this.constraints||(this.constraints=this.resolveRefConstraints()):this.constraints=!(!n||!o)&&function(t,e){var n=e.top,r=e.left,o=e.bottom,i=e.right;return{x:ji(t.x,r,i),y:ji(t.y,n,o)}}(o.actual,n),this.elastic=function(t){return void 0===t&&(t=.35),!1===t?t=0:!0===t&&(t=.35),{x:Fi(t,"left","right"),y:Fi(t,"top","bottom")}}(r),i!==this.constraints&&o&&this.constraints&&!this.hasMutatedConstraints&&er((function(e){t.getAxisMotionValue(e)&&(t.constraints[e]=function(t,e){var n={};return void 0!==e.min&&(n.min=e.min-t.min),void 0!==e.max&&(n.max=e.max-t.min),n}(o.actual[e],t.constraints[e]))}))},t.prototype.resolveRefConstraints=function(){var t=this.getProps(),e=t.dragConstraints,n=t.onMeasureDragConstraints;if(!e||!S(e))return!1;var r=e.current,o=this.visualElement.projection;if(!o||!o.layout)return!1;var i=function(t,e,n){var r=Bi(t,n),o=e.scroll;return o&&(Rn(r.x,o.x),Rn(r.y,o.y)),r}(r,o.root,this.visualElement.getTransformPagePoint()),a=function(t,e){return{x:ki(t.x,e.x),y:ki(t.y,e.y)}}(o.layout.actual,i);if(n){var s=n(function(t){var e=t.x,n=t.y;return{top:n.min,right:e.max,bottom:n.max,left:e.min}}(a));this.hasMutatedConstraints=!!s,s&&(a=Ui(s))}return a},t.prototype.startAnimation=function(t){var e=this,n=this.getProps(),r=n.drag,o=n.dragMomentum,i=n.dragElastic,a=n.dragTransition,s=n.dragSnapToOrigin,l=n.onDragTransitionEnd,c=this.constraints||{},f=er((function(n){var l;if(Hi(n,r,e.currentDirection)){var f=null!==(l=null==c?void 0:c[n])&&void 0!==l?l:{};s&&(f={min:0,max:0});var d=i?200:1e6,p=i?40:1e7,v=u(u({type:"inertia",velocity:o?t[n]:0,bounceStiffness:d,bounceDamping:p,timeConstant:750,restDelta:1,restSpeed:10},a),f);return e.startAxisValueAnimation(n,v)}}));return Promise.all(f).then(l)},t.prototype.startAxisValueAnimation=function(t,e){return dn(t,this.getAxisMotionValue(t),0,e)},t.prototype.stopAnimation=function(){var t=this;er((function(e){return t.getAxisMotionValue(e).stop()}))},t.prototype.getAxisMotionValue=function(t){var e,n,r="_drag"+t.toUpperCase(),o=this.visualElement.getProps()[r];return o||this.visualElement.getValue(t,null!==(n=null===(e=this.visualElement.getProps().initial)||void 0===e?void 0:e[t])&&void 0!==n?n:0)},t.prototype.snapToCursor=function(t){var e=this;er((function(n){if(Hi(n,e.getProps().drag,e.currentDirection)){var r=e.visualElement.projection,o=e.getAxisMotionValue(n);if(r&&r.layout){var i=r.layout.actual[n],a=i.min,s=i.max;o.set(t[n]-ot(a,s,.5))}}}))},t.prototype.scalePositionWithinConstraints=function(){var t,e=this,n=this.getProps(),r=n.drag,o=n.dragConstraints,i=this.visualElement.projection;if(S(o)&&i&&this.constraints){this.stopAnimation();var a={x:0,y:0};er((function(t){var n,r,o,i,s,u=e.getAxisMotionValue(t);if(u){var l=u.get();a[t]=(n={min:l,max:l},r=e.constraints[t],o=.5,i=kn(n),(s=kn(r))>i?o=rt(r.min,r.max-i,n.min):i>s&&(o=rt(n.min,n.max-s,r.min)),$(0,1,o))}}));var s=this.visualElement.getProps().transformTemplate;this.visualElement.getInstance().style.transform=s?s({},""):"none",null===(t=i.root)||void 0===t||t.updateScroll(),i.updateLayout(),this.resolveConstraints(),er((function(t){if(Hi(t,r,null)){var n=e.getAxisMotionValue(t),o=e.constraints[t],i=o.min,s=o.max;n.set(ot(i,s,a[t]))}}))}},t.prototype.addListeners=function(){var t,e=this;Ni.set(this.visualElement,this);var n=Do(this.visualElement.getInstance(),"pointerdown",(function(t){var n=e.getProps(),r=n.drag,o=n.dragListener;r&&(void 0===o||o)&&e.start(t)})),r=function(){S(e.getProps().dragConstraints)&&(e.constraints=e.resolveRefConstraints())},o=this.visualElement.projection,i=o.addEventListener("measure",r);o&&!o.layout&&(null===(t=o.root)||void 0===t||t.updateScroll(),o.updateLayout()),r();var a=Eo(window,"resize",(function(){e.scalePositionWithinConstraints()}));return o.addEventListener("didUpdate",(function(t){var n=t.delta,r=t.hasLayoutChanged;e.isDragging&&r&&(er((function(t){var r=e.getAxisMotionValue(t);r&&(e.originPoint[t]+=n[t].translate,r.set(r.get()+n[t].translate))})),e.visualElement.syncRender())})),function(){a(),n(),i()}},t.prototype.getProps=function(){var t=this.visualElement.getProps(),e=t.drag,n=void 0!==e&&e,r=t.dragDirectionLock,o=void 0!==r&&r,i=t.dragPropagation,a=void 0!==i&&i,s=t.dragConstraints,l=void 0!==s&&s,c=t.dragElastic,f=void 0===c?.35:c,d=t.dragMomentum,p=void 0===d||d;return u(u({},t),{drag:n,dragDirectionLock:o,dragPropagation:a,dragConstraints:l,dragElastic:f,dragMomentum:p})},t}();function Hi(t,e,n){return!(!0!==e&&e!==t||null!==n&&n!==t)}var Xi={pan:Ko((function(t){var n=t.onPan,r=t.onPanStart,o=t.onPanEnd,i=t.onPanSessionStart,a=t.visualElement,s=n||r||o||i,u=e.useRef(null),l=e.useContext(g).transformPagePoint,c={onSessionStart:i,onStart:r,onMove:n,onEnd:function(t,e){u.current=null,o&&o(t,e)}};e.useEffect((function(){null!==u.current&&u.current.updateHandlers(c)})),jo(a,"pointerdown",s&&function(t){u.current=new Vi(t,c,{transformPagePoint:l})}),Ho((function(){return u.current&&u.current.end()}))})),drag:Ko((function(t){var n=t.dragControls,r=t.visualElement,o=D((function(){return new zi(r)}));e.useEffect((function(){return n&&n.subscribe(o)}),[o,n]),e.useEffect((function(){return o.addListeners()}),[o])}))},Yi=["LayoutMeasure","BeforeLayoutMeasure","LayoutUpdate","ViewportBoxUpdate","Update","Render","AnimationComplete","LayoutAnimationComplete","AnimationStart","SetAxisTarget","Unmount"];var Wi=function(t){var e=t.treeType,n=void 0===e?"":e,r=t.build,o=t.getBaseTarget,i=t.makeTargetAnimatable,a=t.measureViewportBox,s=t.render,l=t.readValueFromInstance,d=t.removeValueFromRenderState,p=t.sortNodePosition,v=t.scrapeMotionValuesFromProps;return function(t,e){var h=t.parent,m=t.props,y=t.presenceId,g=t.blockInitialAnimation,x=t.visualState;void 0===e&&(e={});var b,E,w=!1,P=x.latestValues,S=x.renderState,A=function(){var t=Yi.map((function(){return new Ue})),e={},n={clearAllListeners:function(){return t.forEach((function(t){return t.clear()}))},updatePropListeners:function(t){Yi.forEach((function(r){var o,i="on"+r,a=t[i];null===(o=e[r])||void 0===o||o.call(e),a&&(e[r]=n[i](a))}))}};return t.forEach((function(t,e){n["on"+Yi[e]]=function(e){return t.add(e)},n["notify"+Yi[e]]=function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];t.notify.apply(t,f([],c(e),!1))}})),n}(),V=new Map,C=new Map,O={},L=u({},P);function D(){b&&w&&(j(),s(b,S,m.style,z.projection))}function j(){r(z,S,P,e,m)}function k(){A.notifyUpdate(P)}var F=v(m);for(var I in F){var U=F[I];void 0!==P[I]&&ze(U)&&U.set(P[I],!1)}var B=M(m),N=R(m),z=u(u({treeType:n,current:null,depth:h?h.depth+1:0,parent:h,children:new Set,presenceId:y,variantChildren:N?new Set:void 0,isVisible:void 0,manuallyAnimateOnMount:Boolean(null==h?void 0:h.isMounted()),blockInitialAnimation:g,isMounted:function(){return Boolean(b)},mount:function(t){w=!0,b=z.current=t,z.projection&&z.projection.mount(t),N&&h&&!B&&(E=null==h?void 0:h.addVariantChild(z)),null==h||h.children.add(z),z.setProps(m)},unmount:function(){var t;null===(t=z.projection)||void 0===t||t.unmount(),X.update(k),X.render(D),C.forEach((function(t){return t()})),null==E||E(),null==h||h.children.delete(z),A.clearAllListeners(),b=void 0,w=!1},addVariantChild:function(t){var e,n=z.getClosestVariantNode();if(n)return null===(e=n.variantChildren)||void 0===e||e.add(t),function(){return n.variantChildren.delete(t)}},sortNodePosition:function(t){return p&&n===t.treeType?p(z.getInstance(),t.getInstance()):0},getClosestVariantNode:function(){return N?z:null==h?void 0:h.getClosestVariantNode()},getLayoutId:function(){return m.layoutId},getInstance:function(){return b},getStaticValue:function(t){return P[t]},setStaticValue:function(t,e){return P[t]=e},getLatestValues:function(){return P},setVisibility:function(t){z.isVisible!==t&&(z.isVisible=t,z.scheduleRender())},makeTargetAnimatable:function(t,e){return void 0===e&&(e=!0),i(z,t,m,e)},measureViewportBox:function(){return a(b,m)},addValue:function(t,e){z.hasValue(t)&&z.removeValue(t),V.set(t,e),P[t]=e.get(),function(t,e){var n=e.onChange((function(e){P[t]=e,m.onUpdate&&H.update(k,!1,!0)})),r=e.onRenderRequest(z.scheduleRender);C.set(t,(function(){n(),r()}))}(t,e)},removeValue:function(t){var e;V.delete(t),null===(e=C.get(t))||void 0===e||e(),C.delete(t),delete P[t],d(t,S)},hasValue:function(t){return V.has(t)},getValue:function(t,e){var n=V.get(t);return void 0===n&&void 0!==e&&(n=Ne(e),z.addValue(t,n)),n},forEachValue:function(t){return V.forEach(t)},readValue:function(t){var n;return null!==(n=P[t])&&void 0!==n?n:l(b,t,e)},setBaseTarget:function(t,e){L[t]=e},getBaseTarget:function(t){if(o){var e=o(m,t);if(void 0!==e&&!ze(e))return e}return L[t]}},A),{build:function(){return j(),S},scheduleRender:function(){H.render(D,!1,!0)},syncRender:D,setProps:function(t){m=t,A.updatePropListeners(t),O=function(t,e,n){var r;for(var o in e){var i=e[o],a=n[o];if(ze(i))t.addValue(o,i);else if(ze(a))t.addValue(o,Ne(i));else if(a!==i)if(t.hasValue(o)){var s=t.getValue(o);!s.hasAnimated&&s.set(i)}else t.addValue(o,Ne(null!==(r=t.getStaticValue(o))&&void 0!==r?r:i))}for(var o in n)void 0===e[o]&&t.removeValue(o);return e}(z,v(m),O)},getProps:function(){return m},getVariant:function(t){var e;return null===(e=m.variants)||void 0===e?void 0:e[t]},getDefaultTransition:function(){return m.transition},getTransformPagePoint:function(){return m.transformPagePoint},getVariantContext:function(t){if(void 0===t&&(t=!1),t)return null==h?void 0:h.getVariantContext();if(!B){var e=(null==h?void 0:h.getVariantContext())||{};return void 0!==m.initial&&(e.initial=m.initial),e}for(var n={},r=0;r<_i;r++){var o=Gi[r],i=m[o];(T(i)||!1===i)&&(n[o]=i)}return n}});return z}},Gi=f(["initial"],c(Ei),!1),_i=Gi.length;function qi(t){return"string"==typeof t&&t.startsWith("var(--")}var $i=/var\((--[a-zA-Z0-9-_]+),? ?([a-zA-Z0-9 ()%#.,-]+)?\)/;function Zi(t,e,n){var r=c(function(t){var e=$i.exec(t);if(!e)return[,];var n=c(e,3);return[n[1],n[2]]}(t),2),o=r[0],i=r[1];if(o){var a=window.getComputedStyle(e).getPropertyValue(o);return a?a.trim():qi(i)?Zi(i,e):i}}var Ki,Ji=new Set(["width","height","top","left","right","bottom","x","y"]),Qi=function(t){return Ji.has(t)},ta=function(t,e){t.set(e,!1),t.set(e)},ea=function(t){return t===ft||t===yt};!function(t){t.width="width",t.height="height",t.left="left",t.right="right",t.top="top",t.bottom="bottom"}(Ki||(Ki={}));var na=function(t,e){return parseFloat(t.split(", ")[e])},ra=function(t,e){return function(n,r){var o=r.transform;if("none"===o||!o)return 0;var i=o.match(/^matrix3d\((.+)\)$/);if(i)return na(i[1],e);var a=o.match(/^matrix\((.+)\)$/);return a?na(a[1],t):0}},oa=new Set(["x","y","z"]),ia=rr.filter((function(t){return!oa.has(t)}));var aa={width:function(t,e){var n=t.x,r=e.paddingLeft,o=void 0===r?"0":r,i=e.paddingRight,a=void 0===i?"0":i;return n.max-n.min-parseFloat(o)-parseFloat(a)},height:function(t,e){var n=t.y,r=e.paddingTop,o=void 0===r?"0":r,i=e.paddingBottom,a=void 0===i?"0":i;return n.max-n.min-parseFloat(o)-parseFloat(a)},top:function(t,e){var n=e.top;return parseFloat(n)},left:function(t,e){var n=e.left;return parseFloat(n)},bottom:function(t,e){var n=t.y,r=e.top;return parseFloat(r)+(n.max-n.min)},right:function(t,e){var n=t.x,r=e.left;return parseFloat(r)+(n.max-n.min)},x:ra(4,13),y:ra(5,14)},sa=function(t,e,n,r){void 0===n&&(n={}),void 0===r&&(r={}),e=u({},e),r=u({},r);var o=Object.keys(e).filter(Qi),i=[],a=!1,s=[];if(o.forEach((function(o){var u=t.getValue(o);if(t.hasValue(o)){var l,c=n[o],f=si(c),d=e[o];if(Ge(d)){var p=d.length,v=null===d[0]?1:0;c=d[v],f=si(c);for(var h=v;h<p;h++)l?si(d[h]):l=si(d[h])}else l=si(d);if(f!==l)if(ea(f)&&ea(l)){var m=u.get();"string"==typeof m&&u.set(parseFloat(m)),"string"==typeof d?e[o]=parseFloat(d):Array.isArray(d)&&l===yt&&(e[o]=d.map(parseFloat))}else(null==f?void 0:f.transform)&&(null==l?void 0:l.transform)&&(0===c||0===d)?0===c?u.set(l.transform(c)):e[o]=f.transform(d):(a||(i=function(t){var e=[];return ia.forEach((function(n){var r=t.getValue(n);void 0!==r&&(e.push([n,r.get()]),r.set(n.startsWith("scale")?1:0))})),e.length&&t.syncRender(),e}(t),a=!0),s.push(o),r[o]=void 0!==r[o]?r[o]:e[o],ta(u,d))}})),s.length){var l=function(t,e,n){var r=e.measureViewportBox(),o=e.getInstance(),i=getComputedStyle(o),a=i.display,s={};"none"===a&&e.setStaticValue("display",t.display||"block"),n.forEach((function(t){s[t]=aa[t](r,i)})),e.syncRender();var u=e.measureViewportBox();return n.forEach((function(n){var r=e.getValue(n);ta(r,s[n]),t[n]=aa[n](u,i)})),t}(e,t,s);return i.length&&i.forEach((function(e){var n=c(e,2),r=n[0],o=n[1];t.getValue(r).set(o)})),t.syncRender(),{target:l,transitionEnd:r}}return{target:e,transitionEnd:r}};function ua(t,e,n,r){return function(t){return Object.keys(t).some(Qi)}(e)?sa(t,e,n,r):{target:e,transitionEnd:r}}var la=function(t,e,n,r){var o=function(t,e,n){var r,o=l(e,[]),i=t.getInstance();if(!(i instanceof Element))return{target:o,transitionEnd:n};for(var a in n&&(n=u({},n)),t.forEachValue((function(t){var e=t.get();if(qi(e)){var n=Zi(e,i);n&&t.set(n)}})),o){var s=o[a];if(qi(s)){var c=Zi(s,i);c&&(o[a]=c,n&&(null!==(r=n[a])&&void 0!==r||(n[a]=s)))}}return{target:o,transitionEnd:n}}(t,e,r);return ua(t,e=o.target,n,r=o.transitionEnd)};var ca={treeType:"dom",readValueFromInstance:function(t,e){if(ar(e)){var n=en(e);return n&&n.default||0}var r,o=(r=t,window.getComputedStyle(r));return(zr(e)?o.getPropertyValue(e):o[e])||0},sortNodePosition:function(t,e){return 2&t.compareDocumentPosition(e)?1:-1},getBaseTarget:function(t,e){var n;return null===(n=t.style)||void 0===n?void 0:n[e]},measureViewportBox:function(t,e){return Bi(t,e.transformPagePoint)},resetTransform:function(t,e,n){var r=n.transformTemplate;e.style.transform=r?r({},""):"none",t.scheduleRender()},restoreTransform:function(t,e){t.style.transform=e.style.transform},removeValueFromRenderState:function(t,e){var n=e.vars,r=e.style;delete n[t],delete r[t]},makeTargetAnimatable:function(t,e,n,r){var o=n.transformValues;void 0===r&&(r=!0);var i=e.transition,a=e.transitionEnd,s=l(e,["transition","transitionEnd"]),c=hi(s,i||{},t);if(o&&(a&&(a=o(a)),s&&(s=o(s)),c&&(c=o(c))),r){pi(t,s,c);var f=la(t,s,c,a);a=f.transitionEnd,s=f.target}return u({transition:i,transitionEnd:a},s)},scrapeMotionValuesFromProps:co,build:function(t,e,n,r,o){void 0!==t.isVisible&&(e.style.visibility=t.isVisible?"visible":"hidden"),Xr(e,n,r,o.transformTemplate)},render:so},fa=Wi(ca),da=Wi(u(u({},ca),{getBaseTarget:function(t,e){return t[e]},readValueFromInstance:function(t,e){var n;return ar(e)?(null===(n=en(e))||void 0===n?void 0:n.default)||0:(e=uo.has(e)?e:ao(e),t.getAttribute(e))},scrapeMotionValuesFromProps:fo,build:function(t,e,n,r,o){eo(e,n,r,o.transformTemplate)},render:lo})),pa=function(t,e){return Ur(t)?da(e,{enableHardwareAcceleration:!1}):fa(e,{enableHardwareAcceleration:!0})};function va(t,e){return e.max===e.min?0:t/(e.max-e.min)*100}var ha={correct:function(t,e){if(!e.target)return t;if("string"==typeof t){if(!yt.test(t))return t;t=parseFloat(t)}var n=va(t,e.target.x),r=va(t,e.target.y);return"".concat(n,"% ").concat(r,"%")}},ma={correct:function(t,e){var n=e.treeScale,r=e.projectionDelta,o=t,i=t.includes("var("),a=[];i&&(t=t.replace($i,(function(t){return a.push(t),"_$css"})));var s=Dt.parse(t);if(s.length>5)return o;var u=Dt.createTransformer(t),l="number"!=typeof s[0]?1:0,c=r.x.scale*n.x,f=r.y.scale*n.y;s[0+l]/=c,s[1+l]/=f;var d=ot(c,f,.5);"number"==typeof s[2+l]&&(s[2+l]/=d),"number"==typeof s[3+l]&&(s[3+l]/=d);var p=u(s);if(i){var v=0;p=p.replace("_$css",(function(){var t=a[v];return v++,t}))}return p}},ya=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return s(e,t),e.prototype.componentDidMount=function(){var t=this,e=this.props,n=e.visualElement,r=e.layoutGroup,o=e.switchLayoutGroup,i=e.layoutId,a=n.projection;Qn(ga),a&&((null==r?void 0:r.group)&&r.group.add(a),(null==o?void 0:o.register)&&i&&o.register(a),a.root.didUpdate(),a.addEventListener("animationComplete",(function(){t.safeToRemove()})),a.setOptions(u(u({},a.options),{onExitComplete:function(){return t.safeToRemove()}}))),dr.hasEverUpdated=!0},e.prototype.getSnapshotBeforeUpdate=function(t){var e=this,n=this.props,r=n.layoutDependency,o=n.visualElement,i=n.drag,a=n.isPresent,s=o.projection;return s?(s.isPresent=a,i||t.layoutDependency!==r||void 0===r?s.willUpdate():this.safeToRemove(),t.isPresent!==a&&(a?s.promote():s.relegate()||H.postRender((function(){var t;(null===(t=s.getStack())||void 0===t?void 0:t.members.length)||e.safeToRemove()}))),null):null},e.prototype.componentDidUpdate=function(){var t=this.props.visualElement.projection;t&&(t.root.didUpdate(),!t.currentAnimation&&t.isLead()&&this.safeToRemove())},e.prototype.componentWillUnmount=function(){var t=this.props,e=t.visualElement,n=t.layoutGroup,r=t.switchLayoutGroup,o=e.projection;o&&(o.scheduleCheckAfterUnmount(),(null==n?void 0:n.group)&&n.group.remove(o),(null==r?void 0:r.deregister)&&r.deregister(o))},e.prototype.safeToRemove=function(){var t=this.props.safeToRemove;null==t||t()},e.prototype.render=function(){return null},e}(i.default.Component);var ga={borderRadius:u(u({},ha),{applyTo:["borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"]}),borderTopLeftRadius:ha,borderTopRightRadius:ha,borderBottomLeftRadius:ha,borderBottomRightRadius:ha,boxShadow:ma},xa={measureLayout:function(t){var n=c(Qo(),2),r=n[0],o=n[1],a=e.useContext(Lr);return i.default.createElement(ya,u({},t,{layoutGroup:a,switchLayoutGroup:e.useContext(Dr),isPresent:r,safeToRemove:o}))}},ba=pr({attachResizeListener:function(t,e){return t.addEventListener("resize",e,{passive:!0}),function(){return t.removeEventListener("resize",e)}},measureScroll:function(){return{x:document.documentElement.scrollLeft||document.body.scrollLeft,y:document.documentElement.scrollTop||document.body.scrollTop}}}),Ea={current:void 0},wa=pr({measureScroll:function(t){return{x:t.scrollLeft,y:t.scrollTop}},defaultParent:function(){if(!Ea.current){var t=new ba(0,{});t.mount(window),t.setOptions({layoutScroll:!0}),Ea.current=t}return Ea.current},resetTransform:function(t,e){t.style.transform=null!=e?e:"none"}}),Pa=u(u(u(u({},Ti),Jo),Xi),xa),Sa=Fr((function(t,e){return bo(t,e,Pa,pa,wa)}));var Aa=Fr(bo);function Ta(){var t=e.useRef(!1),n=c(e.useState(0),2),r=n[0],o=n[1];Ho((function(){return t.current=!0}));var i=e.useCallback((function(){!t.current&&o(r+1)}),[r]);return[e.useCallback((function(){return H.postRender(i)}),[i]),r]}var Va=0;function Ca(){var t=Va;return Va++,t}var Ma=function(t){var n=t.children,r=t.initial,i=t.isPresent,a=t.onExitComplete,s=t.custom,u=t.presenceAffectsLayout,l=D(Ra),c=D(Ca),f=e.useMemo((function(){return{id:c,initial:r,isPresent:i,custom:s,onExitComplete:function(t){var e,n;l.set(t,!0);try{for(var r=function(t){var e="function"==typeof Symbol&&Symbol.iterator,n=e&&t[e],r=0;if(n)return n.call(t);if(t&&"number"==typeof t.length)return{next:function(){return t&&r>=t.length&&(t=void 0),{value:t&&t[r++],done:!t}}};throw new TypeError(e?"Object is not iterable.":"Symbol.iterator is not defined.")}(l.values()),o=r.next();!o.done;o=r.next()){if(!o.value)return}}catch(t){e={error:t}}finally{try{o&&!o.done&&(n=r.return)&&n.call(r)}finally{if(e)throw e.error}}null==a||a()},register:function(t){return l.set(t,!1),function(){return l.delete(t)}}}}),u?void 0:[i]);return e.useMemo((function(){l.forEach((function(t,e){return l.set(e,!1)}))}),[i]),o.useEffect((function(){!i&&!l.size&&(null==a||a())}),[i]),o.createElement(E.Provider,{value:f},n)};function Ra(){return new Map}function Oa(t){return t.key||""}var La=e.createContext(null),Da=function(t){return!t.isLayoutDirty&&t.willUpdate(!1)};function ja(){var t=new Set,e=new WeakMap,n=function(){return t.forEach(Da)};return{add:function(r){t.add(r),e.set(r,r.addEventListener("willUpdate",n))},remove:function(r){var o;t.delete(r),null===(o=e.get(r))||void 0===o||o(),e.delete(r),n()},dirty:n}}var ka=function(t){var n,r,i=t.children,a=t.id,s=t.inheritId,l=void 0===s||s,f=e.useContext(Lr),d=e.useContext(La),p=c(Ta(),2),v=p[0],h=p[1],m=e.useRef(null),y=null!==(n=f.id)&&void 0!==n?n:d;null===m.current&&(l&&y&&(a=a?y+"-"+a:y),m.current={id:a,group:l&&null!==(r=null==f?void 0:f.group)&&void 0!==r?r:ja()});var g=e.useMemo((function(){return u(u({},m.current),{forceRender:v})}),[h]);return o.createElement(Lr.Provider,{value:g},i)},Fa=0;function Ia(t){return"function"==typeof t}var Ua=e.createContext(null);function Ba(t,e,n,r){if(!r)return t;var o=t.findIndex((function(t){return t.value===e}));if(-1===o)return t;var i=r>0?1:-1,a=t[o+i];if(!a)return t;var s=t[o],u=a.layout,l=ot(u.min,u.max,.5);return 1===i&&s.layout.max+n>l||-1===i&&s.layout.min+n<l?function(t,e,n){var r=c(t).slice(0),o=e<0?r.length+e:e;if(o>=0&&o<r.length){var i=n<0?r.length+n:n,a=c(r.splice(e,1),1)[0];r.splice(i,0,a)}return r}(t,o,o+i):t}var Na=e.forwardRef((function(t,n){var r=t.children,i=t.as,a=void 0===i?"ul":i,s=t.axis,c=void 0===s?"y":s,f=t.onReorder,d=t.values,p=l(t,["children","as","axis","onReorder","values"]),v=D((function(){return Sa(a)})),h=[],m=e.useRef(!1),y={axis:c,registerItem:function(t,e){e&&-1===h.findIndex((function(e){return t===e.value}))&&(h.push({value:t,layout:e[c]}),h.sort(Ha))},updateOrder:function(t,e,n){if(!m.current){var r=Ba(h,t,e,n);h!==r&&(m.current=!0,f(r.map(za).filter((function(t){return-1!==d.indexOf(t)}))))}}};return e.useEffect((function(){m.current=!1})),o.createElement(v,u({},p,{ref:n}),o.createElement(Ua.Provider,{value:y},r))}));function za(t){return t.value}function Ha(t,e){return t.layout.min-e.layout.min}function Xa(t){var n=D((function(){return Ne(t)}));if(e.useContext(g).isStatic){var r=c(e.useState(t),2)[1];e.useEffect((function(){return n.onChange(r)}),[])}return n}var Ya=function(t){return function(t){return"object"==typeof t&&t.mix}(t)?t.mix:void 0};function Wa(){for(var t=[],e=0;e<arguments.length;e++)t[e]=arguments[e];var n=!Array.isArray(t[0]),r=n?0:-1,o=t[0+r],i=t[1+r],a=t[2+r],s=t[3+r],l=te(i,a,u({mixer:Ya(a[0])},s));return n?l(o):l}function Ga(t,n){e.useEffect((function(){if(ze(t))return t.onChange(n)}),[n])}function _a(t,n){var r=Xa(n()),o=function(){return r.set(n())};return o(),function(t,n){e.useEffect((function(){var e=t.map((function(t){return t.onChange(n)}));return function(){return e.forEach((function(t){return t()}))}}))}(t,(function(){return H.update(o,!1,!0)})),r}function qa(t,e,n,r){var o="function"==typeof e?e:Wa(e,n,r);return Array.isArray(t)?$a(t,o):$a([t],(function(t){var e=c(t,1)[0];return o(e)}))}function $a(t,e){var n=D((function(){return[]}));return _a(t,(function(){n.length=0;for(var r=t.length,o=0;o<r;o++)n[o]=t[o].get();return e(n)}))}function Za(t,e){return void 0===e&&(e=0),ze(t)?t:Xa(e)}var Ka={Group:Na,Item:e.forwardRef((function(t,n){var r=t.children,i=t.style,a=t.value,s=t.as,f=void 0===s?"li":s,d=t.onDrag,p=l(t,["children","style","value","as","onDrag"]),v=D((function(){return Sa(f)})),h=e.useContext(Ua),m={x:Za(null==i?void 0:i.x),y:Za(null==i?void 0:i.y)},y=qa([m.x,m.y],(function(t){var e=c(t,2),n=e[0],r=e[1];return n||r?1:"unset"})),g=e.useRef(null),x=h,b=x.axis,E=x.registerItem,w=x.updateOrder;return e.useEffect((function(){E(a,g.current)}),[h]),o.createElement(v,u({drag:b},p,{dragSnapToOrigin:!0,style:u(u({},i),{x:m.x,y:m.y,zIndex:y}),layout:!0,onDrag:function(t,e){var n=e.velocity;n[b]&&w(a,m[b].get(),n[b]),null==d||d(t,e)},onLayoutMeasure:function(t){g.current=t},ref:n}),r)}))},Ja=u(u({renderer:pa},Ti),Jo),Qa=u(u(u(u({},Ja),Xi),xa),{projectionNodeConstructor:wa});function ts(){return{scrollX:Ne(0),scrollY:Ne(0),scrollXProgress:Ne(0),scrollYProgress:Ne(0)}}function es(t,e,n){n.set(t&&e?t/e:0)}function ns(t,e){var n=function(){var n=e(),r=n.xOffset,o=n.yOffset,i=n.xMaxOffset,a=n.yMaxOffset;t.scrollX.set(r),t.scrollY.set(o),es(r,i,t.scrollXProgress),es(o,a,t.scrollYProgress)};return n(),n}var rs;function os(){return{xOffset:window.pageXOffset,yOffset:window.pageYOffset,xMaxOffset:document.body.clientWidth-window.innerWidth,yMaxOffset:document.body.clientHeight-window.innerHeight}}var is=!1;var as,ss="undefined"!=typeof performance?function(){return performance.now()}:function(){return Date.now()};function us(t){var n=D(ss);e.useEffect((function(){var e=function(e){var r=e.timestamp;t(r-n)};return H.update(e,!0),function(){return X.update(e)}}),[t])}function ls(){var t=!1,e=[],n=new Set,r={subscribe:function(t){return n.add(t),function(){n.delete(t)}},start:function(r,o){if(t){var i=[];return n.forEach((function(t){i.push(mi(t,r,{transitionOverride:o}))})),Promise.all(i)}return new Promise((function(t){e.push({animation:[r,o],resolve:t})}))},set:function(t){return n.forEach((function(e){!function(t,e){Array.isArray(e)?di(t,e):"string"==typeof e?di(t,[e]):fi(t,e)}(e,t)}))},stop:function(){n.forEach((function(t){!function(t){t.forEachValue((function(t){return t.stop()}))}(t)}))},mount:function(){return t=!0,e.forEach((function(t){var e=t.animation,n=t.resolve;r.start.apply(r,f([],c(e),!1)).then(n)})),function(){t=!1,r.stop()}}};return r}var cs=function(){function t(){this.componentControls=new Set}return t.prototype.subscribe=function(t){var e=this;return this.componentControls.add(t),function(){return e.componentControls.delete(t)}},t.prototype.start=function(t,e){this.componentControls.forEach((function(n){n.start(t.nativeEvent||t,e)}))},t}(),fs=function(){return new cs};function ds(){return ps}function ps(t){Ea.current&&(Ea.current.isUpdating=!1,Ea.current.blockUpdate(),null==t||t())}var vs=function(){return{}},hs=Wi({build:function(){},measureViewportBox:_n,resetTransform:function(){},restoreTransform:function(){},removeValueFromRenderState:function(){},render:function(){},scrapeMotionValuesFromProps:vs,readValueFromInstance:function(t,e,n){return n.initialState[e]||0},makeTargetAnimatable:function(t,e){var n=e.transition,r=e.transitionEnd,o=l(e,["transition","transitionEnd"]);return pi(t,o,hi(o,n||{},t)),u({transition:n,transitionEnd:r},o)}}),ms=ho({scrapeMotionValuesFromProps:vs,createRenderState:vs});var ys=function(t){return t>.001?1/t:1e5};t.AnimatePresence=function(t){var n=t.children,r=t.custom,i=t.initial,a=void 0===i||i,s=t.onExitComplete,u=t.exitBeforeEnter,l=t.presenceAffectsLayout,d=void 0===l||l,p=c(Ta(),1)[0],v=e.useContext(Lr).forceRender;v&&(p=v);var h=e.useRef(!0),m=e.useRef(!0);e.useEffect((function(){return function(){m.current=!1}}),[]);var y=function(t){var n=[];return e.Children.forEach(t,(function(t){e.isValidElement(t)&&n.push(t)})),n}(n),g=e.useRef(y),x=e.useRef(new Map).current,b=e.useRef(new Set).current;if(function(t,e){t.forEach((function(t){var n=Oa(t);e.set(n,t)}))}(y,x),h.current)return h.current=!1,o.createElement(o.Fragment,null,y.map((function(t){return o.createElement(Ma,{key:Oa(t),isPresent:!0,initial:!!a&&void 0,presenceAffectsLayout:d},t)})));for(var E=f([],c(y),!1),w=g.current.map(Oa),P=y.map(Oa),S=w.length,A=0;A<S;A++){var T=w[A];-1===P.indexOf(T)?b.add(T):b.delete(T)}return u&&b.size&&(E=[]),b.forEach((function(t){if(-1===P.indexOf(t)){var e=x.get(t);if(e){var n=w.indexOf(t);E.splice(n,0,o.createElement(Ma,{key:Oa(e),isPresent:!1,onExitComplete:function(){x.delete(t),b.delete(t);var e=g.current.findIndex((function(e){return e.key===t}));if(g.current.splice(e,1),!b.size){if(g.current=y,!1===m.current)return;p(),s&&s()}},custom:r,presenceAffectsLayout:d},e))}}})),E=E.map((function(t){var e=t.key;return b.has(e)?t:o.createElement(Ma,{key:Oa(t),isPresent:!0,presenceAffectsLayout:d},t)})),g.current=E,o.createElement(o.Fragment,null,b.size?E:E.map((function(t){return e.cloneElement(t)})))},t.AnimateSharedLayout=function(t){var e=t.children;return o.createElement(ka,{id:D((function(){return"asl-".concat(Fa++)}))},e)},t.DeprecatedLayoutGroupContext=La,t.DragControls=cs,t.FlatTree=cr,t.LayoutGroup=ka,t.LayoutGroupContext=Lr,t.LazyMotion=function(t){var n=t.children,r=t.features,i=t.strict,a=void 0!==i&&i,s=c(e.useState(!Ia(r)),2)[1],u=e.useRef(void 0);if(!Ia(r)){var f=r.renderer,d=l(r,["renderer"]);u.current=f,v(d)}return e.useEffect((function(){Ia(r)&&r().then((function(t){var e=t.renderer;v(l(t,["renderer"])),u.current=e,s(!0)}))}),[]),o.createElement(h.Provider,{value:{renderer:u.current,strict:a}},n)},t.MotionConfig=function(t){var n=t.children,r=l(t,["children"]);(r=u(u({},e.useContext(g)),r)).isStatic=D((function(){return r.isStatic}));var i="object"==typeof r.transition?r.transition.toString():"",a=e.useMemo((function(){return r}),[i,r.transformPagePoint]);return o.createElement(g.Provider,{value:a},n)},t.MotionConfigContext=g,t.MotionContext=x,t.MotionValue=Be,t.PresenceContext=E,t.Reorder=Ka,t.SwitchLayoutGroupContext=Dr,t.addScaleCorrector=Qn,t.animate=pn,t.animateVisualElement=mi,t.animationControls=ls,t.createDomMotionComponent=function(t){return kr(bo(t,{forwardMotionProps:!1},Pa,pa,wa))},t.createMotionComponent=kr,t.domAnimation=Ja,t.domMax=Qa,t.isValidMotionProp=$r,t.m=Aa,t.motion=Sa,t.motionValue=Ne,t.resolveMotionValue=fr,t.transform=Wa,t.useAnimation=function(){var t=D(ls);return e.useEffect(t.mount,[]),t},t.useAnimationFrame=us,t.useCycle=function(){for(var t=[],n=0;n<arguments.length;n++)t[n]=arguments[n];var r=e.useRef(0),o=c(e.useState(t[r.current]),2),i=o[0],a=o[1];return[i,function(e){r.current="number"!=typeof e?Me(0,t.length,r.current+1):e,a(t[r.current])}]},t.useDeprecatedAnimatedState=function(t){var n=c(e.useState(t),2),r=n[0],o=n[1],i=ms({},!1),a=D((function(){return hs({props:{},visualState:i},{initialState:t})}));return e.useEffect((function(){return a.mount({}),a.unmount()}),[]),e.useEffect((function(){a.setProps({onUpdate:function(t){return o(u({},t))}})})),[r,D((function(){return function(t){return mi(a,t)}}))]},t.useDeprecatedInvertedScale=function(t){var e=Xa(1),n=Xa(1),r=b();return t?(e=t.scaleX||e,n=t.scaleY||n):r&&(e=r.getValue("scaleX",1),n=r.getValue("scaleY",1)),{scaleX:qa(e,ys),scaleY:qa(n,ys)}},t.useDomEvent=wo,t.useDragControls=function(){return D(fs)},t.useElementScroll=function(t){var e=D(ts);return P((function(){var n=t.current;if(n){var r=ns(e,function(t){return function(){return{xOffset:t.scrollLeft,yOffset:t.scrollTop,xMaxOffset:t.scrollWidth-t.offsetWidth,yMaxOffset:t.scrollHeight-t.offsetHeight}}}(n)),o=Eo(n,"scroll",r,{passive:!0}),i=Eo(n,"resize",r);return function(){o&&o(),i&&i()}}}),[]),e},t.useInstantLayoutTransition=ds,t.useInstantTransition=function(){var t=c(Ta(),2),n=t[0],r=t[1],o=ds();return e.useEffect((function(){H.postRender((function(){return H.postRender((function(){return rn.current=!1}))}))}),[r]),function(t){o((function(){rn.current=!0,n(),t()}))}},t.useIsPresent=function(){return null===(t=e.useContext(E))||t.isPresent;var t},t.useMotionTemplate=function(t){for(var e=[],n=1;n<arguments.length;n++)e[n-1]=arguments[n];var r=t.length;function o(){for(var n="",o=0;o<r;o++){n+=t[o],e[o]&&(n+=e[o].get())}return n}return _a(e,o)},t.useMotionValue=Xa,t.usePresence=Qo,t.useReducedMotion=function(){!as&&function(){if(as=Ne(null),"undefined"!=typeof window)if(window.matchMedia){var t=window.matchMedia("(prefers-reduced-motion)"),e=function(){return as.set(t.matches)};t.addListener(e),e()}else as.set(!1)}();var t=c(e.useState(as.get()),2),n=t[0],r=t[1];return Ga(as,r),n},t.useResetProjection=function(){return o.useCallback((function(){var t=Ea.current;t&&t.resetTree()}),[])},t.useSpring=function(t,n){void 0===n&&(n={});var r=e.useContext(g).isStatic,o=e.useRef(null),i=Xa(ze(t)?t.get():t);return e.useMemo((function(){return i.attach((function(t,e){return r?e(t):(o.current&&o.current.stop(),o.current=Pe(u(u({from:i.get(),to:t,velocity:i.getVelocity()},n),{onUpdate:e})),i.get())}))}),Object.values(n)),Ga(t,(function(t){return i.set(parseFloat(t))})),i},t.useTime=function(){var t=Xa(0);return us((function(e){return t.set(e)})),t},t.useTransform=qa,t.useVelocity=function(t){var n=Xa(t.getVelocity());return e.useEffect((function(){return t.velocityUpdateSubscribers.add((function(t){n.set(t)}))}),[t]),n},t.useViewportScroll=function(){return rs||(rs=ts()),P((function(){!is&&function(){if(is=!0,"undefined"!=typeof window){var t=ns(rs,os);Eo(window,"scroll",t,{passive:!0}),Eo(window,"resize",t)}}()}),[]),rs},t.visualElement=Wi,Object.defineProperty(t,"__esModule",{value:!0})}));
@@ -1 +1 @@
1
- import*as t from"react";import n,{createContext as r,useContext as e,useLayoutEffect as o,useEffect as a,useRef as i,useCallback as s,useMemo as u,forwardRef as l,createElement as c}from"react";var f=function(t,n){return(f=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])})(t,n)};var d=function(){return(d=Object.assign||function(t){for(var n,r=1,e=arguments.length;r<e;r++)for(var o in n=arguments[r])Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o]);return t}).apply(this,arguments)};function p(t,n){var r={};for(var e in t)Object.prototype.hasOwnProperty.call(t,e)&&n.indexOf(e)<0&&(r[e]=t[e]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(e=Object.getOwnPropertySymbols(t);o<e.length;o++)n.indexOf(e[o])<0&&Object.prototype.propertyIsEnumerable.call(t,e[o])&&(r[e[o]]=t[e[o]])}return r}var v=function(t){return{isEnabled:function(n){return t.some((function(t){return!!n[t]}))}}},m={measureLayout:v(["layout","layoutId","drag"]),animation:v(["animate","exit","variants","whileHover","whileTap","whileFocus","whileDrag","whileInView"]),exit:v(["exit"]),drag:v(["drag","dragControls"]),focus:v(["whileFocus"]),hover:v(["whileHover","onHoverStart","onHoverEnd"]),tap:v(["whileTap","onTap","onTapStart","onTapCancel"]),pan:v(["onPan","onPanStart","onPanSessionStart","onPanEnd"]),inView:v(["whileInView","onViewportEnter","onViewportLeave"])};var y=r({strict:!1}),g=Object.keys(m),h=g.length;var w=r({transformPagePoint:function(t){return t},isStatic:!1}),b=r({});var O=r(null),S="undefined"!=typeof window,x=S?o:a;function E(t,n,r,o){var s=e(y),u=e(b).visualElement,l=e(O),c=i(void 0);o||(o=s.renderer),!c.current&&o&&(c.current=o(t,{visualState:n,parent:u,props:r,presenceId:null==l?void 0:l.id,blockInitialAnimation:!1===(null==l?void 0:l.initial)}));var f=c.current;return x((function(){null==f||f.syncRender()})),a((function(){var t;null===(t=null==f?void 0:f.animationState)||void 0===t||t.animateChanges()})),x((function(){return function(){return null==f?void 0:f.notifyUnmount()}}),[]),f}function j(t){return"object"==typeof t&&Object.prototype.hasOwnProperty.call(t,"current")}function P(t){return"string"==typeof t||function(t){return Array.isArray(t)}(t)}function C(t){var n;return"function"==typeof(null===(n=t.animate)||void 0===n?void 0:n.start)||P(t.initial)||P(t.animate)||P(t.whileHover)||P(t.whileDrag)||P(t.whileTap)||P(t.whileFocus)||P(t.exit)}function T(t){var n=function(t,n){if(C(t)){var r=t.initial,e=t.animate;return{initial:!1===r||P(r)?r:void 0,animate:P(e)?e:void 0}}return!1!==t.inherit?n:{}}(t,e(b)),r=n.initial,o=n.animate;return u((function(){return{initial:r,animate:o}}),[V(r),V(o)])}function V(t){return Array.isArray(t)?t.join(" "):t}function k(t){var n=i(null);return null===n.current&&(n.current=t()),n.current}const A="undefined"!=typeof performance?()=>performance.now():()=>Date.now(),L="undefined"!=typeof window?t=>window.requestAnimationFrame(t):t=>setTimeout(()=>t(A()),1/60*1e3);let R=!0,B=!1,M=!1;const D={delta:0,timestamp:0},X=["read","update","preRender","render","postRender"],Y=X.reduce((t,n)=>(t[n]=function(t){let n=[],r=[],e=0,o=!1,a=!1;const i=new WeakSet,s={schedule:(t,a=!1,s=!1)=>{const u=s&&o,l=u?n:r;return a&&i.add(t),-1===l.indexOf(t)&&(l.push(t),u&&o&&(e=n.length)),t},cancel:t=>{const n=r.indexOf(t);-1!==n&&r.splice(n,1),i.delete(t)},process:u=>{if(o)a=!0;else{if(o=!0,[n,r]=[r,n],r.length=0,e=n.length,e)for(let r=0;r<e;r++){const e=n[r];e(u),i.has(e)&&(s.schedule(e),t())}o=!1,a&&(a=!1,s.process(u))}}};return s}(()=>B=!0),t),{});X.reduce((t,n)=>{const r=Y[n];return t[n]=(t,n=!1,e=!1)=>(B||W(),r.schedule(t,n,e)),t},{}),X.reduce((t,n)=>(t[n]=Y[n].cancel,t),{}),X.reduce((t,n)=>(t[n]=()=>Y[n].process(D),t),{});const H=t=>Y[t].process(D),I=t=>{B=!1,D.delta=R?1/60*1e3:Math.max(Math.min(t-D.timestamp,40),1),D.timestamp=t,M=!0,X.forEach(H),M=!1,B&&(R=!1,L(I))},W=()=>{B=!0,R=!0,M||L(I)};const F={test:t=>"number"==typeof t,parse:parseFloat,transform:t=>t},Z=Object.assign(Object.assign({},F),{transform:(_=0,z=1,t=>Math.max(Math.min(t,z),_))});var _,z;const U=Object.assign(Object.assign({},F),{default:1}),N=t=>({test:n=>function(t){return"string"==typeof t}(n)&&n.endsWith(t)&&1===n.split(" ").length,parse:parseFloat,transform:n=>`${n}${t}`}),K=N("deg"),$=N("%"),q=N("px"),G=Object.assign(Object.assign({},$),{parse:t=>$.parse(t)/100,transform:t=>$.transform(100*t)});var J=function(t){return Boolean(null!==t&&"object"==typeof t&&t.getVelocity)},Q=d(d({},F),{transform:Math.round}),tt={borderWidth:q,borderTopWidth:q,borderRightWidth:q,borderBottomWidth:q,borderLeftWidth:q,borderRadius:q,radius:q,borderTopLeftRadius:q,borderTopRightRadius:q,borderBottomRightRadius:q,borderBottomLeftRadius:q,width:q,maxWidth:q,height:q,maxHeight:q,size:q,top:q,right:q,bottom:q,left:q,padding:q,paddingTop:q,paddingRight:q,paddingBottom:q,paddingLeft:q,margin:q,marginTop:q,marginRight:q,marginBottom:q,marginLeft:q,rotate:K,rotateX:K,rotateY:K,rotateZ:K,scale:U,scaleX:U,scaleY:U,scaleZ:U,skew:K,skewX:K,skewY:K,distance:q,translateX:q,translateY:q,translateZ:q,x:q,y:q,z:q,perspective:q,transformPerspective:q,opacity:Z,originX:G,originY:G,originZ:q,zIndex:Q,fillOpacity:Z,strokeOpacity:Z,numOctaves:Q},nt={},rt=["","X","Y","Z"],et=["transformPerspective","x","y","z"];function ot(t,n){return et.indexOf(t)-et.indexOf(n)}["translate","scale","rotate","skew"].forEach((function(t){return rt.forEach((function(n){return et.push(t+n)}))}));var at=new Set(et);function it(t){return at.has(t)}var st=new Set(["originX","originY","originZ"]);function ut(t){return st.has(t)}function lt(t){var n,r=J(t)?t.get():t;return n=r,Boolean(n&&"object"==typeof n&&n.mix&&n.toValue)?r.toValue():r}var ct=!1,ft=1;var dt=r({}),pt=r({});var vt=function(t){function n(){return null!==t&&t.apply(this,arguments)||this}return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function r(){this.constructor=t}f(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}(n,t),n.prototype.getSnapshotBeforeUpdate=function(){return this.updateProps(),null},n.prototype.componentDidUpdate=function(){},n.prototype.updateProps=function(){var t=this.props,n=t.visualElement,r=t.props;n&&n.setProps(r)},n.prototype.render=function(){return this.props.children},n}(n.Component);function mt(n){var r=n.preloadedFeatures,o=n.createVisualElement,a=n.projectionNodeConstructor,i=n.useRender,u=n.useVisualState,c=n.Component;return r&&function(t){for(var n in t)null!==t[n]&&("projectionNodeConstructor"===n?m.projectionNodeConstructor=t[n]:m[n].Component=t[n])}(r),l((function(n,r){var l=function(t){var n,r=t.layoutId,o=null===(n=e(dt))||void 0===n?void 0:n.id;return o&&void 0!==r?o+"-"+r:r}(n);n=d(d({},n),{layoutId:l});var f=e(w),p=null,v=T(n),O=k((function(){if(ct)return ft++})),x=u(n,f.isStatic);return!f.isStatic&&S&&(v.visualElement=E(c,x,d(d({},f),n),o),function(t,n,r,o){var a,i=n.layoutId,s=n.layout,u=n.drag,l=n.dragConstraints,c=n.layoutScroll,f=e(pt);o&&r&&!(null==r?void 0:r.projection)&&(r.projection=new o(t,r.getLatestValues(),null===(a=r.parent)||void 0===a?void 0:a.projection),r.projection.setOptions({layoutId:i,layout:s,alwaysMeasureLayout:Boolean(u)||l&&j(l),visualElement:r,scheduleRender:function(){return r.scheduleRender()},animationType:"string"==typeof s?s:"both",initialPromotionConfig:f,layoutScroll:c}))}(O,n,v.visualElement,a||m.projectionNodeConstructor),p=function(n,r,o){var a=[];if(e(y),!r)return null;for(var i=0;i<h;i++){var s=g[i],u=m[s],l=u.isEnabled,c=u.Component;l(n)&&c&&a.push(t.createElement(c,d({key:s},n,{visualElement:r})))}return a}(n,v.visualElement)),t.createElement(vt,{visualElement:v.visualElement,props:d(d({},f),n)},p,t.createElement(b.Provider,{value:v},i(c,n,O,function(t,n,r){return s((function(e){var o;e&&(null===(o=t.mount)||void 0===o||o.call(t,e)),n&&(e?n.mount(e):n.unmount()),r&&("function"==typeof r?r(e):j(r)&&(r.current=e))}),[n])}(x,v.visualElement,r),x,f.isStatic,v.visualElement)))}))}var yt=["animate","circle","defs","desc","ellipse","g","image","line","filter","marker","mask","metadata","path","pattern","polygon","polyline","rect","stop","svg","switch","symbol","text","tspan","use","view"];function gt(t){return"string"==typeof t&&!t.includes("-")&&!!(yt.indexOf(t)>-1||/[A-Z]/.test(t))}function ht(t,n){var r=n.layout,e=n.layoutId;return it(t)||ut(t)||(r||void 0!==e)&&(!!nt[t]||"opacity"===t)}var wt={x:"translateX",y:"translateY",z:"translateZ",transformPerspective:"perspective"};function bt(t){return t.startsWith("--")}var Ot=function(t,n){return n&&"number"==typeof t?n.transform(t):t};function St(t,n,r,e){var o,a=t.style,i=t.vars,s=t.transform,u=t.transformKeys,l=t.transformOrigin;u.length=0;var c=!1,f=!1,d=!0;for(var p in n){var v=n[p];if(bt(p))i[p]=v;else{var m=tt[p],y=Ot(v,m);if(it(p)){if(c=!0,s[p]=y,u.push(p),!d)continue;v!==(null!==(o=m.default)&&void 0!==o?o:0)&&(d=!1)}else ut(p)?(l[p]=y,f=!0):a[p]=y}}c?a.transform=function(t,n,r,e){var o=t.transform,a=t.transformKeys,i=n.enableHardwareAcceleration,s=void 0===i||i,u=n.allowTransformNone,l=void 0===u||u,c="";a.sort(ot);for(var f=!1,d=a.length,p=0;p<d;p++){var v=a[p];c+="".concat(wt[v]||v,"(").concat(o[v],") "),"z"===v&&(f=!0)}return!f&&s?c+="translateZ(0)":c=c.trim(),e?c=e(o,r?"":c):l&&r&&(c="none"),c}(t,r,d,e):e&&(a.transform=e({},"")),f&&(a.transformOrigin=function(t){var n=t.originX,r=void 0===n?"50%":n,e=t.originY,o=void 0===e?"50%":e,a=t.originZ,i=void 0===a?0:a;return"".concat(r," ").concat(o," ").concat(i)}(l))}var xt=function(){return{style:{},transform:{},transformKeys:[],transformOrigin:{},vars:{}}};function Et(t,n,r){for(var e in n)J(n[e])||ht(e,r)||(t[e]=n[e])}function jt(t,n,r){var e={};return Et(e,t.style||{},t),Object.assign(e,function(t,n,r){var e=t.transformTemplate;return u((function(){var t={style:{},transform:{},transformKeys:[],transformOrigin:{},vars:{}};St(t,n,{enableHardwareAcceleration:!r},e);var o=t.style;return d(d({},t.vars),o)}),[n])}(t,n,r)),t.transformValues&&(e=t.transformValues(e)),e}function Pt(t,n,r){var e={},o=jt(t,n,r);return Boolean(t.drag)&&!1!==t.dragListener&&(e.draggable=!1,o.userSelect=o.WebkitUserSelect=o.WebkitTouchCallout="none",o.touchAction=!0===t.drag?"none":"pan-".concat("x"===t.drag?"y":"x")),e.style=o,e}var Ct=new Set(["initial","animate","exit","style","variants","transition","transformTemplate","transformValues","custom","inherit","layout","layoutId","layoutDependency","onLayoutAnimationComplete","onLayoutMeasure","onBeforeLayoutMeasure","onAnimationStart","onAnimationComplete","onUpdate","onDragStart","onDrag","onDragEnd","onMeasureDragConstraints","onDirectionLock","onDragTransitionEnd","drag","dragControls","dragListener","dragConstraints","dragDirectionLock","dragSnapToOrigin","_dragX","_dragY","dragElastic","dragMomentum","dragPropagation","dragTransition","whileDrag","onPan","onPanStart","onPanEnd","onPanSessionStart","onTap","onTapStart","onTapCancel","onHoverStart","onHoverEnd","whileFocus","whileTap","whileHover","whileInView","onViewportEnter","onViewportLeave","viewport","layoutScroll"]);function Tt(t){return Ct.has(t)}var Vt=function(t){return!Tt(t)};try{var kt=require("@emotion/is-prop-valid").default;Vt=function(t){return t.startsWith("on")?!Tt(t):kt(t)}}catch(t){}function At(t,n,r){return"string"==typeof t?t:q.transform(n+r*t)}var Lt={offset:"stroke-dashoffset",array:"stroke-dasharray"},Rt={offset:"strokeDashoffset",array:"strokeDasharray"};function Bt(t,n,r,e){var o=n.attrX,a=n.attrY,i=n.originX,s=n.originY,u=n.pathLength,l=n.pathSpacing,c=void 0===l?1:l,f=n.pathOffset,d=void 0===f?0:f;St(t,p(n,["attrX","attrY","originX","originY","pathLength","pathSpacing","pathOffset"]),r,e),t.attrs=t.style,t.style={};var v=t.attrs,m=t.style,y=t.dimensions;v.transform&&(y&&(m.transform=v.transform),delete v.transform),y&&(void 0!==i||void 0!==s||m.transform)&&(m.transformOrigin=function(t,n,r){var e=At(n,t.x,t.width),o=At(r,t.y,t.height);return"".concat(e," ").concat(o)}(y,void 0!==i?i:.5,void 0!==s?s:.5)),void 0!==o&&(v.x=o),void 0!==a&&(v.y=a),void 0!==u&&function(t,n,r,e,o){void 0===r&&(r=1),void 0===e&&(e=0),void 0===o&&(o=!0),t.pathLength=1;var a=o?Lt:Rt;t[a.offset]=q.transform(-e);var i=q.transform(n),s=q.transform(r);t[a.array]="".concat(i," ").concat(s)}(v,u,c,d,!1)}var Mt=function(){return d(d({},{style:{},transform:{},transformKeys:[],transformOrigin:{},vars:{}}),{attrs:{}})};function Dt(t,n){var r=u((function(){var r=Mt();return Bt(r,n,{enableHardwareAcceleration:!1},t.transformTemplate),d(d({},r.attrs),{style:d({},r.style)})}),[n]);if(t.style){var e={};Et(e,t.style,t),r.style=d(d({},e),r.style)}return r}function Xt(t){void 0===t&&(t=!1);return function(n,r,e,o,a,i){var s=a.latestValues,u=(gt(n)?Dt:Pt)(r,s,i),l=function(t,n,r){var e={};for(var o in t)(Vt(o)||!0===r&&Tt(o)||!n&&!Tt(o)||t.draggable&&o.startsWith("onDrag"))&&(e[o]=t[o]);return e}(r,"string"==typeof n,t),f=d(d(d({},l),u),{ref:o});return e&&(f["data-projection-id"]=e),c(n,f)}}var Yt=/([a-z])([A-Z])/g;var Ht=new Set(["baseFrequency","diffuseConstant","kernelMatrix","kernelUnitLength","keySplines","keyTimes","limitingConeAngle","markerHeight","markerWidth","numOctaves","targetX","targetY","surfaceScale","specularConstant","specularExponent","stdDeviation","tableValues","viewBox","gradientTransform","pathLength"]);function It(t,n){for(var r in function(t,n,r,e){var o=n.style,a=n.vars;for(var i in Object.assign(t.style,o,e&&e.getProjectionStyles(r)),a)t.style.setProperty(i,a[i])}(t,n),n.attrs)t.setAttribute(Ht.has(r)?r:r.replace(Yt,"$1-$2").toLowerCase(),n.attrs[r])}function Wt(t){var n=t.style,r={};for(var e in n)(J(n[e])||ht(e,t))&&(r[e]=n[e]);return r}function Ft(t,n,r,e){var o=t.scrapeMotionValuesFromProps,a=t.createRenderState,i=t.onMount,s={latestValues:_t(n,r,e,o),renderState:a()};return i&&(s.mount=function(t){return i(n,t,s)}),s}var Zt=function(t){return function(n,r){var o=e(b),a=e(O);return r?Ft(t,n,o,a):k((function(){return Ft(t,n,o,a)}))}};function _t(t,n,r,e){var o={},a=!1===(null==r?void 0:r.initial),i=e(t);for(var s in i)o[s]=lt(i[s]);var u=t.initial,l=t.animate,c=C(t),f=function(t){return Boolean(C(t)||t.variants)}(t);n&&f&&!c&&!1!==t.inherit&&(null!=u||(u=n.initial),null!=l||(l=n.animate));var d,v=a||!1===u,m=v?l:u;!m||"boolean"==typeof m||"object"==typeof(d=m)&&"function"==typeof d.start||(Array.isArray(m)?m:[m]).forEach((function(n){var r=function(t,n,r,e,o){var a;return void 0===e&&(e={}),void 0===o&&(o={}),"function"==typeof n&&(n=n(null!=r?r:t.custom,e,o)),"string"==typeof n&&(n=null===(a=t.variants)||void 0===a?void 0:a[n]),"function"==typeof n&&(n=n(null!=r?r:t.custom,e,o)),n}(t,n);if(r){var e=r.transitionEnd;r.transition;var a=p(r,["transitionEnd","transition"]);for(var i in a){var s=a[i];if(Array.isArray(s))s=s[v?s.length-1:0];null!==s&&(o[i]=s)}for(var i in e)o[i]=e[i]}}));return o}var zt={useVisualState:Zt({scrapeMotionValuesFromProps:function(t){var n=Wt(t);for(var r in t){if(J(t[r]))n["x"===r||"y"===r?"attr"+r.toUpperCase():r]=t[r]}return n},createRenderState:Mt,onMount:function(t,n,r){var e=r.renderState,o=r.latestValues;try{e.dimensions="function"==typeof n.getBBox?n.getBBox():n.getBoundingClientRect()}catch(t){e.dimensions={x:0,y:0,width:0,height:0}}Bt(e,o,{enableHardwareAcceleration:!1},t.transformTemplate),It(n,e)}})},Ut={useVisualState:Zt({scrapeMotionValuesFromProps:Wt,createRenderState:xt})};var Nt=function(t){function n(n,r){return void 0===r&&(r={}),mt(t(n,r))}if("undefined"==typeof Proxy)return n;var r=new Map;return new Proxy(n,{get:function(t,e){return r.has(e)||r.set(e,n(e)),r.get(e)}})}((function(t,n,r,e,o){var a=n.forwardMotionProps,i=void 0!==a&&a,s=gt(t)?zt:Ut;return d(d({},s),{preloadedFeatures:r,useRender:Xt(i),createVisualElement:e,projectionNodeConstructor:o,Component:t})}));export{Nt as m};
1
+ import*as t from"react";import n,{createContext as r,useContext as e,useLayoutEffect as o,useEffect as a,useRef as i,useCallback as s,useMemo as u,forwardRef as l,createElement as c}from"react";var f=function(t,n){return(f=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])})(t,n)};var d=function(){return(d=Object.assign||function(t){for(var n,r=1,e=arguments.length;r<e;r++)for(var o in n=arguments[r])Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o]);return t}).apply(this,arguments)};function p(t,n){var r={};for(var e in t)Object.prototype.hasOwnProperty.call(t,e)&&n.indexOf(e)<0&&(r[e]=t[e]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(e=Object.getOwnPropertySymbols(t);o<e.length;o++)n.indexOf(e[o])<0&&Object.prototype.propertyIsEnumerable.call(t,e[o])&&(r[e[o]]=t[e[o]])}return r}var v=function(t){return{isEnabled:function(n){return t.some((function(t){return!!n[t]}))}}},m={measureLayout:v(["layout","layoutId","drag"]),animation:v(["animate","exit","variants","whileHover","whileTap","whileFocus","whileDrag","whileInView"]),exit:v(["exit"]),drag:v(["drag","dragControls"]),focus:v(["whileFocus"]),hover:v(["whileHover","onHoverStart","onHoverEnd"]),tap:v(["whileTap","onTap","onTapStart","onTapCancel"]),pan:v(["onPan","onPanStart","onPanSessionStart","onPanEnd"]),inView:v(["whileInView","onViewportEnter","onViewportLeave"])};var y=r({strict:!1}),g=Object.keys(m),h=g.length;var w=r({transformPagePoint:function(t){return t},isStatic:!1}),b=r({});var O=r(null),S="undefined"!=typeof window,x=S?o:a;function E(t,n,r,o){var s=e(y),u=e(b).visualElement,l=e(O),c=i(void 0);o||(o=s.renderer),!c.current&&o&&(c.current=o(t,{visualState:n,parent:u,props:r,presenceId:null==l?void 0:l.id,blockInitialAnimation:!1===(null==l?void 0:l.initial)}));var f=c.current;return x((function(){null==f||f.syncRender()})),a((function(){var t;null===(t=null==f?void 0:f.animationState)||void 0===t||t.animateChanges()})),x((function(){return function(){return null==f?void 0:f.notifyUnmount()}}),[]),f}function j(t){return"object"==typeof t&&Object.prototype.hasOwnProperty.call(t,"current")}function P(t){return"string"==typeof t||function(t){return Array.isArray(t)}(t)}function C(t){var n;return"function"==typeof(null===(n=t.animate)||void 0===n?void 0:n.start)||P(t.initial)||P(t.animate)||P(t.whileHover)||P(t.whileDrag)||P(t.whileTap)||P(t.whileFocus)||P(t.exit)}function T(t){var n=function(t,n){if(C(t)){var r=t.initial,e=t.animate;return{initial:!1===r||P(r)?r:void 0,animate:P(e)?e:void 0}}return!1!==t.inherit?n:{}}(t,e(b)),r=n.initial,o=n.animate;return u((function(){return{initial:r,animate:o}}),[V(r),V(o)])}function V(t){return Array.isArray(t)?t.join(" "):t}function k(t){var n=i(null);return null===n.current&&(n.current=t()),n.current}const A="undefined"!=typeof performance?()=>performance.now():()=>Date.now(),L="undefined"!=typeof window?t=>window.requestAnimationFrame(t):t=>setTimeout(()=>t(A()),1/60*1e3);let R=!0,B=!1,M=!1;const D={delta:0,timestamp:0},X=["read","update","preRender","render","postRender"],Y=X.reduce((t,n)=>(t[n]=function(t){let n=[],r=[],e=0,o=!1,a=!1;const i=new WeakSet,s={schedule:(t,a=!1,s=!1)=>{const u=s&&o,l=u?n:r;return a&&i.add(t),-1===l.indexOf(t)&&(l.push(t),u&&o&&(e=n.length)),t},cancel:t=>{const n=r.indexOf(t);-1!==n&&r.splice(n,1),i.delete(t)},process:u=>{if(o)a=!0;else{if(o=!0,[n,r]=[r,n],r.length=0,e=n.length,e)for(let r=0;r<e;r++){const e=n[r];e(u),i.has(e)&&(s.schedule(e),t())}o=!1,a&&(a=!1,s.process(u))}}};return s}(()=>B=!0),t),{});X.reduce((t,n)=>{const r=Y[n];return t[n]=(t,n=!1,e=!1)=>(B||W(),r.schedule(t,n,e)),t},{}),X.reduce((t,n)=>(t[n]=Y[n].cancel,t),{}),X.reduce((t,n)=>(t[n]=()=>Y[n].process(D),t),{});const H=t=>Y[t].process(D),I=t=>{B=!1,D.delta=R?1/60*1e3:Math.max(Math.min(t-D.timestamp,40),1),D.timestamp=t,M=!0,X.forEach(H),M=!1,B&&(R=!1,L(I))},W=()=>{B=!0,R=!0,M||L(I)};const F={test:t=>"number"==typeof t,parse:parseFloat,transform:t=>t},Z=Object.assign(Object.assign({},F),{transform:(_=0,z=1,t=>Math.max(Math.min(t,z),_))});var _,z;const U=Object.assign(Object.assign({},F),{default:1}),N=t=>({test:n=>function(t){return"string"==typeof t}(n)&&n.endsWith(t)&&1===n.split(" ").length,parse:parseFloat,transform:n=>`${n}${t}`}),K=N("deg"),$=N("%"),q=N("px"),G=Object.assign(Object.assign({},$),{parse:t=>$.parse(t)/100,transform:t=>$.transform(100*t)});var J=function(t){return Boolean(null!==t&&"object"==typeof t&&t.getVelocity)},Q=d(d({},F),{transform:Math.round}),tt={borderWidth:q,borderTopWidth:q,borderRightWidth:q,borderBottomWidth:q,borderLeftWidth:q,borderRadius:q,radius:q,borderTopLeftRadius:q,borderTopRightRadius:q,borderBottomRightRadius:q,borderBottomLeftRadius:q,width:q,maxWidth:q,height:q,maxHeight:q,size:q,top:q,right:q,bottom:q,left:q,padding:q,paddingTop:q,paddingRight:q,paddingBottom:q,paddingLeft:q,margin:q,marginTop:q,marginRight:q,marginBottom:q,marginLeft:q,rotate:K,rotateX:K,rotateY:K,rotateZ:K,scale:U,scaleX:U,scaleY:U,scaleZ:U,skew:K,skewX:K,skewY:K,distance:q,translateX:q,translateY:q,translateZ:q,x:q,y:q,z:q,perspective:q,transformPerspective:q,opacity:Z,originX:G,originY:G,originZ:q,zIndex:Q,fillOpacity:Z,strokeOpacity:Z,numOctaves:Q},nt={},rt=["","X","Y","Z"],et=["transformPerspective","x","y","z"];function ot(t,n){return et.indexOf(t)-et.indexOf(n)}["translate","scale","rotate","skew"].forEach((function(t){return rt.forEach((function(n){return et.push(t+n)}))}));var at=new Set(et);function it(t){return at.has(t)}var st=new Set(["originX","originY","originZ"]);function ut(t){return st.has(t)}function lt(t){var n,r=J(t)?t.get():t;return n=r,Boolean(n&&"object"==typeof n&&n.mix&&n.toValue)?r.toValue():r}var ct=!1,ft=1;var dt=r({}),pt=r({});var vt=function(t){function n(){return null!==t&&t.apply(this,arguments)||this}return function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function r(){this.constructor=t}f(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}(n,t),n.prototype.getSnapshotBeforeUpdate=function(){return this.updateProps(),null},n.prototype.componentDidUpdate=function(){},n.prototype.updateProps=function(){var t=this.props,n=t.visualElement,r=t.props;n&&n.setProps(r)},n.prototype.render=function(){return this.props.children},n}(n.Component);function mt(n){var r=n.preloadedFeatures,o=n.createVisualElement,a=n.projectionNodeConstructor,i=n.useRender,u=n.useVisualState,c=n.Component;return r&&function(t){for(var n in t)null!==t[n]&&("projectionNodeConstructor"===n?m.projectionNodeConstructor=t[n]:m[n].Component=t[n])}(r),l((function(n,r){var l=function(t){var n,r=t.layoutId,o=null===(n=e(dt))||void 0===n?void 0:n.id;return o&&void 0!==r?o+"-"+r:r}(n);n=d(d({},n),{layoutId:l});var f=e(w),p=null,v=T(n),O=f.isStatic?void 0:k((function(){if(ct)return ft++})),x=u(n,f.isStatic);return!f.isStatic&&S&&(v.visualElement=E(c,x,d(d({},f),n),o),function(t,n,r,o){var a,i=n.layoutId,s=n.layout,u=n.drag,l=n.dragConstraints,c=n.layoutScroll,f=e(pt);o&&r&&!(null==r?void 0:r.projection)&&(r.projection=new o(t,r.getLatestValues(),null===(a=r.parent)||void 0===a?void 0:a.projection),r.projection.setOptions({layoutId:i,layout:s,alwaysMeasureLayout:Boolean(u)||l&&j(l),visualElement:r,scheduleRender:function(){return r.scheduleRender()},animationType:"string"==typeof s?s:"both",initialPromotionConfig:f,layoutScroll:c}))}(O,n,v.visualElement,a||m.projectionNodeConstructor),p=function(n,r,o){var a=[];if(e(y),!r)return null;for(var i=0;i<h;i++){var s=g[i],u=m[s],l=u.isEnabled,c=u.Component;l(n)&&c&&a.push(t.createElement(c,d({key:s},n,{visualElement:r})))}return a}(n,v.visualElement)),t.createElement(vt,{visualElement:v.visualElement,props:d(d({},f),n)},p,t.createElement(b.Provider,{value:v},i(c,n,O,function(t,n,r){return s((function(e){var o;e&&(null===(o=t.mount)||void 0===o||o.call(t,e)),n&&(e?n.mount(e):n.unmount()),r&&("function"==typeof r?r(e):j(r)&&(r.current=e))}),[n])}(x,v.visualElement,r),x,f.isStatic,v.visualElement)))}))}var yt=["animate","circle","defs","desc","ellipse","g","image","line","filter","marker","mask","metadata","path","pattern","polygon","polyline","rect","stop","svg","switch","symbol","text","tspan","use","view"];function gt(t){return"string"==typeof t&&!t.includes("-")&&!!(yt.indexOf(t)>-1||/[A-Z]/.test(t))}function ht(t,n){var r=n.layout,e=n.layoutId;return it(t)||ut(t)||(r||void 0!==e)&&(!!nt[t]||"opacity"===t)}var wt={x:"translateX",y:"translateY",z:"translateZ",transformPerspective:"perspective"};function bt(t){return t.startsWith("--")}var Ot=function(t,n){return n&&"number"==typeof t?n.transform(t):t};function St(t,n,r,e){var o,a=t.style,i=t.vars,s=t.transform,u=t.transformKeys,l=t.transformOrigin;u.length=0;var c=!1,f=!1,d=!0;for(var p in n){var v=n[p];if(bt(p))i[p]=v;else{var m=tt[p],y=Ot(v,m);if(it(p)){if(c=!0,s[p]=y,u.push(p),!d)continue;v!==(null!==(o=m.default)&&void 0!==o?o:0)&&(d=!1)}else ut(p)?(l[p]=y,f=!0):a[p]=y}}c?a.transform=function(t,n,r,e){var o=t.transform,a=t.transformKeys,i=n.enableHardwareAcceleration,s=void 0===i||i,u=n.allowTransformNone,l=void 0===u||u,c="";a.sort(ot);for(var f=!1,d=a.length,p=0;p<d;p++){var v=a[p];c+="".concat(wt[v]||v,"(").concat(o[v],") "),"z"===v&&(f=!0)}return!f&&s?c+="translateZ(0)":c=c.trim(),e?c=e(o,r?"":c):l&&r&&(c="none"),c}(t,r,d,e):e&&(a.transform=e({},"")),f&&(a.transformOrigin=function(t){var n=t.originX,r=void 0===n?"50%":n,e=t.originY,o=void 0===e?"50%":e,a=t.originZ,i=void 0===a?0:a;return"".concat(r," ").concat(o," ").concat(i)}(l))}var xt=function(){return{style:{},transform:{},transformKeys:[],transformOrigin:{},vars:{}}};function Et(t,n,r){for(var e in n)J(n[e])||ht(e,r)||(t[e]=n[e])}function jt(t,n,r){var e={};return Et(e,t.style||{},t),Object.assign(e,function(t,n,r){var e=t.transformTemplate;return u((function(){var t={style:{},transform:{},transformKeys:[],transformOrigin:{},vars:{}};St(t,n,{enableHardwareAcceleration:!r},e);var o=t.style;return d(d({},t.vars),o)}),[n])}(t,n,r)),t.transformValues&&(e=t.transformValues(e)),e}function Pt(t,n,r){var e={},o=jt(t,n,r);return Boolean(t.drag)&&!1!==t.dragListener&&(e.draggable=!1,o.userSelect=o.WebkitUserSelect=o.WebkitTouchCallout="none",o.touchAction=!0===t.drag?"none":"pan-".concat("x"===t.drag?"y":"x")),e.style=o,e}var Ct=new Set(["initial","animate","exit","style","variants","transition","transformTemplate","transformValues","custom","inherit","layout","layoutId","layoutDependency","onLayoutAnimationComplete","onLayoutMeasure","onBeforeLayoutMeasure","onAnimationStart","onAnimationComplete","onUpdate","onDragStart","onDrag","onDragEnd","onMeasureDragConstraints","onDirectionLock","onDragTransitionEnd","drag","dragControls","dragListener","dragConstraints","dragDirectionLock","dragSnapToOrigin","_dragX","_dragY","dragElastic","dragMomentum","dragPropagation","dragTransition","whileDrag","onPan","onPanStart","onPanEnd","onPanSessionStart","onTap","onTapStart","onTapCancel","onHoverStart","onHoverEnd","whileFocus","whileTap","whileHover","whileInView","onViewportEnter","onViewportLeave","viewport","layoutScroll"]);function Tt(t){return Ct.has(t)}var Vt=function(t){return!Tt(t)};try{var kt=require("@emotion/is-prop-valid").default;Vt=function(t){return t.startsWith("on")?!Tt(t):kt(t)}}catch(t){}function At(t,n,r){return"string"==typeof t?t:q.transform(n+r*t)}var Lt={offset:"stroke-dashoffset",array:"stroke-dasharray"},Rt={offset:"strokeDashoffset",array:"strokeDasharray"};function Bt(t,n,r,e){var o=n.attrX,a=n.attrY,i=n.originX,s=n.originY,u=n.pathLength,l=n.pathSpacing,c=void 0===l?1:l,f=n.pathOffset,d=void 0===f?0:f;St(t,p(n,["attrX","attrY","originX","originY","pathLength","pathSpacing","pathOffset"]),r,e),t.attrs=t.style,t.style={};var v=t.attrs,m=t.style,y=t.dimensions;v.transform&&(y&&(m.transform=v.transform),delete v.transform),y&&(void 0!==i||void 0!==s||m.transform)&&(m.transformOrigin=function(t,n,r){var e=At(n,t.x,t.width),o=At(r,t.y,t.height);return"".concat(e," ").concat(o)}(y,void 0!==i?i:.5,void 0!==s?s:.5)),void 0!==o&&(v.x=o),void 0!==a&&(v.y=a),void 0!==u&&function(t,n,r,e,o){void 0===r&&(r=1),void 0===e&&(e=0),void 0===o&&(o=!0),t.pathLength=1;var a=o?Lt:Rt;t[a.offset]=q.transform(-e);var i=q.transform(n),s=q.transform(r);t[a.array]="".concat(i," ").concat(s)}(v,u,c,d,!1)}var Mt=function(){return d(d({},{style:{},transform:{},transformKeys:[],transformOrigin:{},vars:{}}),{attrs:{}})};function Dt(t,n){var r=u((function(){var r=Mt();return Bt(r,n,{enableHardwareAcceleration:!1},t.transformTemplate),d(d({},r.attrs),{style:d({},r.style)})}),[n]);if(t.style){var e={};Et(e,t.style,t),r.style=d(d({},e),r.style)}return r}function Xt(t){void 0===t&&(t=!1);return function(n,r,e,o,a,i){var s=a.latestValues,u=(gt(n)?Dt:Pt)(r,s,i),l=function(t,n,r){var e={};for(var o in t)(Vt(o)||!0===r&&Tt(o)||!n&&!Tt(o)||t.draggable&&o.startsWith("onDrag"))&&(e[o]=t[o]);return e}(r,"string"==typeof n,t),f=d(d(d({},l),u),{ref:o});return e&&(f["data-projection-id"]=e),c(n,f)}}var Yt=/([a-z])([A-Z])/g;var Ht=new Set(["baseFrequency","diffuseConstant","kernelMatrix","kernelUnitLength","keySplines","keyTimes","limitingConeAngle","markerHeight","markerWidth","numOctaves","targetX","targetY","surfaceScale","specularConstant","specularExponent","stdDeviation","tableValues","viewBox","gradientTransform","pathLength"]);function It(t,n){for(var r in function(t,n,r,e){var o=n.style,a=n.vars;for(var i in Object.assign(t.style,o,e&&e.getProjectionStyles(r)),a)t.style.setProperty(i,a[i])}(t,n),n.attrs)t.setAttribute(Ht.has(r)?r:r.replace(Yt,"$1-$2").toLowerCase(),n.attrs[r])}function Wt(t){var n=t.style,r={};for(var e in n)(J(n[e])||ht(e,t))&&(r[e]=n[e]);return r}function Ft(t,n,r,e){var o=t.scrapeMotionValuesFromProps,a=t.createRenderState,i=t.onMount,s={latestValues:_t(n,r,e,o),renderState:a()};return i&&(s.mount=function(t){return i(n,t,s)}),s}var Zt=function(t){return function(n,r){var o=e(b),a=e(O);return r?Ft(t,n,o,a):k((function(){return Ft(t,n,o,a)}))}};function _t(t,n,r,e){var o={},a=!1===(null==r?void 0:r.initial),i=e(t);for(var s in i)o[s]=lt(i[s]);var u=t.initial,l=t.animate,c=C(t),f=function(t){return Boolean(C(t)||t.variants)}(t);n&&f&&!c&&!1!==t.inherit&&(null!=u||(u=n.initial),null!=l||(l=n.animate));var d,v=a||!1===u,m=v?l:u;!m||"boolean"==typeof m||"object"==typeof(d=m)&&"function"==typeof d.start||(Array.isArray(m)?m:[m]).forEach((function(n){var r=function(t,n,r,e,o){var a;return void 0===e&&(e={}),void 0===o&&(o={}),"function"==typeof n&&(n=n(null!=r?r:t.custom,e,o)),"string"==typeof n&&(n=null===(a=t.variants)||void 0===a?void 0:a[n]),"function"==typeof n&&(n=n(null!=r?r:t.custom,e,o)),n}(t,n);if(r){var e=r.transitionEnd;r.transition;var a=p(r,["transitionEnd","transition"]);for(var i in a){var s=a[i];if(Array.isArray(s))s=s[v?s.length-1:0];null!==s&&(o[i]=s)}for(var i in e)o[i]=e[i]}}));return o}var zt={useVisualState:Zt({scrapeMotionValuesFromProps:function(t){var n=Wt(t);for(var r in t){if(J(t[r]))n["x"===r||"y"===r?"attr"+r.toUpperCase():r]=t[r]}return n},createRenderState:Mt,onMount:function(t,n,r){var e=r.renderState,o=r.latestValues;try{e.dimensions="function"==typeof n.getBBox?n.getBBox():n.getBoundingClientRect()}catch(t){e.dimensions={x:0,y:0,width:0,height:0}}Bt(e,o,{enableHardwareAcceleration:!1},t.transformTemplate),It(n,e)}})},Ut={useVisualState:Zt({scrapeMotionValuesFromProps:Wt,createRenderState:xt})};var Nt=function(t){function n(n,r){return void 0===r&&(r={}),mt(t(n,r))}if("undefined"==typeof Proxy)return n;var r=new Map;return new Proxy(n,{get:function(t,e){return r.has(e)||r.set(e,n(e)),r.get(e)}})}((function(t,n,r,e,o){var a=n.forwardMotionProps,i=void 0!==a&&a,s=gt(t)?zt:Ut;return d(d({},s),{preloadedFeatures:r,useRender:Xt(i),createVisualElement:e,projectionNodeConstructor:o,Component:t})}));export{Nt as m};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "framer-motion",
3
- "version": "5.5.0",
3
+ "version": "5.5.4",
4
4
  "description": "A simple and powerful React animation library",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/es/index.mjs",
@@ -1,11 +1,13 @@
1
- import { RefObject, Ref } from "react";
1
+ import { Size } from "@react-three/fiber";
2
+ import { MutableRefObject, RefObject, Ref } from "react";
3
+ export declare type DimensionsState = {
4
+ size: Size;
5
+ dpr?: number;
6
+ };
2
7
  export declare type SetLayoutCamera = (ref: Ref<any>) => void;
3
- export declare type SetSize = (size: {
4
- width: number;
5
- height: number;
6
- }) => void;
8
+ export declare type SetDimensions = (state: DimensionsState) => void;
7
9
  export interface MotionCanvasContextProps {
8
10
  layoutCamera: RefObject<any>;
9
- setSize: SetSize;
11
+ dimensions: MutableRefObject<DimensionsState>;
10
12
  }
11
13
  export declare const MotionCanvasContext: import("react").Context<MotionCanvasContextProps | undefined>;