motion 12.7.4 → 12.7.5-alpha.0
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/README.md +1 -1
- package/dist/cjs/debug.js +22 -14
- package/dist/cjs/index.js +4113 -3624
- package/dist/cjs/mini.js +403 -324
- package/dist/cjs/react-client.js +3151 -3245
- package/dist/cjs/react-m.js +169 -166
- package/dist/cjs/react-mini.js +330 -251
- package/dist/es/framer-motion/dist/es/animation/animate/sequence.mjs +1 -1
- package/dist/es/framer-motion/dist/es/animation/animators/waapi/animate-elements.mjs +81 -9
- package/dist/es/framer-motion/dist/es/animation/interfaces/motion-value.mjs +11 -30
- package/dist/es/framer-motion/dist/es/animation/interfaces/visual-element-target.mjs +1 -1
- package/dist/es/framer-motion/dist/es/animation/optimized-appear/store-id.mjs +1 -1
- package/dist/es/framer-motion/dist/es/animation/sequence/create.mjs +3 -3
- package/dist/es/framer-motion/dist/es/animation/sequence/utils/edit.mjs +2 -2
- package/dist/es/framer-motion/dist/es/animation/utils/default-transitions.mjs +1 -1
- package/dist/es/framer-motion/dist/es/animation/utils/stagger.mjs +1 -1
- package/dist/es/framer-motion/dist/es/components/Reorder/utils/check-reorder.mjs +1 -1
- package/dist/es/framer-motion/dist/es/gestures/drag/VisualElementDragControls.mjs +2 -2
- package/dist/es/framer-motion/dist/es/gestures/drag/utils/constraints.mjs +2 -2
- package/dist/es/framer-motion/dist/es/gestures/focus.mjs +1 -1
- package/dist/es/framer-motion/dist/es/gestures/pan/PanSession.mjs +1 -1
- package/dist/es/framer-motion/dist/es/motion/utils/is-forced-motion-value.mjs +1 -1
- package/dist/es/framer-motion/dist/es/projection/animation/mix-values.mjs +3 -3
- package/dist/es/framer-motion/dist/es/projection/geometry/delta-apply.mjs +1 -1
- package/dist/es/framer-motion/dist/es/projection/geometry/delta-calc.mjs +1 -1
- package/dist/es/framer-motion/dist/es/projection/geometry/delta-remove.mjs +2 -2
- package/dist/es/framer-motion/dist/es/projection/node/create-projection-node.mjs +3 -5
- package/dist/es/framer-motion/dist/es/projection/styles/scale-border-radius.mjs +1 -1
- package/dist/es/framer-motion/dist/es/projection/styles/scale-box-shadow.mjs +2 -2
- package/dist/es/framer-motion/dist/es/projection/styles/scale-correction.mjs +1 -1
- package/dist/es/framer-motion/dist/es/render/VisualElement.mjs +7 -7
- package/dist/es/framer-motion/dist/es/render/dom/DOMVisualElement.mjs +1 -1
- package/dist/es/framer-motion/dist/es/render/dom/scroll/attach-animation.mjs +17 -0
- package/dist/es/framer-motion/dist/es/render/dom/scroll/attach-function.mjs +23 -0
- package/dist/es/framer-motion/dist/es/render/dom/scroll/index.mjs +6 -82
- package/dist/es/framer-motion/dist/es/render/dom/scroll/offsets/index.mjs +3 -3
- package/dist/es/framer-motion/dist/es/render/dom/scroll/utils/get-timeline.mjs +29 -0
- package/dist/es/framer-motion/dist/es/render/html/HTMLVisualElement.mjs +3 -3
- package/dist/es/framer-motion/dist/es/render/html/utils/build-styles.mjs +4 -4
- package/dist/es/framer-motion/dist/es/render/html/utils/build-transform.mjs +3 -3
- package/dist/es/framer-motion/dist/es/render/svg/SVGVisualElement.mjs +2 -2
- package/dist/es/framer-motion/dist/es/render/svg/config-motion.mjs +1 -1
- package/dist/es/framer-motion/dist/es/render/svg/utils/path.mjs +1 -1
- package/dist/es/framer-motion/dist/es/render/svg/utils/scrape-motion-values.mjs +1 -1
- package/dist/es/framer-motion/dist/es/render/svg/utils/transform-origin.mjs +1 -1
- package/dist/es/framer-motion/dist/es/render/utils/motion-values.mjs +1 -1
- package/dist/es/framer-motion/dist/es/utils/delay.mjs +1 -1
- package/dist/es/framer-motion/dist/es/utils/transform.mjs +1 -1
- package/dist/es/framer-motion/dist/es/utils/use-cycle.mjs +1 -1
- package/dist/es/framer-motion/dist/es/utils/use-instant-transition.mjs +4 -4
- package/dist/es/framer-motion/dist/es/value/use-spring.mjs +2 -2
- package/dist/es/framer-motion/dist/es/value/use-will-change/get-will-change-name.mjs +2 -2
- package/dist/es/motion/lib/index.mjs +109 -26
- package/dist/es/motion/lib/react.mjs +108 -32
- package/dist/es/motion-dom/dist/es/animation/AsyncMotionValueAnimation.mjs +179 -0
- package/dist/es/motion-dom/dist/es/animation/GroupAnimation.mjs +6 -15
- package/dist/es/{framer-motion/dist/es/animation/animators/MainThreadAnimation.mjs → motion-dom/dist/es/animation/JSAnimation.mjs} +108 -156
- package/dist/es/motion-dom/dist/es/animation/NativeAnimation.mjs +64 -67
- package/dist/es/motion-dom/dist/es/animation/NativeAnimationExtended.mjs +65 -0
- package/dist/es/motion-dom/dist/es/animation/NativeAnimationWrapper.mjs +14 -0
- package/dist/es/{framer-motion/dist/es/animation/animators → motion-dom/dist/es/animation}/drivers/driver-frameloop.mjs +2 -2
- package/dist/es/{framer-motion → motion-dom}/dist/es/animation/generators/keyframes.mjs +5 -5
- package/dist/es/{framer-motion → motion-dom}/dist/es/animation/generators/spring/find.mjs +1 -1
- package/dist/es/{framer-motion → motion-dom}/dist/es/animation/generators/spring/index.mjs +5 -6
- package/dist/es/{framer-motion/dist/es/render/dom → motion-dom/dist/es/animation/keyframes}/DOMKeyframesResolver.mjs +9 -8
- package/dist/es/{framer-motion/dist/es/render/utils → motion-dom/dist/es/animation/keyframes}/KeyframesResolver.mjs +28 -35
- package/dist/es/motion-dom/dist/es/animation/keyframes/get-final.mjs +3 -4
- package/dist/es/{framer-motion/dist/es/utils → motion-dom/dist/es/animation/keyframes}/offsets/fill.mjs +2 -2
- package/dist/es/motion-dom/dist/es/animation/keyframes/utils/apply-px-defaults.mjs +11 -0
- package/dist/es/motion-dom/dist/es/animation/keyframes/utils/fill-wildcards.mjs +7 -0
- package/dist/es/{framer-motion/dist/es/animation → motion-dom/dist/es/animation/keyframes}/utils/is-none.mjs +1 -1
- package/dist/es/{framer-motion/dist/es/render/html → motion-dom/dist/es/animation/keyframes}/utils/make-none-animatable.mjs +1 -1
- package/dist/es/{framer-motion/dist/es/render/dom → motion-dom/dist/es/animation/keyframes}/utils/unit-conversion.mjs +2 -2
- package/dist/es/motion-dom/dist/es/animation/utils/WithPromise.mjs +28 -0
- package/dist/es/motion-dom/dist/es/animation/utils/active-animations.mjs +9 -0
- package/dist/es/{framer-motion/dist/es/animation/animators → motion-dom/dist/es/animation}/utils/can-animate.mjs +3 -3
- package/dist/es/{framer-motion/dist/es/render/dom → motion-dom/dist/es/animation}/utils/css-variables-conversion.mjs +2 -2
- package/dist/es/motion-dom/dist/es/animation/utils/replace-transition-type.mjs +18 -0
- package/dist/es/motion-dom/dist/es/animation/waapi/easing/is-supported.mjs +1 -1
- package/dist/es/motion-dom/dist/es/animation/waapi/easing/map-easing.mjs +5 -3
- package/dist/es/motion-dom/dist/es/animation/waapi/start-waapi-animation.mjs +6 -4
- package/dist/es/motion-dom/dist/es/animation/waapi/supports/waapi.mjs +39 -0
- package/dist/es/motion-dom/dist/es/animation/waapi/utils/apply-generator.mjs +2 -1
- package/dist/es/motion-dom/dist/es/animation/waapi/utils/unsupported-easing.mjs +20 -0
- package/dist/es/motion-dom/dist/es/frameloop/batcher.mjs +2 -1
- package/dist/es/motion-dom/dist/es/frameloop/order.mjs +1 -0
- package/dist/es/motion-dom/dist/es/render/dom/is-css-var.mjs +3 -0
- package/dist/es/motion-dom/dist/es/render/dom/style-computed.mjs +10 -0
- package/dist/es/motion-dom/dist/es/render/dom/style-set.mjs +9 -0
- package/dist/es/{framer-motion/dist/es/render/html → motion-dom/dist/es/render}/utils/keys-transform.mjs +1 -1
- package/dist/es/{framer-motion/dist/es/render/dom → motion-dom/dist/es}/scroll/observe.mjs +1 -1
- package/dist/es/motion-dom/dist/es/stats/index.mjs +2 -0
- package/dist/es/{framer-motion → motion-dom}/dist/es/utils/interpolate.mjs +4 -3
- package/dist/es/{framer-motion → motion-dom}/dist/es/utils/mix/color.mjs +3 -3
- package/dist/es/{framer-motion → motion-dom}/dist/es/utils/mix/complex.mjs +5 -5
- package/dist/es/motion-dom/dist/es/value/index.mjs +3 -1
- package/dist/es/{framer-motion → motion-dom}/dist/es/value/types/color/rgba.mjs +2 -2
- package/dist/es/{framer-motion/dist/es/render/dom/value-types → motion-dom/dist/es/value/types}/dimensions.mjs +3 -3
- package/dist/es/{framer-motion/dist/es/render/dom/value-types/type-int.mjs → motion-dom/dist/es/value/types/int.mjs} +1 -1
- package/dist/es/{framer-motion/dist/es/render/dom/value-types → motion-dom/dist/es/value/types/maps}/defaults.mjs +2 -2
- package/dist/es/{framer-motion/dist/es/render/dom/value-types/number-browser.mjs → motion-dom/dist/es/value/types/maps/number.mjs} +13 -3
- package/dist/es/{framer-motion/dist/es/render/dom/value-types → motion-dom/dist/es/value/types/maps}/transform.mjs +2 -2
- package/dist/es/{framer-motion → motion-dom}/dist/es/value/types/numbers/index.mjs +1 -1
- package/dist/es/{framer-motion → motion-dom}/dist/es/value/types/numbers/units.mjs +3 -2
- package/dist/es/{framer-motion/dist/es/render/dom/value-types → motion-dom/dist/es/value/types/utils}/animatable-none.mjs +4 -4
- package/dist/es/{framer-motion/dist/es/render/dom/value-types → motion-dom/dist/es/value/types/utils}/find.mjs +4 -4
- package/dist/es/motion-dom/dist/es/view/index.mjs +64 -0
- package/dist/es/motion-dom/dist/es/view/queue.mjs +52 -0
- package/dist/es/motion-dom/dist/es/view/start.mjs +155 -0
- package/dist/es/motion-dom/dist/es/view/utils/choose-layer-type.mjs +11 -0
- package/dist/es/motion-dom/dist/es/view/utils/css.mjs +32 -0
- package/dist/es/motion-dom/dist/es/view/utils/get-layer-name.mjs +8 -0
- package/dist/es/motion-dom/dist/es/view/utils/get-view-animations.mjs +12 -0
- package/dist/es/motion-dom/dist/es/view/utils/has-target.mjs +5 -0
- package/dist/es/{framer-motion → motion-utils}/dist/es/easing/cubic-bezier.mjs +1 -1
- package/dist/es/{framer-motion → motion-utils}/dist/es/easing/steps.mjs +1 -1
- package/dist/es/{framer-motion → motion-utils}/dist/es/easing/utils/get-easing-for-segment.mjs +1 -1
- package/dist/es/{framer-motion → motion-utils}/dist/es/easing/utils/map.mjs +7 -4
- package/dist/es/motion-utils/dist/es/global-config.mjs +1 -4
- package/dist/es/motion-utils/dist/es/warn-once.mjs +4 -1
- package/dist/motion.dev.js +4108 -3619
- package/dist/motion.js +1 -1
- package/package.json +3 -3
- package/dist/es/framer-motion/dist/es/animation/animators/AcceleratedAnimation.mjs +0 -324
- package/dist/es/framer-motion/dist/es/animation/animators/BaseAnimation.mjs +0 -120
- package/dist/es/framer-motion/dist/es/animation/animators/waapi/utils/supports-waapi.mjs +0 -5
- package/dist/es/framer-motion/dist/es/render/dom/value-types/number.mjs +0 -18
- package/dist/es/framer-motion/dist/es/utils/use-instant-transition-state.mjs +0 -5
- package/dist/es/motion-dom/dist/es/animation/keyframes/hydrate.mjs +0 -26
- package/dist/es/motion-dom/dist/es/animation/waapi/utils/attach-timeline.mjs +0 -6
- package/dist/es/motion-dom/dist/es/render/dom/style.mjs +0 -15
- /package/dist/es/{framer-motion → motion-dom}/dist/es/animation/generators/inertia.mjs +0 -0
- /package/dist/es/{framer-motion → motion-dom}/dist/es/animation/generators/spring/defaults.mjs +0 -0
- /package/dist/es/{framer-motion → motion-dom}/dist/es/animation/generators/utils/velocity.mjs +0 -0
- /package/dist/es/{framer-motion/dist/es/utils → motion-dom/dist/es/animation/keyframes}/offsets/default.mjs +0 -0
- /package/dist/es/{framer-motion/dist/es/utils → motion-dom/dist/es/animation/keyframes}/offsets/time.mjs +0 -0
- /package/dist/es/{framer-motion → motion-dom}/dist/es/animation/utils/is-animatable.mjs +0 -0
- /package/dist/es/{framer-motion/dist/es/render/dom → motion-dom/dist/es/animation}/utils/is-css-variable.mjs +0 -0
- /package/dist/es/{framer-motion/dist/es/animation/animators → motion-dom/dist/es/animation/waapi}/utils/accelerated-values.mjs +0 -0
- /package/dist/es/{framer-motion/dist/es/render/html/utils → motion-dom/dist/es/render/dom}/parse-transform.mjs +0 -0
- /package/dist/es/{framer-motion/dist/es/render/html → motion-dom/dist/es/render}/utils/keys-position.mjs +0 -0
- /package/dist/es/{framer-motion → motion-dom}/dist/es/utils/mix/immediate.mjs +0 -0
- /package/dist/es/{framer-motion → motion-dom}/dist/es/utils/mix/index.mjs +0 -0
- /package/dist/es/{framer-motion → motion-dom}/dist/es/utils/mix/number.mjs +0 -0
- /package/dist/es/{framer-motion → motion-dom}/dist/es/utils/mix/visibility.mjs +0 -0
- /package/dist/es/{framer-motion/dist/es/render/dom/value-types/type-auto.mjs → motion-dom/dist/es/value/types/auto.mjs} +0 -0
- /package/dist/es/{framer-motion → motion-dom}/dist/es/value/types/color/hex.mjs +0 -0
- /package/dist/es/{framer-motion/dist/es/utils → motion-dom/dist/es/value/types/color}/hsla-to-rgba.mjs +0 -0
- /package/dist/es/{framer-motion → motion-dom}/dist/es/value/types/color/hsla.mjs +0 -0
- /package/dist/es/{framer-motion → motion-dom}/dist/es/value/types/color/index.mjs +0 -0
- /package/dist/es/{framer-motion → motion-dom}/dist/es/value/types/color/utils.mjs +0 -0
- /package/dist/es/{framer-motion → motion-dom}/dist/es/value/types/complex/filter.mjs +0 -0
- /package/dist/es/{framer-motion → motion-dom}/dist/es/value/types/complex/index.mjs +0 -0
- /package/dist/es/{framer-motion/dist/es/render/dom/value-types → motion-dom/dist/es/value/types}/test.mjs +0 -0
- /package/dist/es/{framer-motion → motion-dom}/dist/es/value/types/utils/color-regex.mjs +0 -0
- /package/dist/es/{framer-motion → motion-dom}/dist/es/value/types/utils/float-regex.mjs +0 -0
- /package/dist/es/{framer-motion/dist/es/render/dom/value-types → motion-dom/dist/es/value/types/utils}/get-as-type.mjs +0 -0
- /package/dist/es/{framer-motion → motion-dom}/dist/es/value/types/utils/is-nullish.mjs +0 -0
- /package/dist/es/{framer-motion → motion-dom}/dist/es/value/types/utils/sanitize.mjs +0 -0
- /package/dist/es/{framer-motion → motion-dom}/dist/es/value/types/utils/single-color-regex.mjs +0 -0
- /package/dist/es/{framer-motion/dist/es/utils → motion-utils/dist/es}/clamp.mjs +0 -0
- /package/dist/es/{framer-motion → motion-utils}/dist/es/easing/anticipate.mjs +0 -0
- /package/dist/es/{framer-motion → motion-utils}/dist/es/easing/back.mjs +0 -0
- /package/dist/es/{framer-motion → motion-utils}/dist/es/easing/circ.mjs +0 -0
- /package/dist/es/{framer-motion → motion-utils}/dist/es/easing/ease.mjs +0 -0
- /package/dist/es/{framer-motion → motion-utils}/dist/es/easing/modifiers/mirror.mjs +0 -0
- /package/dist/es/{framer-motion → motion-utils}/dist/es/easing/modifiers/reverse.mjs +0 -0
- /package/dist/es/{motion-dom/dist/es → motion-utils/dist/es/easing}/utils/is-bezier-definition.mjs +0 -0
- /package/dist/es/{framer-motion → motion-utils}/dist/es/easing/utils/is-easing-array.mjs +0 -0
- /package/dist/es/{framer-motion/dist/es/utils → motion-utils/dist/es}/is-numerical-string.mjs +0 -0
- /package/dist/es/{framer-motion/dist/es/utils → motion-utils/dist/es}/is-zero-value-string.mjs +0 -0
- /package/dist/es/{framer-motion/dist/es/utils → motion-utils/dist/es}/pipe.mjs +0 -0
- /package/dist/es/{framer-motion/dist/es/utils → motion-utils/dist/es}/wrap.mjs +0 -0
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { clamp } from '../../../../utils/clamp.mjs';
|
|
2
|
-
import { interpolate } from '../../../../utils/interpolate.mjs';
|
|
3
|
-
import { defaultOffset } from '../../../../utils/offsets/default.mjs';
|
|
4
1
|
import { calcInset } from './inset.mjs';
|
|
5
2
|
import { resolveOffset } from './offset.mjs';
|
|
6
3
|
import { ScrollOffset } from './presets.mjs';
|
|
4
|
+
import { interpolate } from '../../../../../../../motion-dom/dist/es/utils/interpolate.mjs';
|
|
5
|
+
import { defaultOffset } from '../../../../../../../motion-dom/dist/es/animation/keyframes/offsets/default.mjs';
|
|
6
|
+
import { clamp } from '../../../../../../../motion-utils/dist/es/clamp.mjs';
|
|
7
7
|
|
|
8
8
|
const point = { x: 0, y: 0 };
|
|
9
9
|
function getTargetSize(target) {
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { scrollInfo } from '../track.mjs';
|
|
2
|
+
import { supportsScrollTimeline } from '../../../../../../../motion-dom/dist/es/utils/supports/scroll-timeline.mjs';
|
|
3
|
+
|
|
4
|
+
const timelineCache = new Map();
|
|
5
|
+
function scrollTimelineFallback(options) {
|
|
6
|
+
const currentTime = { value: 0 };
|
|
7
|
+
const cancel = scrollInfo((info) => {
|
|
8
|
+
currentTime.value = info[options.axis].progress * 100;
|
|
9
|
+
}, options);
|
|
10
|
+
return { currentTime, cancel };
|
|
11
|
+
}
|
|
12
|
+
function getTimeline({ source, container, ...options }) {
|
|
13
|
+
const { axis } = options;
|
|
14
|
+
// Support legacy source argument. Deprecate later.
|
|
15
|
+
if (source)
|
|
16
|
+
container = source;
|
|
17
|
+
if (!timelineCache.has(container)) {
|
|
18
|
+
timelineCache.set(container, {});
|
|
19
|
+
}
|
|
20
|
+
const elementCache = timelineCache.get(container);
|
|
21
|
+
if (!elementCache[axis]) {
|
|
22
|
+
elementCache[axis] = supportsScrollTimeline()
|
|
23
|
+
? new ScrollTimeline({ source: container, axis })
|
|
24
|
+
: scrollTimelineFallback({ container, ...options });
|
|
25
|
+
}
|
|
26
|
+
return elementCache[axis];
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
export { getTimeline };
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { measureViewportBox } from '../../projection/utils/measure.mjs';
|
|
2
2
|
import { DOMVisualElement } from '../dom/DOMVisualElement.mjs';
|
|
3
|
-
import { isCSSVariableName } from '../dom/utils/is-css-variable.mjs';
|
|
4
3
|
import { buildHTMLStyles } from './utils/build-styles.mjs';
|
|
5
|
-
import { transformProps } from './utils/keys-transform.mjs';
|
|
6
|
-
import { readTransformValue } from './utils/parse-transform.mjs';
|
|
7
4
|
import { renderHTML } from './utils/render.mjs';
|
|
8
5
|
import { scrapeMotionValuesFromProps } from './utils/scrape-motion-values.mjs';
|
|
6
|
+
import { transformProps } from '../../../../../motion-dom/dist/es/render/utils/keys-transform.mjs';
|
|
7
|
+
import { readTransformValue } from '../../../../../motion-dom/dist/es/render/dom/parse-transform.mjs';
|
|
8
|
+
import { isCSSVariableName } from '../../../../../motion-dom/dist/es/animation/utils/is-css-variable.mjs';
|
|
9
9
|
|
|
10
10
|
function getComputedStyle(element) {
|
|
11
11
|
return window.getComputedStyle(element);
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { isCSSVariableName } from '../../dom/utils/is-css-variable.mjs';
|
|
2
|
-
import { getValueAsType } from '../../dom/value-types/get-as-type.mjs';
|
|
3
|
-
import { numberValueTypes } from '../../dom/value-types/number.mjs';
|
|
4
1
|
import { buildTransform } from './build-transform.mjs';
|
|
5
|
-
import { transformProps } from '
|
|
2
|
+
import { transformProps } from '../../../../../../motion-dom/dist/es/render/utils/keys-transform.mjs';
|
|
3
|
+
import { isCSSVariableName } from '../../../../../../motion-dom/dist/es/animation/utils/is-css-variable.mjs';
|
|
4
|
+
import { getValueAsType } from '../../../../../../motion-dom/dist/es/value/types/utils/get-as-type.mjs';
|
|
5
|
+
import { numberValueTypes } from '../../../../../../motion-dom/dist/es/value/types/maps/number.mjs';
|
|
6
6
|
|
|
7
7
|
function buildHTMLStyles(state, latestValues, transformTemplate) {
|
|
8
8
|
const { style, vars, transformOrigin } = state;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
1
|
+
import { transformPropOrder } from '../../../../../../motion-dom/dist/es/render/utils/keys-transform.mjs';
|
|
2
|
+
import { getValueAsType } from '../../../../../../motion-dom/dist/es/value/types/utils/get-as-type.mjs';
|
|
3
|
+
import { numberValueTypes } from '../../../../../../motion-dom/dist/es/value/types/maps/number.mjs';
|
|
4
4
|
|
|
5
5
|
const translateAlias = {
|
|
6
6
|
x: "translateX",
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { createBox } from '../../projection/geometry/models.mjs';
|
|
2
2
|
import { DOMVisualElement } from '../dom/DOMVisualElement.mjs';
|
|
3
3
|
import { camelToDash } from '../dom/utils/camel-to-dash.mjs';
|
|
4
|
-
import { getDefaultValueType } from '../dom/value-types/defaults.mjs';
|
|
5
|
-
import { transformProps } from '../html/utils/keys-transform.mjs';
|
|
6
4
|
import { buildSVGAttrs } from './utils/build-attrs.mjs';
|
|
7
5
|
import { camelCaseAttributes } from './utils/camel-case-attrs.mjs';
|
|
8
6
|
import { isSVGTag } from './utils/is-svg-tag.mjs';
|
|
9
7
|
import { updateSVGDimensions } from './utils/measure.mjs';
|
|
10
8
|
import { renderSVG } from './utils/render.mjs';
|
|
11
9
|
import { scrapeMotionValuesFromProps } from './utils/scrape-motion-values.mjs';
|
|
10
|
+
import { transformProps } from '../../../../../motion-dom/dist/es/render/utils/keys-transform.mjs';
|
|
11
|
+
import { getDefaultValueType } from '../../../../../motion-dom/dist/es/value/types/maps/defaults.mjs';
|
|
12
12
|
import { frame } from '../../../../../motion-dom/dist/es/frameloop/frame.mjs';
|
|
13
13
|
|
|
14
14
|
class SVGVisualElement extends DOMVisualElement {
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { makeUseVisualState } from '../../motion/utils/use-visual-state.mjs';
|
|
2
|
-
import { transformProps } from '../html/utils/keys-transform.mjs';
|
|
3
2
|
import { buildSVGAttrs } from './utils/build-attrs.mjs';
|
|
4
3
|
import { createSvgRenderState } from './utils/create-render-state.mjs';
|
|
5
4
|
import { isSVGTag } from './utils/is-svg-tag.mjs';
|
|
6
5
|
import { updateSVGDimensions } from './utils/measure.mjs';
|
|
7
6
|
import { renderSVG } from './utils/render.mjs';
|
|
8
7
|
import { scrapeMotionValuesFromProps } from './utils/scrape-motion-values.mjs';
|
|
8
|
+
import { transformProps } from '../../../../../motion-dom/dist/es/render/utils/keys-transform.mjs';
|
|
9
9
|
import { frame } from '../../../../../motion-dom/dist/es/frameloop/frame.mjs';
|
|
10
10
|
|
|
11
11
|
const layoutProps = ["x", "y", "width", "height", "cx", "cy", "r"];
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { isMotionValue } from '../../../value/utils/is-motion-value.mjs';
|
|
2
|
-
import { transformPropOrder } from '../../html/utils/keys-transform.mjs';
|
|
3
2
|
import { scrapeMotionValuesFromProps as scrapeMotionValuesFromProps$1 } from '../../html/utils/scrape-motion-values.mjs';
|
|
3
|
+
import { transformPropOrder } from '../../../../../../motion-dom/dist/es/render/utils/keys-transform.mjs';
|
|
4
4
|
|
|
5
5
|
function scrapeMotionValuesFromProps(props, prevProps, visualElement) {
|
|
6
6
|
const newValues = scrapeMotionValuesFromProps$1(props, prevProps, visualElement);
|
|
@@ -17,7 +17,7 @@ function updateMotionValuesFromProps(element, next, prev) {
|
|
|
17
17
|
* and warn against mismatches.
|
|
18
18
|
*/
|
|
19
19
|
if (process.env.NODE_ENV === "development") {
|
|
20
|
-
warnOnce(nextValue.version === "12.7.
|
|
20
|
+
warnOnce(nextValue.version === "12.7.5-alpha.0", `Attempting to mix Motion versions ${nextValue.version} with 12.7.5-alpha.0 may not work as expected.`);
|
|
21
21
|
}
|
|
22
22
|
}
|
|
23
23
|
else if (isMotionValue(prevValue)) {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useRef, useState, useCallback } from 'react';
|
|
2
|
-
import { wrap } from '
|
|
2
|
+
import { wrap } from '../../../../motion-utils/dist/es/wrap.mjs';
|
|
3
3
|
|
|
4
4
|
/**
|
|
5
5
|
* Cycles through a series of visual properties. Can be used to toggle between or cycle through animations. It works similar to `useState` in React. It is provided an initial array of possible states, and returns an array of two arguments.
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { useRef, useEffect } from 'react';
|
|
2
2
|
import { useInstantLayoutTransition } from '../projection/use-instant-layout-transition.mjs';
|
|
3
3
|
import { useForceUpdate } from './use-force-update.mjs';
|
|
4
|
-
import { instantAnimationState } from './use-instant-transition-state.mjs';
|
|
5
4
|
import { frame } from '../../../../motion-dom/dist/es/frameloop/frame.mjs';
|
|
5
|
+
import { MotionGlobalConfig } from '../../../../motion-utils/dist/es/global-config.mjs';
|
|
6
6
|
|
|
7
7
|
function useInstantTransition() {
|
|
8
8
|
const [forceUpdate, forcedRenderCount] = useForceUpdate();
|
|
@@ -22,12 +22,12 @@ function useInstantTransition() {
|
|
|
22
22
|
*/
|
|
23
23
|
if (forcedRenderCount !== unlockOnFrameRef.current)
|
|
24
24
|
return;
|
|
25
|
-
|
|
25
|
+
MotionGlobalConfig.instantAnimations = false;
|
|
26
26
|
}));
|
|
27
27
|
}, [forcedRenderCount]);
|
|
28
28
|
return (callback) => {
|
|
29
29
|
startInstantLayoutTransition(() => {
|
|
30
|
-
|
|
30
|
+
MotionGlobalConfig.instantAnimations = true;
|
|
31
31
|
forceUpdate();
|
|
32
32
|
callback();
|
|
33
33
|
unlockOnFrameRef.current = forcedRenderCount + 1;
|
|
@@ -35,7 +35,7 @@ function useInstantTransition() {
|
|
|
35
35
|
};
|
|
36
36
|
}
|
|
37
37
|
function disableInstantTransitions() {
|
|
38
|
-
|
|
38
|
+
MotionGlobalConfig.instantAnimations = false;
|
|
39
39
|
}
|
|
40
40
|
|
|
41
41
|
export { disableInstantTransitions, useInstantTransition };
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { useContext, useRef, useInsertionEffect } from 'react';
|
|
2
|
-
import { animateValue } from '../animation/animators/MainThreadAnimation.mjs';
|
|
3
2
|
import { MotionConfigContext } from '../context/MotionConfigContext.mjs';
|
|
4
3
|
import { useConstant } from '../utils/use-constant.mjs';
|
|
5
4
|
import { useIsomorphicLayoutEffect } from '../utils/use-isomorphic-effect.mjs';
|
|
@@ -7,6 +6,7 @@ import { useMotionValue } from './use-motion-value.mjs';
|
|
|
7
6
|
import { isMotionValue } from './utils/is-motion-value.mjs';
|
|
8
7
|
import { noop } from '../../../../motion-utils/dist/es/noop.mjs';
|
|
9
8
|
import { frame } from '../../../../motion-dom/dist/es/frameloop/frame.mjs';
|
|
9
|
+
import { JSAnimation } from '../../../../motion-dom/dist/es/animation/JSAnimation.mjs';
|
|
10
10
|
|
|
11
11
|
function useSpring(source, config = {}) {
|
|
12
12
|
const { isStatic } = useContext(MotionConfigContext);
|
|
@@ -20,7 +20,7 @@ function useSpring(source, config = {}) {
|
|
|
20
20
|
const latestSetter = useRef(noop);
|
|
21
21
|
const startAnimation = () => {
|
|
22
22
|
stopAnimation();
|
|
23
|
-
activeSpringAnimation.current =
|
|
23
|
+
activeSpringAnimation.current = new JSAnimation({
|
|
24
24
|
keyframes: [asNumber(value.get()), asNumber(latestValue.current)],
|
|
25
25
|
velocity: value.getVelocity(),
|
|
26
26
|
type: "spring",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { acceleratedValues } from '../../animation/animators/utils/accelerated-values.mjs';
|
|
2
1
|
import { camelToDash } from '../../render/dom/utils/camel-to-dash.mjs';
|
|
3
|
-
import { transformProps } from '
|
|
2
|
+
import { transformProps } from '../../../../../motion-dom/dist/es/render/utils/keys-transform.mjs';
|
|
3
|
+
import { acceleratedValues } from '../../../../../motion-dom/dist/es/animation/waapi/utils/accelerated-values.mjs';
|
|
4
4
|
|
|
5
5
|
function getWillChangeName(name) {
|
|
6
6
|
if (transformProps.has(name)) {
|
|
@@ -1,35 +1,118 @@
|
|
|
1
|
-
export { MotionValue, motionValue } from '../../motion-dom/dist/es/value/index.mjs';
|
|
2
|
-
export { cancelFrame, frame, frameData } from '../../motion-dom/dist/es/frameloop/frame.mjs';
|
|
3
|
-
export { cancelSync, sync } from '../../motion-dom/dist/es/frameloop/index-legacy.mjs';
|
|
4
|
-
export { hover } from '../../motion-dom/dist/es/gestures/hover.mjs';
|
|
5
|
-
export { isDragActive } from '../../motion-dom/dist/es/gestures/drag/state/is-active.mjs';
|
|
6
|
-
export { press } from '../../motion-dom/dist/es/gestures/press/index.mjs';
|
|
7
|
-
export { time } from '../../motion-dom/dist/es/frameloop/sync-time.mjs';
|
|
8
|
-
export { invariant } from '../../motion-utils/dist/es/errors.mjs';
|
|
9
|
-
export { noop } from '../../motion-utils/dist/es/noop.mjs';
|
|
10
|
-
export { progress } from '../../motion-utils/dist/es/progress.mjs';
|
|
11
1
|
export { animate, createScopedAnimate } from '../../framer-motion/dist/es/animation/animate/index.mjs';
|
|
12
2
|
export { animateMini } from '../../framer-motion/dist/es/animation/animators/waapi/animate-style.mjs';
|
|
13
3
|
export { scroll } from '../../framer-motion/dist/es/render/dom/scroll/index.mjs';
|
|
14
4
|
export { scrollInfo } from '../../framer-motion/dist/es/render/dom/scroll/track.mjs';
|
|
15
5
|
export { inView } from '../../framer-motion/dist/es/render/dom/viewport/index.mjs';
|
|
16
|
-
export { anticipate } from '../../framer-motion/dist/es/easing/anticipate.mjs';
|
|
17
|
-
export { backIn, backInOut, backOut } from '../../framer-motion/dist/es/easing/back.mjs';
|
|
18
|
-
export { circIn, circInOut, circOut } from '../../framer-motion/dist/es/easing/circ.mjs';
|
|
19
|
-
export { cubicBezier } from '../../framer-motion/dist/es/easing/cubic-bezier.mjs';
|
|
20
|
-
export { easeIn, easeInOut, easeOut } from '../../framer-motion/dist/es/easing/ease.mjs';
|
|
21
|
-
export { mirrorEasing } from '../../framer-motion/dist/es/easing/modifiers/mirror.mjs';
|
|
22
|
-
export { reverseEasing } from '../../framer-motion/dist/es/easing/modifiers/reverse.mjs';
|
|
23
|
-
export { steps } from '../../framer-motion/dist/es/easing/steps.mjs';
|
|
24
|
-
export { inertia } from '../../framer-motion/dist/es/animation/generators/inertia.mjs';
|
|
25
|
-
export { keyframes } from '../../framer-motion/dist/es/animation/generators/keyframes.mjs';
|
|
26
|
-
export { spring } from '../../framer-motion/dist/es/animation/generators/spring/index.mjs';
|
|
27
6
|
export { stagger } from '../../framer-motion/dist/es/animation/utils/stagger.mjs';
|
|
28
|
-
export { clamp } from '../../framer-motion/dist/es/utils/clamp.mjs';
|
|
29
7
|
export { delayInSeconds as delay } from '../../framer-motion/dist/es/utils/delay.mjs';
|
|
30
8
|
export { distance, distance2D } from '../../framer-motion/dist/es/utils/distance.mjs';
|
|
31
|
-
export { interpolate } from '../../framer-motion/dist/es/utils/interpolate.mjs';
|
|
32
|
-
export { mix } from '../../framer-motion/dist/es/utils/mix/index.mjs';
|
|
33
|
-
export { pipe } from '../../framer-motion/dist/es/utils/pipe.mjs';
|
|
34
9
|
export { transform } from '../../framer-motion/dist/es/utils/transform.mjs';
|
|
35
|
-
export {
|
|
10
|
+
export { AsyncMotionValueAnimation } from '../../motion-dom/dist/es/animation/AsyncMotionValueAnimation.mjs';
|
|
11
|
+
export { GroupAnimation } from '../../motion-dom/dist/es/animation/GroupAnimation.mjs';
|
|
12
|
+
export { GroupAnimationWithThen } from '../../motion-dom/dist/es/animation/GroupAnimationWithThen.mjs';
|
|
13
|
+
export { JSAnimation, animateValue } from '../../motion-dom/dist/es/animation/JSAnimation.mjs';
|
|
14
|
+
export { NativeAnimation } from '../../motion-dom/dist/es/animation/NativeAnimation.mjs';
|
|
15
|
+
export { NativeAnimationExtended } from '../../motion-dom/dist/es/animation/NativeAnimationExtended.mjs';
|
|
16
|
+
export { NativeAnimationWrapper } from '../../motion-dom/dist/es/animation/NativeAnimationWrapper.mjs';
|
|
17
|
+
export { animationMapKey, getAnimationMap } from '../../motion-dom/dist/es/animation/utils/active-animations.mjs';
|
|
18
|
+
export { getVariableValue, parseCSSVariable } from '../../motion-dom/dist/es/animation/utils/css-variables-conversion.mjs';
|
|
19
|
+
export { getValueTransition } from '../../motion-dom/dist/es/animation/utils/get-value-transition.mjs';
|
|
20
|
+
export { isCSSVariableName, isCSSVariableToken } from '../../motion-dom/dist/es/animation/utils/is-css-variable.mjs';
|
|
21
|
+
export { inertia } from '../../motion-dom/dist/es/animation/generators/inertia.mjs';
|
|
22
|
+
export { defaultEasing, keyframes } from '../../motion-dom/dist/es/animation/generators/keyframes.mjs';
|
|
23
|
+
export { spring } from '../../motion-dom/dist/es/animation/generators/spring/index.mjs';
|
|
24
|
+
export { calcGeneratorDuration, maxGeneratorDuration } from '../../motion-dom/dist/es/animation/generators/utils/calc-duration.mjs';
|
|
25
|
+
export { createGeneratorEasing } from '../../motion-dom/dist/es/animation/generators/utils/create-generator-easing.mjs';
|
|
26
|
+
export { isGenerator } from '../../motion-dom/dist/es/animation/generators/utils/is-generator.mjs';
|
|
27
|
+
export { DOMKeyframesResolver } from '../../motion-dom/dist/es/animation/keyframes/DOMKeyframesResolver.mjs';
|
|
28
|
+
export { KeyframeResolver, flushKeyframeResolvers } from '../../motion-dom/dist/es/animation/keyframes/KeyframesResolver.mjs';
|
|
29
|
+
export { defaultOffset } from '../../motion-dom/dist/es/animation/keyframes/offsets/default.mjs';
|
|
30
|
+
export { fillOffset } from '../../motion-dom/dist/es/animation/keyframes/offsets/fill.mjs';
|
|
31
|
+
export { convertOffsetToTimes } from '../../motion-dom/dist/es/animation/keyframes/offsets/time.mjs';
|
|
32
|
+
export { applyPxDefaults } from '../../motion-dom/dist/es/animation/keyframes/utils/apply-px-defaults.mjs';
|
|
33
|
+
export { fillWildcards } from '../../motion-dom/dist/es/animation/keyframes/utils/fill-wildcards.mjs';
|
|
34
|
+
export { cubicBezierAsString } from '../../motion-dom/dist/es/animation/waapi/easing/cubic-bezier.mjs';
|
|
35
|
+
export { isWaapiSupportedEasing } from '../../motion-dom/dist/es/animation/waapi/easing/is-supported.mjs';
|
|
36
|
+
export { mapEasingToNativeEasing } from '../../motion-dom/dist/es/animation/waapi/easing/map-easing.mjs';
|
|
37
|
+
export { supportedWaapiEasing } from '../../motion-dom/dist/es/animation/waapi/easing/supported.mjs';
|
|
38
|
+
export { startWaapiAnimation } from '../../motion-dom/dist/es/animation/waapi/start-waapi-animation.mjs';
|
|
39
|
+
export { supportsPartialKeyframes } from '../../motion-dom/dist/es/animation/waapi/supports/partial-keyframes.mjs';
|
|
40
|
+
export { supportsBrowserAnimation } from '../../motion-dom/dist/es/animation/waapi/supports/waapi.mjs';
|
|
41
|
+
export { acceleratedValues } from '../../motion-dom/dist/es/animation/waapi/utils/accelerated-values.mjs';
|
|
42
|
+
export { generateLinearEasing } from '../../motion-dom/dist/es/animation/waapi/utils/linear.mjs';
|
|
43
|
+
export { createRenderBatcher } from '../../motion-dom/dist/es/frameloop/batcher.mjs';
|
|
44
|
+
export { cancelMicrotask, microtask } from '../../motion-dom/dist/es/frameloop/microtask.mjs';
|
|
45
|
+
export { time } from '../../motion-dom/dist/es/frameloop/sync-time.mjs';
|
|
46
|
+
export { isDragActive, isDragging } from '../../motion-dom/dist/es/gestures/drag/state/is-active.mjs';
|
|
47
|
+
export { setDragLock } from '../../motion-dom/dist/es/gestures/drag/state/set-active.mjs';
|
|
48
|
+
export { hover } from '../../motion-dom/dist/es/gestures/hover.mjs';
|
|
49
|
+
export { press } from '../../motion-dom/dist/es/gestures/press/index.mjs';
|
|
50
|
+
export { isNodeOrChild } from '../../motion-dom/dist/es/gestures/utils/is-node-or-child.mjs';
|
|
51
|
+
export { isPrimaryPointer } from '../../motion-dom/dist/es/gestures/utils/is-primary-pointer.mjs';
|
|
52
|
+
export { parseValueFromTransform, readTransformValue } from '../../motion-dom/dist/es/render/dom/parse-transform.mjs';
|
|
53
|
+
export { getComputedStyle } from '../../motion-dom/dist/es/render/dom/style-computed.mjs';
|
|
54
|
+
export { setStyle } from '../../motion-dom/dist/es/render/dom/style-set.mjs';
|
|
55
|
+
export { positionalKeys } from '../../motion-dom/dist/es/render/utils/keys-position.mjs';
|
|
56
|
+
export { transformPropOrder, transformProps } from '../../motion-dom/dist/es/render/utils/keys-transform.mjs';
|
|
57
|
+
export { observeTimeline } from '../../motion-dom/dist/es/scroll/observe.mjs';
|
|
58
|
+
export { recordStats } from '../../motion-dom/dist/es/stats/index.mjs';
|
|
59
|
+
export { activeAnimations } from '../../motion-dom/dist/es/stats/animation-count.mjs';
|
|
60
|
+
export { statsBuffer } from '../../motion-dom/dist/es/stats/buffer.mjs';
|
|
61
|
+
export { interpolate } from '../../motion-dom/dist/es/utils/interpolate.mjs';
|
|
62
|
+
export { mix } from '../../motion-dom/dist/es/utils/mix/index.mjs';
|
|
63
|
+
export { mixColor, mixLinearColor } from '../../motion-dom/dist/es/utils/mix/color.mjs';
|
|
64
|
+
export { getMixer, mixArray, mixComplex, mixObject } from '../../motion-dom/dist/es/utils/mix/complex.mjs';
|
|
65
|
+
export { mixImmediate } from '../../motion-dom/dist/es/utils/mix/immediate.mjs';
|
|
66
|
+
export { mixNumber } from '../../motion-dom/dist/es/utils/mix/number.mjs';
|
|
67
|
+
export { invisibleValues, mixVisibility } from '../../motion-dom/dist/es/utils/mix/visibility.mjs';
|
|
68
|
+
export { resolveElements } from '../../motion-dom/dist/es/utils/resolve-elements.mjs';
|
|
69
|
+
export { supportsFlags } from '../../motion-dom/dist/es/utils/supports/flags.mjs';
|
|
70
|
+
export { supportsLinearEasing } from '../../motion-dom/dist/es/utils/supports/linear-easing.mjs';
|
|
71
|
+
export { supportsScrollTimeline } from '../../motion-dom/dist/es/utils/supports/scroll-timeline.mjs';
|
|
72
|
+
export { MotionValue, collectMotionValues, motionValue } from '../../motion-dom/dist/es/value/index.mjs';
|
|
73
|
+
export { color } from '../../motion-dom/dist/es/value/types/color/index.mjs';
|
|
74
|
+
export { hex } from '../../motion-dom/dist/es/value/types/color/hex.mjs';
|
|
75
|
+
export { hsla } from '../../motion-dom/dist/es/value/types/color/hsla.mjs';
|
|
76
|
+
export { hslaToRgba } from '../../motion-dom/dist/es/value/types/color/hsla-to-rgba.mjs';
|
|
77
|
+
export { rgbUnit, rgba } from '../../motion-dom/dist/es/value/types/color/rgba.mjs';
|
|
78
|
+
export { analyseComplexValue, complex } from '../../motion-dom/dist/es/value/types/complex/index.mjs';
|
|
79
|
+
export { dimensionValueTypes, findDimensionValueType } from '../../motion-dom/dist/es/value/types/dimensions.mjs';
|
|
80
|
+
export { defaultValueTypes, getDefaultValueType } from '../../motion-dom/dist/es/value/types/maps/defaults.mjs';
|
|
81
|
+
export { numberValueTypes } from '../../motion-dom/dist/es/value/types/maps/number.mjs';
|
|
82
|
+
export { transformValueTypes } from '../../motion-dom/dist/es/value/types/maps/transform.mjs';
|
|
83
|
+
export { alpha, number, scale } from '../../motion-dom/dist/es/value/types/numbers/index.mjs';
|
|
84
|
+
export { degrees, percent, progressPercentage, px, vh, vw } from '../../motion-dom/dist/es/value/types/numbers/units.mjs';
|
|
85
|
+
export { testValueType } from '../../motion-dom/dist/es/value/types/test.mjs';
|
|
86
|
+
export { getAnimatableNone } from '../../motion-dom/dist/es/value/types/utils/animatable-none.mjs';
|
|
87
|
+
export { findValueType } from '../../motion-dom/dist/es/value/types/utils/find.mjs';
|
|
88
|
+
export { getValueAsType } from '../../motion-dom/dist/es/value/types/utils/get-as-type.mjs';
|
|
89
|
+
export { ViewTransitionBuilder, animateView } from '../../motion-dom/dist/es/view/index.mjs';
|
|
90
|
+
export { cancelSync, sync } from '../../motion-dom/dist/es/frameloop/index-legacy.mjs';
|
|
91
|
+
export { cancelFrame, frame, frameData, frameSteps } from '../../motion-dom/dist/es/frameloop/frame.mjs';
|
|
92
|
+
export { addUniqueItem, moveItem, removeItem } from '../../motion-utils/dist/es/array.mjs';
|
|
93
|
+
export { clamp } from '../../motion-utils/dist/es/clamp.mjs';
|
|
94
|
+
export { invariant, warning } from '../../motion-utils/dist/es/errors.mjs';
|
|
95
|
+
export { MotionGlobalConfig } from '../../motion-utils/dist/es/global-config.mjs';
|
|
96
|
+
export { isNumericalString } from '../../motion-utils/dist/es/is-numerical-string.mjs';
|
|
97
|
+
export { isZeroValueString } from '../../motion-utils/dist/es/is-zero-value-string.mjs';
|
|
98
|
+
export { memo } from '../../motion-utils/dist/es/memo.mjs';
|
|
99
|
+
export { noop } from '../../motion-utils/dist/es/noop.mjs';
|
|
100
|
+
export { pipe } from '../../motion-utils/dist/es/pipe.mjs';
|
|
101
|
+
export { progress } from '../../motion-utils/dist/es/progress.mjs';
|
|
102
|
+
export { SubscriptionManager } from '../../motion-utils/dist/es/subscription-manager.mjs';
|
|
103
|
+
export { millisecondsToSeconds, secondsToMilliseconds } from '../../motion-utils/dist/es/time-conversion.mjs';
|
|
104
|
+
export { velocityPerSecond } from '../../motion-utils/dist/es/velocity-per-second.mjs';
|
|
105
|
+
export { hasWarned, warnOnce } from '../../motion-utils/dist/es/warn-once.mjs';
|
|
106
|
+
export { wrap } from '../../motion-utils/dist/es/wrap.mjs';
|
|
107
|
+
export { anticipate } from '../../motion-utils/dist/es/easing/anticipate.mjs';
|
|
108
|
+
export { backIn, backInOut, backOut } from '../../motion-utils/dist/es/easing/back.mjs';
|
|
109
|
+
export { circIn, circInOut, circOut } from '../../motion-utils/dist/es/easing/circ.mjs';
|
|
110
|
+
export { cubicBezier } from '../../motion-utils/dist/es/easing/cubic-bezier.mjs';
|
|
111
|
+
export { easeIn, easeInOut, easeOut } from '../../motion-utils/dist/es/easing/ease.mjs';
|
|
112
|
+
export { mirrorEasing } from '../../motion-utils/dist/es/easing/modifiers/mirror.mjs';
|
|
113
|
+
export { reverseEasing } from '../../motion-utils/dist/es/easing/modifiers/reverse.mjs';
|
|
114
|
+
export { steps } from '../../motion-utils/dist/es/easing/steps.mjs';
|
|
115
|
+
export { getEasingForSegment } from '../../motion-utils/dist/es/easing/utils/get-easing-for-segment.mjs';
|
|
116
|
+
export { isBezierDefinition } from '../../motion-utils/dist/es/easing/utils/is-bezier-definition.mjs';
|
|
117
|
+
export { isEasingArray } from '../../motion-utils/dist/es/easing/utils/is-easing-array.mjs';
|
|
118
|
+
export { easingDefinitionToFunction } from '../../motion-utils/dist/es/easing/utils/map.mjs';
|
|
@@ -36,11 +36,6 @@ export { resolveMotionValue } from '../../framer-motion/dist/es/value/utils/reso
|
|
|
36
36
|
export { useReducedMotion } from '../../framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.mjs';
|
|
37
37
|
export { useReducedMotionConfig } from '../../framer-motion/dist/es/utils/reduced-motion/use-reduced-motion-config.mjs';
|
|
38
38
|
export { MotionGlobalConfig } from '../../motion-utils/dist/es/global-config.mjs';
|
|
39
|
-
export { invariant } from '../../motion-utils/dist/es/errors.mjs';
|
|
40
|
-
export { noop } from '../../motion-utils/dist/es/noop.mjs';
|
|
41
|
-
export { progress } from '../../motion-utils/dist/es/progress.mjs';
|
|
42
|
-
export { AcceleratedAnimation } from '../../framer-motion/dist/es/animation/animators/AcceleratedAnimation.mjs';
|
|
43
|
-
export { animateValue } from '../../framer-motion/dist/es/animation/animators/MainThreadAnimation.mjs';
|
|
44
39
|
export { animationControls } from '../../framer-motion/dist/es/animation/hooks/animation-controls.mjs';
|
|
45
40
|
export { useAnimate } from '../../framer-motion/dist/es/animation/hooks/use-animate.mjs';
|
|
46
41
|
export { useAnimateMini } from '../../framer-motion/dist/es/animation/hooks/use-animate-style.mjs';
|
|
@@ -64,11 +59,6 @@ export { useAnimationFrame } from '../../framer-motion/dist/es/utils/use-animati
|
|
|
64
59
|
export { useCycle } from '../../framer-motion/dist/es/utils/use-cycle.mjs';
|
|
65
60
|
export { useInView } from '../../framer-motion/dist/es/utils/use-in-view.mjs';
|
|
66
61
|
export { disableInstantTransitions, useInstantTransition } from '../../framer-motion/dist/es/utils/use-instant-transition.mjs';
|
|
67
|
-
export { color } from '../../framer-motion/dist/es/value/types/color/index.mjs';
|
|
68
|
-
export { complex } from '../../framer-motion/dist/es/value/types/complex/index.mjs';
|
|
69
|
-
export { px } from '../../framer-motion/dist/es/value/types/numbers/units.mjs';
|
|
70
|
-
export { spring } from '../../framer-motion/dist/es/animation/generators/spring/index.mjs';
|
|
71
|
-
export { findSpring } from '../../framer-motion/dist/es/animation/generators/spring/find.mjs';
|
|
72
62
|
export { optimizedAppearDataAttribute } from '../../framer-motion/dist/es/animation/optimized-appear/data-id.mjs';
|
|
73
63
|
export { startOptimizedAppearAnimation } from '../../framer-motion/dist/es/animation/optimized-appear/start.mjs';
|
|
74
64
|
export { LayoutGroupContext } from '../../framer-motion/dist/es/context/LayoutGroupContext.mjs';
|
|
@@ -82,35 +72,121 @@ export { AnimateSharedLayout } from '../../framer-motion/dist/es/components/Anim
|
|
|
82
72
|
export { DeprecatedLayoutGroupContext } from '../../framer-motion/dist/es/context/DeprecatedLayoutGroupContext.mjs';
|
|
83
73
|
export { useInvertedScale as useDeprecatedInvertedScale } from '../../framer-motion/dist/es/value/use-inverted-scale.mjs';
|
|
84
74
|
export { delay } from '../../framer-motion/dist/es/utils/delay.mjs';
|
|
85
|
-
export { MotionValue, motionValue } from '../../motion-dom/dist/es/value/index.mjs';
|
|
86
|
-
export { cancelFrame, frame, frameData } from '../../motion-dom/dist/es/frameloop/frame.mjs';
|
|
87
|
-
export { cancelSync, sync } from '../../motion-dom/dist/es/frameloop/index-legacy.mjs';
|
|
88
|
-
export { hover } from '../../motion-dom/dist/es/gestures/hover.mjs';
|
|
89
|
-
export { isDragActive } from '../../motion-dom/dist/es/gestures/drag/state/is-active.mjs';
|
|
90
|
-
export { press } from '../../motion-dom/dist/es/gestures/press/index.mjs';
|
|
91
|
-
export { time } from '../../motion-dom/dist/es/frameloop/sync-time.mjs';
|
|
92
75
|
export { animate, createScopedAnimate } from '../../framer-motion/dist/es/animation/animate/index.mjs';
|
|
93
76
|
export { animateMini } from '../../framer-motion/dist/es/animation/animators/waapi/animate-style.mjs';
|
|
94
77
|
export { scroll } from '../../framer-motion/dist/es/render/dom/scroll/index.mjs';
|
|
95
78
|
export { scrollInfo } from '../../framer-motion/dist/es/render/dom/scroll/track.mjs';
|
|
96
79
|
export { inView } from '../../framer-motion/dist/es/render/dom/viewport/index.mjs';
|
|
97
|
-
export { inertia } from '../../framer-motion/dist/es/animation/generators/inertia.mjs';
|
|
98
|
-
export { keyframes } from '../../framer-motion/dist/es/animation/generators/keyframes.mjs';
|
|
99
80
|
export { stagger } from '../../framer-motion/dist/es/animation/utils/stagger.mjs';
|
|
100
|
-
export { clamp } from '../../framer-motion/dist/es/utils/clamp.mjs';
|
|
101
|
-
export { mix } from '../../framer-motion/dist/es/utils/mix/index.mjs';
|
|
102
|
-
export { pipe } from '../../framer-motion/dist/es/utils/pipe.mjs';
|
|
103
81
|
export { transform } from '../../framer-motion/dist/es/utils/transform.mjs';
|
|
104
|
-
export { wrap } from '../../framer-motion/dist/es/utils/wrap.mjs';
|
|
105
|
-
export { anticipate } from '../../framer-motion/dist/es/easing/anticipate.mjs';
|
|
106
|
-
export { backIn, backInOut, backOut } from '../../framer-motion/dist/es/easing/back.mjs';
|
|
107
|
-
export { circIn, circInOut, circOut } from '../../framer-motion/dist/es/easing/circ.mjs';
|
|
108
|
-
export { cubicBezier } from '../../framer-motion/dist/es/easing/cubic-bezier.mjs';
|
|
109
|
-
export { easeIn, easeInOut, easeOut } from '../../framer-motion/dist/es/easing/ease.mjs';
|
|
110
|
-
export { mirrorEasing } from '../../framer-motion/dist/es/easing/modifiers/mirror.mjs';
|
|
111
|
-
export { reverseEasing } from '../../framer-motion/dist/es/easing/modifiers/reverse.mjs';
|
|
112
|
-
export { steps } from '../../framer-motion/dist/es/easing/steps.mjs';
|
|
113
82
|
export { distance, distance2D } from '../../framer-motion/dist/es/utils/distance.mjs';
|
|
114
|
-
export {
|
|
83
|
+
export { addUniqueItem, moveItem, removeItem } from '../../motion-utils/dist/es/array.mjs';
|
|
84
|
+
export { clamp } from '../../motion-utils/dist/es/clamp.mjs';
|
|
85
|
+
export { invariant, warning } from '../../motion-utils/dist/es/errors.mjs';
|
|
86
|
+
export { isNumericalString } from '../../motion-utils/dist/es/is-numerical-string.mjs';
|
|
87
|
+
export { isZeroValueString } from '../../motion-utils/dist/es/is-zero-value-string.mjs';
|
|
88
|
+
export { memo } from '../../motion-utils/dist/es/memo.mjs';
|
|
89
|
+
export { noop } from '../../motion-utils/dist/es/noop.mjs';
|
|
90
|
+
export { pipe } from '../../motion-utils/dist/es/pipe.mjs';
|
|
91
|
+
export { progress } from '../../motion-utils/dist/es/progress.mjs';
|
|
92
|
+
export { SubscriptionManager } from '../../motion-utils/dist/es/subscription-manager.mjs';
|
|
93
|
+
export { millisecondsToSeconds, secondsToMilliseconds } from '../../motion-utils/dist/es/time-conversion.mjs';
|
|
94
|
+
export { velocityPerSecond } from '../../motion-utils/dist/es/velocity-per-second.mjs';
|
|
95
|
+
export { hasWarned, warnOnce } from '../../motion-utils/dist/es/warn-once.mjs';
|
|
96
|
+
export { wrap } from '../../motion-utils/dist/es/wrap.mjs';
|
|
97
|
+
export { anticipate } from '../../motion-utils/dist/es/easing/anticipate.mjs';
|
|
98
|
+
export { backIn, backInOut, backOut } from '../../motion-utils/dist/es/easing/back.mjs';
|
|
99
|
+
export { circIn, circInOut, circOut } from '../../motion-utils/dist/es/easing/circ.mjs';
|
|
100
|
+
export { cubicBezier } from '../../motion-utils/dist/es/easing/cubic-bezier.mjs';
|
|
101
|
+
export { easeIn, easeInOut, easeOut } from '../../motion-utils/dist/es/easing/ease.mjs';
|
|
102
|
+
export { mirrorEasing } from '../../motion-utils/dist/es/easing/modifiers/mirror.mjs';
|
|
103
|
+
export { reverseEasing } from '../../motion-utils/dist/es/easing/modifiers/reverse.mjs';
|
|
104
|
+
export { steps } from '../../motion-utils/dist/es/easing/steps.mjs';
|
|
105
|
+
export { getEasingForSegment } from '../../motion-utils/dist/es/easing/utils/get-easing-for-segment.mjs';
|
|
106
|
+
export { isBezierDefinition } from '../../motion-utils/dist/es/easing/utils/is-bezier-definition.mjs';
|
|
107
|
+
export { isEasingArray } from '../../motion-utils/dist/es/easing/utils/is-easing-array.mjs';
|
|
108
|
+
export { easingDefinitionToFunction } from '../../motion-utils/dist/es/easing/utils/map.mjs';
|
|
109
|
+
export { AsyncMotionValueAnimation } from '../../motion-dom/dist/es/animation/AsyncMotionValueAnimation.mjs';
|
|
110
|
+
export { GroupAnimation } from '../../motion-dom/dist/es/animation/GroupAnimation.mjs';
|
|
111
|
+
export { GroupAnimationWithThen } from '../../motion-dom/dist/es/animation/GroupAnimationWithThen.mjs';
|
|
112
|
+
export { JSAnimation, animateValue } from '../../motion-dom/dist/es/animation/JSAnimation.mjs';
|
|
113
|
+
export { NativeAnimation } from '../../motion-dom/dist/es/animation/NativeAnimation.mjs';
|
|
114
|
+
export { NativeAnimationExtended } from '../../motion-dom/dist/es/animation/NativeAnimationExtended.mjs';
|
|
115
|
+
export { NativeAnimationWrapper } from '../../motion-dom/dist/es/animation/NativeAnimationWrapper.mjs';
|
|
116
|
+
export { animationMapKey, getAnimationMap } from '../../motion-dom/dist/es/animation/utils/active-animations.mjs';
|
|
117
|
+
export { getVariableValue, parseCSSVariable } from '../../motion-dom/dist/es/animation/utils/css-variables-conversion.mjs';
|
|
118
|
+
export { getValueTransition } from '../../motion-dom/dist/es/animation/utils/get-value-transition.mjs';
|
|
119
|
+
export { isCSSVariableName, isCSSVariableToken } from '../../motion-dom/dist/es/animation/utils/is-css-variable.mjs';
|
|
120
|
+
export { inertia } from '../../motion-dom/dist/es/animation/generators/inertia.mjs';
|
|
121
|
+
export { defaultEasing, keyframes } from '../../motion-dom/dist/es/animation/generators/keyframes.mjs';
|
|
122
|
+
export { spring } from '../../motion-dom/dist/es/animation/generators/spring/index.mjs';
|
|
123
|
+
export { calcGeneratorDuration, maxGeneratorDuration } from '../../motion-dom/dist/es/animation/generators/utils/calc-duration.mjs';
|
|
124
|
+
export { createGeneratorEasing } from '../../motion-dom/dist/es/animation/generators/utils/create-generator-easing.mjs';
|
|
125
|
+
export { isGenerator } from '../../motion-dom/dist/es/animation/generators/utils/is-generator.mjs';
|
|
126
|
+
export { DOMKeyframesResolver } from '../../motion-dom/dist/es/animation/keyframes/DOMKeyframesResolver.mjs';
|
|
127
|
+
export { KeyframeResolver, flushKeyframeResolvers } from '../../motion-dom/dist/es/animation/keyframes/KeyframesResolver.mjs';
|
|
128
|
+
export { defaultOffset } from '../../motion-dom/dist/es/animation/keyframes/offsets/default.mjs';
|
|
129
|
+
export { fillOffset } from '../../motion-dom/dist/es/animation/keyframes/offsets/fill.mjs';
|
|
130
|
+
export { convertOffsetToTimes } from '../../motion-dom/dist/es/animation/keyframes/offsets/time.mjs';
|
|
131
|
+
export { applyPxDefaults } from '../../motion-dom/dist/es/animation/keyframes/utils/apply-px-defaults.mjs';
|
|
132
|
+
export { fillWildcards } from '../../motion-dom/dist/es/animation/keyframes/utils/fill-wildcards.mjs';
|
|
133
|
+
export { cubicBezierAsString } from '../../motion-dom/dist/es/animation/waapi/easing/cubic-bezier.mjs';
|
|
134
|
+
export { isWaapiSupportedEasing } from '../../motion-dom/dist/es/animation/waapi/easing/is-supported.mjs';
|
|
135
|
+
export { mapEasingToNativeEasing } from '../../motion-dom/dist/es/animation/waapi/easing/map-easing.mjs';
|
|
136
|
+
export { supportedWaapiEasing } from '../../motion-dom/dist/es/animation/waapi/easing/supported.mjs';
|
|
137
|
+
export { startWaapiAnimation } from '../../motion-dom/dist/es/animation/waapi/start-waapi-animation.mjs';
|
|
138
|
+
export { supportsPartialKeyframes } from '../../motion-dom/dist/es/animation/waapi/supports/partial-keyframes.mjs';
|
|
139
|
+
export { supportsBrowserAnimation } from '../../motion-dom/dist/es/animation/waapi/supports/waapi.mjs';
|
|
140
|
+
export { acceleratedValues } from '../../motion-dom/dist/es/animation/waapi/utils/accelerated-values.mjs';
|
|
141
|
+
export { generateLinearEasing } from '../../motion-dom/dist/es/animation/waapi/utils/linear.mjs';
|
|
142
|
+
export { createRenderBatcher } from '../../motion-dom/dist/es/frameloop/batcher.mjs';
|
|
143
|
+
export { cancelMicrotask, microtask } from '../../motion-dom/dist/es/frameloop/microtask.mjs';
|
|
144
|
+
export { time } from '../../motion-dom/dist/es/frameloop/sync-time.mjs';
|
|
145
|
+
export { isDragActive, isDragging } from '../../motion-dom/dist/es/gestures/drag/state/is-active.mjs';
|
|
146
|
+
export { setDragLock } from '../../motion-dom/dist/es/gestures/drag/state/set-active.mjs';
|
|
147
|
+
export { hover } from '../../motion-dom/dist/es/gestures/hover.mjs';
|
|
148
|
+
export { press } from '../../motion-dom/dist/es/gestures/press/index.mjs';
|
|
149
|
+
export { isNodeOrChild } from '../../motion-dom/dist/es/gestures/utils/is-node-or-child.mjs';
|
|
150
|
+
export { isPrimaryPointer } from '../../motion-dom/dist/es/gestures/utils/is-primary-pointer.mjs';
|
|
151
|
+
export { parseValueFromTransform, readTransformValue } from '../../motion-dom/dist/es/render/dom/parse-transform.mjs';
|
|
152
|
+
export { getComputedStyle } from '../../motion-dom/dist/es/render/dom/style-computed.mjs';
|
|
153
|
+
export { setStyle } from '../../motion-dom/dist/es/render/dom/style-set.mjs';
|
|
154
|
+
export { positionalKeys } from '../../motion-dom/dist/es/render/utils/keys-position.mjs';
|
|
155
|
+
export { transformPropOrder, transformProps } from '../../motion-dom/dist/es/render/utils/keys-transform.mjs';
|
|
156
|
+
export { observeTimeline } from '../../motion-dom/dist/es/scroll/observe.mjs';
|
|
157
|
+
export { recordStats } from '../../motion-dom/dist/es/stats/index.mjs';
|
|
158
|
+
export { activeAnimations } from '../../motion-dom/dist/es/stats/animation-count.mjs';
|
|
159
|
+
export { statsBuffer } from '../../motion-dom/dist/es/stats/buffer.mjs';
|
|
160
|
+
export { interpolate } from '../../motion-dom/dist/es/utils/interpolate.mjs';
|
|
161
|
+
export { mix } from '../../motion-dom/dist/es/utils/mix/index.mjs';
|
|
162
|
+
export { mixColor, mixLinearColor } from '../../motion-dom/dist/es/utils/mix/color.mjs';
|
|
163
|
+
export { getMixer, mixArray, mixComplex, mixObject } from '../../motion-dom/dist/es/utils/mix/complex.mjs';
|
|
164
|
+
export { mixImmediate } from '../../motion-dom/dist/es/utils/mix/immediate.mjs';
|
|
165
|
+
export { mixNumber } from '../../motion-dom/dist/es/utils/mix/number.mjs';
|
|
166
|
+
export { invisibleValues, mixVisibility } from '../../motion-dom/dist/es/utils/mix/visibility.mjs';
|
|
167
|
+
export { resolveElements } from '../../motion-dom/dist/es/utils/resolve-elements.mjs';
|
|
168
|
+
export { supportsFlags } from '../../motion-dom/dist/es/utils/supports/flags.mjs';
|
|
169
|
+
export { supportsLinearEasing } from '../../motion-dom/dist/es/utils/supports/linear-easing.mjs';
|
|
170
|
+
export { supportsScrollTimeline } from '../../motion-dom/dist/es/utils/supports/scroll-timeline.mjs';
|
|
171
|
+
export { MotionValue, collectMotionValues, motionValue } from '../../motion-dom/dist/es/value/index.mjs';
|
|
172
|
+
export { color } from '../../motion-dom/dist/es/value/types/color/index.mjs';
|
|
173
|
+
export { hex } from '../../motion-dom/dist/es/value/types/color/hex.mjs';
|
|
174
|
+
export { hsla } from '../../motion-dom/dist/es/value/types/color/hsla.mjs';
|
|
175
|
+
export { hslaToRgba } from '../../motion-dom/dist/es/value/types/color/hsla-to-rgba.mjs';
|
|
176
|
+
export { rgbUnit, rgba } from '../../motion-dom/dist/es/value/types/color/rgba.mjs';
|
|
177
|
+
export { analyseComplexValue, complex } from '../../motion-dom/dist/es/value/types/complex/index.mjs';
|
|
178
|
+
export { dimensionValueTypes, findDimensionValueType } from '../../motion-dom/dist/es/value/types/dimensions.mjs';
|
|
179
|
+
export { defaultValueTypes, getDefaultValueType } from '../../motion-dom/dist/es/value/types/maps/defaults.mjs';
|
|
180
|
+
export { numberValueTypes } from '../../motion-dom/dist/es/value/types/maps/number.mjs';
|
|
181
|
+
export { transformValueTypes } from '../../motion-dom/dist/es/value/types/maps/transform.mjs';
|
|
182
|
+
export { alpha, number, scale } from '../../motion-dom/dist/es/value/types/numbers/index.mjs';
|
|
183
|
+
export { degrees, percent, progressPercentage, px, vh, vw } from '../../motion-dom/dist/es/value/types/numbers/units.mjs';
|
|
184
|
+
export { testValueType } from '../../motion-dom/dist/es/value/types/test.mjs';
|
|
185
|
+
export { getAnimatableNone } from '../../motion-dom/dist/es/value/types/utils/animatable-none.mjs';
|
|
186
|
+
export { findValueType } from '../../motion-dom/dist/es/value/types/utils/find.mjs';
|
|
187
|
+
export { getValueAsType } from '../../motion-dom/dist/es/value/types/utils/get-as-type.mjs';
|
|
188
|
+
export { ViewTransitionBuilder, animateView } from '../../motion-dom/dist/es/view/index.mjs';
|
|
189
|
+
export { cancelSync, sync } from '../../motion-dom/dist/es/frameloop/index-legacy.mjs';
|
|
190
|
+
export { cancelFrame, frame, frameData, frameSteps } from '../../motion-dom/dist/es/frameloop/frame.mjs';
|
|
115
191
|
import * as namespace from '../../framer-motion/dist/es/components/Reorder/namespace.mjs';
|
|
116
192
|
export { namespace as Reorder };
|