motion-start 0.0.1 → 0.1.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 +42 -9
- package/{src → dist}/animation/UseAnimatedState.svelte +27 -25
- package/dist/animation/UseAnimatedState.svelte.d.ts +36 -0
- package/dist/animation/UseAnimatedState.svelte.d.ts.map +1 -0
- package/dist/animation/UseAnimation.svelte.d.ts +29 -0
- package/dist/animation/UseAnimation.svelte.d.ts.map +1 -0
- package/{src/animation/animate.ts → dist/animation/animate.d.ts} +59 -78
- package/dist/animation/animate.d.ts.map +1 -0
- package/dist/animation/animate.js +46 -0
- package/dist/animation/animation-controls.d.ts +12 -0
- package/dist/animation/animation-controls.d.ts.map +1 -0
- package/{src/animation/animation-controls.ts → dist/animation/animation-controls.js} +89 -101
- package/{src/animation/types.ts → dist/animation/types.d.ts} +84 -83
- package/dist/animation/types.d.ts.map +1 -0
- package/dist/animation/types.js +1 -0
- package/dist/animation/use-animated-state.d.ts +2 -0
- package/dist/animation/use-animated-state.d.ts.map +1 -0
- package/dist/animation/use-animated-state.js +1 -0
- package/dist/animation/use-animation.d.ts +62 -0
- package/dist/animation/use-animation.d.ts.map +1 -0
- package/{src/animation/use-animation.ts → dist/animation/use-animation.js} +66 -74
- package/dist/animation/utils/default-transitions.d.ts +27 -0
- package/dist/animation/utils/default-transitions.d.ts.map +1 -0
- package/{src/animation/utils/default-transitions.ts → dist/animation/utils/default-transitions.js} +57 -70
- package/dist/animation/utils/easing.d.ts +9 -0
- package/dist/animation/utils/easing.d.ts.map +1 -0
- package/{src/animation/utils/easing.ts → dist/animation/utils/easing.js} +42 -55
- package/dist/animation/utils/is-animatable.d.ts +17 -0
- package/dist/animation/utils/is-animatable.d.ts.map +1 -0
- package/{src/animation/utils/is-animatable.ts → dist/animation/utils/is-animatable.js} +33 -42
- package/{src/animation/utils/is-animation-controls.ts → dist/animation/utils/is-animation-controls.d.ts} +12 -17
- package/dist/animation/utils/is-animation-controls.d.ts.map +1 -0
- package/dist/animation/utils/is-animation-controls.js +8 -0
- package/{src/animation/utils/is-keyframes-target.ts → dist/animation/utils/is-keyframes-target.d.ts} +12 -17
- package/dist/animation/utils/is-keyframes-target.d.ts.map +1 -0
- package/dist/animation/utils/is-keyframes-target.js +8 -0
- package/dist/animation/utils/transitions.d.ts +35 -0
- package/dist/animation/utils/transitions.d.ts.map +1 -0
- package/{src/animation/utils/transitions.ts → dist/animation/utils/transitions.js} +211 -218
- package/{src/animation/utils/variant-resolvers.ts → dist/animation/utils/variant-resolvers.d.ts} +17 -15
- package/dist/animation/utils/variant-resolvers.d.ts.map +1 -0
- package/dist/animation/utils/variant-resolvers.js +1 -0
- package/{src → dist}/components/AnimatePresence/AnimatePresence.svelte +16 -8
- package/dist/components/AnimatePresence/AnimatePresence.svelte.d.ts +39 -0
- package/dist/components/AnimatePresence/AnimatePresence.svelte.d.ts.map +1 -0
- package/{src → dist}/components/AnimatePresence/PresenceChild/PresenceChild.svelte +14 -14
- package/dist/components/AnimatePresence/PresenceChild/PresenceChild.svelte.d.ts +29 -0
- package/dist/components/AnimatePresence/PresenceChild/PresenceChild.svelte.d.ts.map +1 -0
- package/{src/components/AnimatePresence/PresenceChild/index.ts → dist/components/AnimatePresence/PresenceChild/index.d.ts} +7 -7
- package/dist/components/AnimatePresence/PresenceChild/index.d.ts.map +1 -0
- package/dist/components/AnimatePresence/PresenceChild/index.js +5 -0
- package/{src/components/AnimatePresence/PresenceChild/types.ts → dist/components/AnimatePresence/PresenceChild/types.d.ts} +10 -10
- package/dist/components/AnimatePresence/PresenceChild/types.d.ts.map +1 -0
- package/dist/components/AnimatePresence/PresenceChild/types.js +1 -0
- package/{src/components/AnimatePresence/index.ts → dist/components/AnimatePresence/index.d.ts} +51 -46
- package/dist/components/AnimatePresence/index.d.ts.map +1 -0
- package/dist/components/AnimatePresence/index.js +2 -0
- package/dist/components/AnimatePresence/type.spec-d.d.ts +2 -0
- package/dist/components/AnimatePresence/type.spec-d.d.ts.map +1 -0
- package/dist/components/AnimatePresence/type.spec-d.js +6 -0
- package/{src/components/AnimatePresence/types.ts → dist/components/AnimatePresence/types.d.ts} +82 -79
- package/dist/components/AnimatePresence/types.d.ts.map +1 -0
- package/dist/components/AnimatePresence/types.js +1 -0
- package/dist/components/AnimatePresence/use-presence.d.ts +56 -0
- package/dist/components/AnimatePresence/use-presence.d.ts.map +1 -0
- package/{src/components/AnimatePresence/use-presence.ts → dist/components/AnimatePresence/use-presence.js} +69 -90
- package/{src → dist}/components/AnimateSharedLayout/AnimateSharedLayout.svelte +22 -15
- package/dist/components/AnimateSharedLayout/AnimateSharedLayout.svelte.d.ts +29 -0
- package/dist/components/AnimateSharedLayout/AnimateSharedLayout.svelte.d.ts.map +1 -0
- package/dist/components/AnimateSharedLayout/index.d.ts +11 -0
- package/dist/components/AnimateSharedLayout/index.d.ts.map +1 -0
- package/{src/components/AnimateSharedLayout/index.ts → dist/components/AnimateSharedLayout/index.js} +10 -11
- package/dist/components/AnimateSharedLayout/type.spec-d.d.ts +2 -0
- package/dist/components/AnimateSharedLayout/type.spec-d.d.ts.map +1 -0
- package/dist/components/AnimateSharedLayout/type.spec-d.js +6 -0
- package/{src/components/AnimateSharedLayout/types.ts → dist/components/AnimateSharedLayout/types.d.ts} +91 -111
- package/dist/components/AnimateSharedLayout/types.d.ts.map +1 -0
- package/dist/components/AnimateSharedLayout/types.js +39 -0
- package/dist/components/AnimateSharedLayout/utils/batcher.d.ts +11 -0
- package/dist/components/AnimateSharedLayout/utils/batcher.d.ts.map +1 -0
- package/{src/components/AnimateSharedLayout/utils/batcher.ts → dist/components/AnimateSharedLayout/utils/batcher.js} +86 -96
- package/dist/components/AnimateSharedLayout/utils/crossfader.d.ts +27 -0
- package/dist/components/AnimateSharedLayout/utils/crossfader.d.ts.map +1 -0
- package/{src/components/AnimateSharedLayout/utils/crossfader.ts → dist/components/AnimateSharedLayout/utils/crossfader.js} +228 -260
- package/dist/components/AnimateSharedLayout/utils/rotate.d.ts +8 -0
- package/dist/components/AnimateSharedLayout/utils/rotate.d.ts.map +1 -0
- package/{src/components/AnimateSharedLayout/utils/rotate.ts → dist/components/AnimateSharedLayout/utils/rotate.js} +39 -48
- package/dist/components/AnimateSharedLayout/utils/stack.d.ts +18 -0
- package/dist/components/AnimateSharedLayout/utils/stack.d.ts.map +1 -0
- package/{src/components/AnimateSharedLayout/utils/stack.ts → dist/components/AnimateSharedLayout/utils/stack.js} +138 -160
- package/{src → dist}/components/LazyMotion/LazyMotion.svelte +9 -3
- package/dist/components/LazyMotion/LazyMotion.svelte.d.ts +29 -0
- package/dist/components/LazyMotion/LazyMotion.svelte.d.ts.map +1 -0
- package/{src/components/LazyMotion/index.ts → dist/components/LazyMotion/index.d.ts} +42 -42
- package/dist/components/LazyMotion/index.d.ts.map +1 -0
- package/dist/components/LazyMotion/index.js +36 -0
- package/{src/components/LazyMotion/types.ts → dist/components/LazyMotion/types.d.ts} +57 -58
- package/dist/components/LazyMotion/types.d.ts.map +1 -0
- package/dist/components/LazyMotion/types.js +1 -0
- package/{src → dist}/components/MotionConfig/MotionConfig.svelte +4 -2
- package/dist/components/MotionConfig/MotionConfig.svelte.d.ts +29 -0
- package/dist/components/MotionConfig/MotionConfig.svelte.d.ts.map +1 -0
- package/dist/components/MotionConfig/MotionConfigScaleCorrection.d.ts +4 -0
- package/dist/components/MotionConfig/MotionConfigScaleCorrection.d.ts.map +1 -0
- package/dist/components/MotionConfig/MotionConfigScaleCorrection.js +32 -0
- package/{src/components/MotionConfig/index.ts → dist/components/MotionConfig/index.d.ts} +21 -20
- package/dist/components/MotionConfig/index.d.ts.map +1 -0
- package/dist/components/MotionConfig/index.js +14 -0
- package/dist/components/MotionConfig/type.spec-d.d.ts +2 -0
- package/dist/components/MotionConfig/type.spec-d.d.ts.map +1 -0
- package/dist/components/MotionConfig/type.spec-d.js +6 -0
- package/dist/components/MotionDiv.svelte.d.ts +31 -0
- package/dist/components/MotionDiv.svelte.d.ts.map +1 -0
- package/dist/context/DOMcontext.d.ts +6 -0
- package/dist/context/DOMcontext.d.ts.map +1 -0
- package/dist/context/DOMcontext.js +20 -0
- package/dist/context/LayoutGroupContext.d.ts +10 -0
- package/dist/context/LayoutGroupContext.d.ts.map +1 -0
- package/dist/context/LayoutGroupContext.js +7 -0
- package/dist/context/LazyContext.d.ts +13 -0
- package/dist/context/LazyContext.d.ts.map +1 -0
- package/dist/context/LazyContext.js +5 -0
- package/{src/context/MotionConfigContext.ts → dist/context/MotionConfigContext.d.ts} +35 -48
- package/dist/context/MotionConfigContext.d.ts.map +1 -0
- package/dist/context/MotionConfigContext.js +15 -0
- package/dist/context/MotionContext/MotionContext.svelte +13 -0
- package/dist/context/MotionContext/MotionContext.svelte.d.ts +5 -0
- package/dist/context/MotionContext/MotionContext.svelte.d.ts.map +1 -0
- package/dist/context/MotionContext/MotionContextProvider.svelte.d.ts +31 -0
- package/dist/context/MotionContext/MotionContextProvider.svelte.d.ts.map +1 -0
- package/dist/context/MotionContext/UseCreateMotionContext.svelte +39 -0
- package/dist/context/MotionContext/UseCreateMotionContext.svelte.d.ts +42 -0
- package/dist/context/MotionContext/UseCreateMotionContext.svelte.d.ts.map +1 -0
- package/dist/context/MotionContext/create.d.ts +2 -0
- package/dist/context/MotionContext/create.d.ts.map +1 -0
- package/{src/context/MotionContext/create.ts → dist/context/MotionContext/create.js} +1 -1
- package/dist/context/MotionContext/index.d.ts +15 -0
- package/dist/context/MotionContext/index.d.ts.map +1 -0
- package/dist/context/MotionContext/index.js +8 -0
- package/dist/context/MotionContext/utils.d.ts +9 -0
- package/dist/context/MotionContext/utils.d.ts.map +1 -0
- package/{src/context/MotionContext/utils.ts → dist/context/MotionContext/utils.js} +18 -29
- package/{src/context/PresenceContext.ts → dist/context/PresenceContext.d.ts} +22 -26
- package/dist/context/PresenceContext.d.ts.map +1 -0
- package/dist/context/PresenceContext.js +7 -0
- package/{src → dist}/context/ScaleCorrectionProvider.svelte +2 -3
- package/dist/context/ScaleCorrectionProvider.svelte.d.ts +33 -0
- package/dist/context/ScaleCorrectionProvider.svelte.d.ts.map +1 -0
- package/dist/context/SharedLayoutContext.d.ts +14 -0
- package/dist/context/SharedLayoutContext.d.ts.map +1 -0
- package/dist/context/SharedLayoutContext.js +18 -0
- package/dist/events/UseDomEvent-type.spec-d.d.ts +2 -0
- package/dist/events/UseDomEvent-type.spec-d.d.ts.map +1 -0
- package/dist/events/UseDomEvent-type.spec-d.js +6 -0
- package/{src → dist}/events/UseDomEvent.svelte +2 -17
- package/dist/events/UseDomEvent.svelte.d.ts +29 -0
- package/dist/events/UseDomEvent.svelte.d.ts.map +1 -0
- package/dist/events/UsePointerEvent.svelte +22 -0
- package/dist/events/UsePointerEvent.svelte.d.ts +29 -0
- package/dist/events/UsePointerEvent.svelte.d.ts.map +1 -0
- package/dist/events/event-info.d.ts +11 -0
- package/dist/events/event-info.d.ts.map +1 -0
- package/{src/events/event-info.ts → dist/events/event-info.js} +65 -69
- package/{src/events/types.ts → dist/events/types.d.ts} +16 -15
- package/dist/events/types.d.ts.map +1 -0
- package/dist/events/types.js +1 -0
- package/{src/events/use-dom-event.ts → dist/events/use-dom-event.d.ts} +51 -48
- package/dist/events/use-dom-event.d.ts.map +1 -0
- package/dist/events/use-dom-event.js +30 -0
- package/dist/events/use-pointer-event.d.ts +32 -0
- package/dist/events/use-pointer-event.d.ts.map +1 -0
- package/dist/events/use-pointer-event.js +35 -0
- package/dist/events/utils.d.ts +9 -0
- package/dist/events/utils.d.ts.map +1 -0
- package/{src/events/utils.ts → dist/events/utils.js} +20 -25
- package/dist/gestures/PanSession.d.ts +142 -0
- package/dist/gestures/PanSession.d.ts.map +1 -0
- package/dist/gestures/PanSession.js +232 -0
- package/dist/gestures/UseFocusGesture.svelte.d.ts +31 -0
- package/dist/gestures/UseFocusGesture.svelte.d.ts.map +1 -0
- package/dist/gestures/UseGestures.svelte.d.ts +31 -0
- package/dist/gestures/UseGestures.svelte.d.ts.map +1 -0
- package/{src → dist}/gestures/UseHoverGesture.svelte +6 -3
- package/dist/gestures/UseHoverGesture.svelte.d.ts +31 -0
- package/dist/gestures/UseHoverGesture.svelte.d.ts.map +1 -0
- package/{src → dist}/gestures/UsePanGesture.svelte +6 -5
- package/dist/gestures/UsePanGesture.svelte.d.ts +32 -0
- package/dist/gestures/UsePanGesture.svelte.d.ts.map +1 -0
- package/{src → dist}/gestures/UseTapGesture.svelte +6 -5
- package/dist/gestures/UseTapGesture.svelte.d.ts +31 -0
- package/dist/gestures/UseTapGesture.svelte.d.ts.map +1 -0
- package/{src → dist}/gestures/drag/UseDrag.svelte +5 -4
- package/dist/gestures/drag/UseDrag.svelte.d.ts +32 -0
- package/dist/gestures/drag/UseDrag.svelte.d.ts.map +1 -0
- package/dist/gestures/drag/UseDragControls.svelte +59 -0
- package/dist/gestures/drag/UseDragControls.svelte.d.ts +24 -0
- package/dist/gestures/drag/UseDragControls.svelte.d.ts.map +1 -0
- package/dist/gestures/drag/VisualElementDragControls.d.ts +116 -0
- package/dist/gestures/drag/VisualElementDragControls.d.ts.map +1 -0
- package/dist/gestures/drag/VisualElementDragControls.js +754 -0
- package/{src/gestures/drag/types.ts → dist/gestures/drag/types.d.ts} +309 -307
- package/dist/gestures/drag/types.d.ts.map +1 -0
- package/dist/gestures/drag/types.js +1 -0
- package/dist/gestures/drag/use-drag-controls.d.ts +130 -0
- package/dist/gestures/drag/use-drag-controls.d.ts.map +1 -0
- package/dist/gestures/drag/use-drag-controls.js +157 -0
- package/{src/gestures/drag/use-drag.ts → dist/gestures/drag/use-drag.d.ts} +13 -15
- package/dist/gestures/drag/use-drag.d.ts.map +1 -0
- package/dist/gestures/drag/use-drag.js +1 -0
- package/dist/gestures/drag/utils/constraints.d.ts +78 -0
- package/dist/gestures/drag/utils/constraints.d.ts.map +1 -0
- package/{src/gestures/drag/utils/constraints.ts → dist/gestures/drag/utils/constraints.js} +134 -157
- package/dist/gestures/drag/utils/lock.d.ts +14 -0
- package/dist/gestures/drag/utils/lock.d.ts.map +1 -0
- package/{src/gestures/drag/utils/lock.ts → dist/gestures/drag/utils/lock.js} +56 -69
- package/{src/gestures/types.ts → dist/gestures/types.d.ts} +258 -257
- package/dist/gestures/types.d.ts.map +1 -0
- package/dist/gestures/types.js +1 -0
- package/{src/gestures/use-focus-gesture.ts → dist/gestures/use-focus-gesture.d.ts} +14 -16
- package/dist/gestures/use-focus-gesture.d.ts.map +1 -0
- package/dist/gestures/use-focus-gesture.js +1 -0
- package/dist/gestures/use-gestures.d.ts +2 -0
- package/dist/gestures/use-gestures.d.ts.map +1 -0
- package/{src/gestures/use-gestures.ts → dist/gestures/use-gestures.js} +1 -2
- package/{src/gestures/use-hover-gesture.ts → dist/gestures/use-hover-gesture.d.ts} +8 -10
- package/dist/gestures/use-hover-gesture.d.ts.map +1 -0
- package/dist/gestures/use-hover-gesture.js +1 -0
- package/{src/gestures/use-pan-gesture.ts → dist/gestures/use-pan-gesture.d.ts} +20 -22
- package/dist/gestures/use-pan-gesture.d.ts.map +1 -0
- package/dist/gestures/use-pan-gesture.js +1 -0
- package/{src/gestures/use-tap-gesture.ts → dist/gestures/use-tap-gesture.d.ts} +12 -14
- package/dist/gestures/use-tap-gesture.d.ts.map +1 -0
- package/dist/gestures/use-tap-gesture.js +1 -0
- package/dist/gestures/utils/event-type.d.ts +12 -0
- package/dist/gestures/utils/event-type.d.ts.map +1 -0
- package/{src/gestures/utils/event-type.ts → dist/gestures/utils/event-type.js} +20 -24
- package/dist/gestures/utils/is-node-or-child.d.ts +18 -0
- package/dist/gestures/utils/is-node-or-child.d.ts.map +1 -0
- package/{src/gestures/utils/is-node-or-child.ts → dist/gestures/utils/is-node-or-child.js} +28 -31
- package/dist/index.d.ts +95 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +77 -0
- package/{src → dist}/motion/Motion.svelte +83 -74
- package/dist/motion/Motion.svelte.d.ts +41 -0
- package/dist/motion/Motion.svelte.d.ts.map +1 -0
- package/{src → dist}/motion/MotionSSR.svelte +77 -56
- package/dist/motion/MotionSSR.svelte.d.ts +41 -0
- package/dist/motion/MotionSSR.svelte.d.ts.map +1 -0
- package/dist/motion/features/AnimationState.svelte.d.ts +22 -0
- package/dist/motion/features/AnimationState.svelte.d.ts.map +1 -0
- package/{src → dist}/motion/features/Exit.svelte +15 -5
- package/dist/motion/features/Exit.svelte.d.ts +32 -0
- package/dist/motion/features/Exit.svelte.d.ts.map +1 -0
- package/{src → dist}/motion/features/UseFeatures.svelte +2 -2
- package/dist/motion/features/UseFeatures.svelte.d.ts +45 -0
- package/dist/motion/features/UseFeatures.svelte.d.ts.map +1 -0
- package/dist/motion/features/animations.d.ts +11 -0
- package/dist/motion/features/animations.d.ts.map +1 -0
- package/{src/motion/features/animations.ts → dist/motion/features/animations.js} +14 -22
- package/dist/motion/features/definitions.d.ts +37 -0
- package/dist/motion/features/definitions.d.ts.map +1 -0
- package/{src/motion/features/definitions.ts → dist/motion/features/definitions.js} +42 -49
- package/dist/motion/features/drag.d.ts +11 -0
- package/dist/motion/features/drag.d.ts.map +1 -0
- package/{src/motion/features/drag.ts → dist/motion/features/drag.js} +14 -24
- package/dist/motion/features/gestures.d.ts +11 -0
- package/dist/motion/features/gestures.d.ts.map +1 -0
- package/{src/motion/features/gestures.ts → dist/motion/features/gestures.js} +16 -24
- package/dist/motion/features/layout/Animate.d.ts +2 -0
- package/dist/motion/features/layout/Animate.d.ts.map +1 -0
- package/dist/motion/features/layout/Animate.js +2 -0
- package/{src → dist}/motion/features/layout/Animate.svelte +25 -24
- package/dist/motion/features/layout/Animate.svelte.d.ts +23 -0
- package/dist/motion/features/layout/Animate.svelte.d.ts.map +1 -0
- package/dist/motion/features/layout/AnimateLayoutContextProvider.svelte.d.ts +23 -0
- package/dist/motion/features/layout/AnimateLayoutContextProvider.svelte.d.ts.map +1 -0
- package/dist/motion/features/layout/Measure.d.ts +2 -0
- package/dist/motion/features/layout/Measure.d.ts.map +1 -0
- package/dist/motion/features/layout/Measure.js +2 -0
- package/{src → dist}/motion/features/layout/Measure.svelte +8 -6
- package/dist/motion/features/layout/Measure.svelte.d.ts +24 -0
- package/dist/motion/features/layout/Measure.svelte.d.ts.map +1 -0
- package/{src → dist}/motion/features/layout/MeasureContextProvider.svelte +7 -4
- package/dist/motion/features/layout/MeasureContextProvider.svelte.d.ts +23 -0
- package/dist/motion/features/layout/MeasureContextProvider.svelte.d.ts.map +1 -0
- package/dist/motion/features/layout/index.d.ts +8 -0
- package/dist/motion/features/layout/index.d.ts.map +1 -0
- package/{src/motion/features/layout/index.ts → dist/motion/features/layout/index.js} +11 -20
- package/{src/motion/features/layout/types.ts → dist/motion/features/layout/types.d.ts} +72 -71
- package/dist/motion/features/layout/types.d.ts.map +1 -0
- package/dist/motion/features/layout/types.js +1 -0
- package/dist/motion/features/layout/utils.d.ts +26 -0
- package/dist/motion/features/layout/utils.d.ts.map +1 -0
- package/{src/motion/features/layout/utils.ts → dist/motion/features/layout/utils.js} +28 -40
- package/{src/motion/features/types.ts → dist/motion/features/types.d.ts} +55 -53
- package/dist/motion/features/types.d.ts.map +1 -0
- package/dist/motion/features/types.js +1 -0
- package/{src/motion/features/use-features.ts → dist/motion/features/use-features.d.ts} +12 -16
- package/dist/motion/features/use-features.d.ts.map +1 -0
- package/dist/motion/features/use-features.js +5 -0
- package/dist/motion/index.d.ts +30 -0
- package/dist/motion/index.d.ts.map +1 -0
- package/dist/motion/index.js +35 -0
- package/{src/motion/types.ts → dist/motion/types.d.ts} +281 -278
- package/dist/motion/types.d.ts.map +1 -0
- package/dist/motion/types.js +1 -0
- package/{src → dist}/motion/utils/UseLayoutId.svelte +3 -2
- package/dist/motion/utils/UseLayoutId.svelte.d.ts +35 -0
- package/dist/motion/utils/UseLayoutId.svelte.d.ts.map +1 -0
- package/{src → dist}/motion/utils/UseVisualElement.svelte +22 -13
- package/dist/motion/utils/UseVisualElement.svelte.d.ts +40 -0
- package/dist/motion/utils/UseVisualElement.svelte.d.ts.map +1 -0
- package/{src → dist}/motion/utils/UseVisualState.svelte +27 -27
- package/dist/motion/utils/UseVisualState.svelte.d.ts +37 -0
- package/dist/motion/utils/UseVisualState.svelte.d.ts.map +1 -0
- package/dist/motion/utils/is-forced-motion-value.d.ts +11 -0
- package/dist/motion/utils/is-forced-motion-value.d.ts.map +1 -0
- package/{src/motion/utils/is-forced-motion-value.ts → dist/motion/utils/is-forced-motion-value.js} +13 -23
- package/{src/motion/utils/make-renderless-component.ts → dist/motion/utils/make-renderless-component.d.ts} +12 -17
- package/dist/motion/utils/make-renderless-component.d.ts.map +1 -0
- package/dist/motion/utils/make-renderless-component.js +11 -0
- package/{src/motion/utils/should-inhert-variant.ts → dist/motion/utils/should-inhert-variant.d.ts} +7 -6
- package/dist/motion/utils/should-inhert-variant.d.ts.map +1 -0
- package/dist/motion/utils/should-inhert-variant.js +1 -0
- package/dist/motion/utils/use-motion-ref.d.ts +14 -0
- package/dist/motion/utils/use-motion-ref.d.ts.map +1 -0
- package/dist/motion/utils/use-motion-ref.js +27 -0
- package/dist/motion/utils/use-visual-element.d.ts +11 -0
- package/dist/motion/utils/use-visual-element.d.ts.map +1 -0
- package/dist/motion/utils/use-visual-element.js +1 -0
- package/{src/motion/utils/use-visual-state.ts → dist/motion/utils/use-visual-state.d.ts} +21 -24
- package/dist/motion/utils/use-visual-state.d.ts.map +1 -0
- package/dist/motion/utils/use-visual-state.js +2 -0
- package/dist/motion/utils/valid-prop.d.ts +15 -0
- package/dist/motion/utils/valid-prop.d.ts.map +1 -0
- package/{src/motion/utils/valid-prop.ts → dist/motion/utils/valid-prop.js} +77 -80
- package/dist/render/dom/M-type.spec-d.d.ts +2 -0
- package/dist/render/dom/M-type.spec-d.d.ts.map +1 -0
- package/dist/render/dom/M-type.spec-d.js +6 -0
- package/{src/render/dom/M.svelte → dist/render/dom/Motion-Proxy.svelte} +8 -1
- package/dist/render/dom/Motion-Proxy.svelte.d.ts +33 -0
- package/dist/render/dom/Motion-Proxy.svelte.d.ts.map +1 -0
- package/dist/render/dom/Motion-type.spec-d.d.ts +2 -0
- package/dist/render/dom/Motion-type.spec-d.d.ts.map +1 -0
- package/dist/render/dom/Motion-type.spec-d.js +6 -0
- package/{src → dist}/render/dom/UseRender.svelte +2 -2
- package/dist/render/dom/UseRender.svelte.d.ts +42 -0
- package/dist/render/dom/UseRender.svelte.d.ts.map +1 -0
- package/dist/render/dom/create-visual-element.d.ts +8 -0
- package/dist/render/dom/create-visual-element.d.ts.map +1 -0
- package/{src/render/dom/create-visual-element.ts → dist/render/dom/create-visual-element.js} +12 -22
- package/dist/render/dom/featureBundle.d.ts +24 -0
- package/dist/render/dom/featureBundle.d.ts.map +1 -0
- package/{src/render/dom/featureBundle.ts → dist/render/dom/featureBundle.js} +20 -22
- package/dist/render/dom/motion-minimal.d.ts +942 -0
- package/dist/render/dom/motion-minimal.d.ts.map +1 -0
- package/dist/render/dom/motion-minimal.js +22 -0
- package/dist/render/dom/motion-proxy.d.ts +63 -0
- package/dist/render/dom/motion-proxy.d.ts.map +1 -0
- package/dist/render/dom/motion-proxy.js +57 -0
- package/dist/render/dom/motion.d.ts +966 -0
- package/dist/render/dom/motion.d.ts.map +1 -0
- package/{src/render/dom/motion.ts → dist/render/dom/motion.js} +46 -62
- package/dist/render/dom/projection/convert-to-relative.d.ts +12 -0
- package/dist/render/dom/projection/convert-to-relative.d.ts.map +1 -0
- package/{src/render/dom/projection/convert-to-relative.ts → dist/render/dom/projection/convert-to-relative.js} +32 -40
- package/dist/render/dom/projection/default-scale-correctors.d.ts +40 -0
- package/dist/render/dom/projection/default-scale-correctors.d.ts.map +1 -0
- package/{src/render/dom/projection/default-scale-correctors.ts → dist/render/dom/projection/default-scale-correctors.js} +108 -138
- package/dist/render/dom/projection/measure.d.ts +17 -0
- package/dist/render/dom/projection/measure.d.ts.map +1 -0
- package/{src/render/dom/projection/measure.ts → dist/render/dom/projection/measure.js} +19 -28
- package/dist/render/dom/projection/relative-set.d.ts +8 -0
- package/dist/render/dom/projection/relative-set.d.ts.map +1 -0
- package/{src/render/dom/projection/relative-set.ts → dist/render/dom/projection/relative-set.js} +18 -27
- package/dist/render/dom/projection/scale-correction.d.ts +16 -0
- package/dist/render/dom/projection/scale-correction.d.ts.map +1 -0
- package/dist/render/dom/projection/scale-correction.js +15 -0
- package/{src/render/dom/projection/types.ts → dist/render/dom/projection/types.d.ts} +14 -13
- package/dist/render/dom/projection/types.d.ts.map +1 -0
- package/dist/render/dom/projection/types.js +1 -0
- package/dist/render/dom/projection/utils.d.ts +18 -0
- package/dist/render/dom/projection/utils.d.ts.map +1 -0
- package/{src/render/dom/projection/utils.ts → dist/render/dom/projection/utils.js} +62 -69
- package/dist/render/dom/svg-visual-element.d.ts +3 -0
- package/dist/render/dom/svg-visual-element.d.ts.map +1 -0
- package/{src/render/dom/svg-visual-element.ts → dist/render/dom/svg-visual-element.js} +91 -114
- package/{src/render/dom/types.ts → dist/render/dom/types.d.ts} +33 -32
- package/dist/render/dom/types.d.ts.map +1 -0
- package/dist/render/dom/types.js +1 -0
- package/dist/render/dom/use-render.d.ts +6 -0
- package/dist/render/dom/use-render.d.ts.map +1 -0
- package/dist/render/dom/use-render.js +5 -0
- package/{src → dist}/render/dom/utils/UseInitialMotionProps.svelte +14 -3
- package/dist/render/dom/utils/UseInitialMotionProps.svelte.d.ts +36 -0
- package/dist/render/dom/utils/UseInitialMotionProps.svelte.d.ts.map +1 -0
- package/dist/render/dom/utils/batch-layout.d.ts +14 -0
- package/dist/render/dom/utils/batch-layout.d.ts.map +1 -0
- package/{src/render/dom/utils/batch-layout.ts → dist/render/dom/utils/batch-layout.js} +67 -77
- package/dist/render/dom/utils/camel-to-dash.d.ts +10 -0
- package/dist/render/dom/utils/camel-to-dash.d.ts.map +1 -0
- package/{src/render/dom/utils/camel-to-dash.ts → dist/render/dom/utils/camel-to-dash.js} +17 -20
- package/dist/render/dom/utils/create-config.d.ts +7 -0
- package/dist/render/dom/utils/create-config.d.ts.map +1 -0
- package/dist/render/dom/utils/create-config.js +18 -0
- package/dist/render/dom/utils/css-variables-conversion.d.ts +28 -0
- package/dist/render/dom/utils/css-variables-conversion.d.ts.map +1 -0
- package/{src/render/dom/utils/css-variables-conversion.ts → dist/render/dom/utils/css-variables-conversion.js} +111 -121
- package/dist/render/dom/utils/filter-props.d.ts +8 -0
- package/dist/render/dom/utils/filter-props.d.ts.map +1 -0
- package/{src/render/dom/utils/filter-props.ts → dist/render/dom/utils/filter-props.js} +47 -55
- package/dist/render/dom/utils/is-css-variable.d.ts +14 -0
- package/dist/render/dom/utils/is-css-variable.d.ts.map +1 -0
- package/{src/render/dom/utils/is-css-variable.ts → dist/render/dom/utils/is-css-variable.js} +15 -18
- package/dist/render/dom/utils/is-svg-component.d.ts +8 -0
- package/dist/render/dom/utils/is-svg-component.d.ts.map +1 -0
- package/{src/render/dom/utils/is-svg-component.ts → dist/render/dom/utils/is-svg-component.js} +36 -41
- package/dist/render/dom/utils/parse-dom-variant.d.ts +12 -0
- package/dist/render/dom/utils/parse-dom-variant.d.ts.map +1 -0
- package/{src/render/dom/utils/parse-dom-variant.ts → dist/render/dom/utils/parse-dom-variant.js} +17 -26
- package/dist/render/dom/utils/unit-conversion.d.ts +27 -0
- package/dist/render/dom/utils/unit-conversion.d.ts.map +1 -0
- package/{src/render/dom/utils/unit-conversion.ts → dist/render/dom/utils/unit-conversion.js} +236 -258
- package/dist/render/dom/utils/use-html-props.d.ts +2 -0
- package/dist/render/dom/utils/use-html-props.d.ts.map +1 -0
- package/{src/render/dom/utils/use-html-props.ts → dist/render/dom/utils/use-html-props.js} +2 -2
- package/dist/render/dom/utils/use-svg-props.d.ts +2 -0
- package/dist/render/dom/utils/use-svg-props.d.ts.map +1 -0
- package/dist/render/dom/utils/use-svg-props.js +1 -0
- package/dist/render/dom/value-types/animatable-none.d.ts +7 -0
- package/dist/render/dom/value-types/animatable-none.d.ts.map +1 -0
- package/{src/render/dom/value-types/animatable-none.ts → dist/render/dom/value-types/animatable-none.js} +20 -24
- package/dist/render/dom/value-types/defaults.d.ts +15 -0
- package/dist/render/dom/value-types/defaults.d.ts.map +1 -0
- package/dist/render/dom/value-types/defaults.js +31 -0
- package/dist/render/dom/value-types/dimensions.d.ts +15 -0
- package/dist/render/dom/value-types/dimensions.d.ts.map +1 -0
- package/{src/render/dom/value-types/dimensions.ts → dist/render/dom/value-types/dimensions.js} +23 -27
- package/dist/render/dom/value-types/find.d.ts +15 -0
- package/dist/render/dom/value-types/find.d.ts.map +1 -0
- package/dist/render/dom/value-types/find.js +21 -0
- package/{src/render/dom/value-types/get-as-type.ts → dist/render/dom/value-types/get-as-type.d.ts} +15 -21
- package/dist/render/dom/value-types/get-as-type.d.ts.map +1 -0
- package/dist/render/dom/value-types/get-as-type.js +13 -0
- package/dist/render/dom/value-types/number.d.ts +8 -0
- package/dist/render/dom/value-types/number.d.ts.map +1 -0
- package/{src/render/dom/value-types/number.ts → dist/render/dom/value-types/number.js} +74 -83
- package/{src/render/dom/value-types/test.ts → dist/render/dom/value-types/test.d.ts} +15 -17
- package/dist/render/dom/value-types/test.d.ts.map +1 -0
- package/dist/render/dom/value-types/test.js +9 -0
- package/{src/render/dom/value-types/type-auto.ts → dist/render/dom/value-types/type-auto.d.ts} +15 -21
- package/dist/render/dom/value-types/type-auto.d.ts.map +1 -0
- package/dist/render/dom/value-types/type-auto.js +12 -0
- package/{src/render/dom/value-types/type-int.ts → dist/render/dom/value-types/type-int.d.ts} +14 -23
- package/dist/render/dom/value-types/type-int.d.ts.map +1 -0
- package/dist/render/dom/value-types/type-int.js +12 -0
- package/{src/render/dom/value-types/types.ts → dist/render/dom/value-types/types.d.ts} +9 -8
- package/dist/render/dom/value-types/types.d.ts.map +1 -0
- package/dist/render/dom/value-types/types.js +1 -0
- package/{src → dist}/render/html/UseHTMLProps.svelte +19 -2
- package/{src → dist}/render/html/UseInitialMotionValues.svelte +1 -1
- package/dist/render/html/UseInitialMotionValues.svelte.d.ts +36 -0
- package/dist/render/html/UseInitialMotionValues.svelte.d.ts.map +1 -0
- package/dist/render/html/UseStyle.svelte +32 -0
- package/dist/render/html/UseStyle.svelte.d.ts +36 -0
- package/dist/render/html/UseStyle.svelte.d.ts.map +1 -0
- package/dist/render/html/config-motion.d.ts +13 -0
- package/dist/render/html/config-motion.d.ts.map +1 -0
- package/dist/render/html/config-motion.js +13 -0
- package/dist/render/html/supported-elements.d.ts +12 -0
- package/dist/render/html/supported-elements.d.ts.map +1 -0
- package/{src/render/html/supported-elements.ts → dist/render/html/supported-elements.js} +4 -10
- package/{src/render/html/types.ts → dist/render/html/types.d.ts} +54 -64
- package/dist/render/html/types.d.ts.map +1 -0
- package/dist/render/html/types.js +1 -0
- package/dist/render/html/use-props.d.ts +11 -0
- package/dist/render/html/use-props.d.ts.map +1 -0
- package/dist/render/html/use-props.js +15 -0
- package/dist/render/html/utils/build-projection-transform.d.ts +21 -0
- package/dist/render/html/utils/build-projection-transform.d.ts.map +1 -0
- package/{src/render/html/utils/build-projection-transform.ts → dist/render/html/utils/build-projection-transform.js} +39 -53
- package/dist/render/html/utils/build-styles.d.ts +13 -0
- package/dist/render/html/utils/build-styles.d.ts.map +1 -0
- package/{src/render/html/utils/build-styles.ts → dist/render/html/utils/build-styles.js} +108 -121
- package/dist/render/html/utils/build-transform.d.ts +21 -0
- package/dist/render/html/utils/build-transform.d.ts.map +1 -0
- package/{src/render/html/utils/build-transform.ts → dist/render/html/utils/build-transform.js} +70 -79
- package/dist/render/html/utils/create-render-state.d.ts +17 -0
- package/dist/render/html/utils/create-render-state.d.ts.map +1 -0
- package/dist/render/html/utils/create-render-state.js +18 -0
- package/dist/render/html/utils/render.d.ts +12 -0
- package/dist/render/html/utils/render.d.ts.map +1 -0
- package/{src/render/html/utils/render.ts → dist/render/html/utils/render.js} +15 -22
- package/dist/render/html/utils/scrape-motion-values.d.ts +8 -0
- package/dist/render/html/utils/scrape-motion-values.d.ts.map +1 -0
- package/{src/render/html/utils/scrape-motion-values.ts → dist/render/html/utils/scrape-motion-values.js} +19 -26
- package/dist/render/html/utils/transform.d.ts +25 -0
- package/dist/render/html/utils/transform.d.ts.map +1 -0
- package/{src/render/html/utils/transform.ts → dist/render/html/utils/transform.js} +48 -51
- package/dist/render/html/visual-element.d.ts +2312 -0
- package/dist/render/html/visual-element.d.ts.map +1 -0
- package/{src/render/html/visual-element.ts → dist/render/html/visual-element.js} +111 -129
- package/dist/render/index.d.ts +8 -0
- package/dist/render/index.d.ts.map +1 -0
- package/{src/render/index.ts → dist/render/index.js} +771 -703
- package/{src → dist}/render/svg/UseSVGProps.svelte +2 -2
- package/dist/render/svg/UseSVGProps.svelte.d.ts +39 -0
- package/dist/render/svg/UseSVGProps.svelte.d.ts.map +1 -0
- package/dist/render/svg/config-motion.d.ts +24 -0
- package/dist/render/svg/config-motion.d.ts.map +1 -0
- package/dist/render/svg/config-motion.js +44 -0
- package/dist/render/svg/lowercase-elements.d.ts +10 -0
- package/dist/render/svg/lowercase-elements.d.ts.map +1 -0
- package/{src/render/svg/lowercase-elements.ts → dist/render/svg/lowercase-elements.js} +35 -35
- package/dist/render/svg/supported-elements.d.ts +12 -0
- package/dist/render/svg/supported-elements.d.ts.map +1 -0
- package/{src/render/svg/supported-elements.ts → dist/render/svg/supported-elements.js} +4 -10
- package/dist/render/svg/types.d.ts +39 -0
- package/dist/render/svg/types.d.ts.map +1 -0
- package/dist/render/svg/types.js +1 -0
- package/{src/render/svg/use-props.ts → dist/render/svg/use-props.d.ts} +13 -14
- package/dist/render/svg/use-props.d.ts.map +1 -0
- package/dist/render/svg/use-props.js +1 -0
- package/dist/render/svg/utils/build-attrs.d.ts +16 -0
- package/dist/render/svg/utils/build-attrs.d.ts.map +1 -0
- package/dist/render/svg/utils/build-attrs.js +40 -0
- package/dist/render/svg/utils/camel-case-attrs.d.ts +9 -0
- package/dist/render/svg/utils/camel-case-attrs.d.ts.map +1 -0
- package/{src/render/svg/utils/camel-case-attrs.ts → dist/render/svg/utils/camel-case-attrs.js} +27 -27
- package/dist/render/svg/utils/create-render-state.d.ts +11 -0
- package/dist/render/svg/utils/create-render-state.d.ts.map +1 -0
- package/dist/render/svg/utils/create-render-state.js +7 -0
- package/dist/render/svg/utils/path.d.ts +15 -0
- package/dist/render/svg/utils/path.d.ts.map +1 -0
- package/{src/render/svg/utils/path.ts → dist/render/svg/utils/path.js} +46 -49
- package/dist/render/svg/utils/render.d.ts +8 -0
- package/dist/render/svg/utils/render.d.ts.map +1 -0
- package/{src/render/svg/utils/render.ts → dist/render/svg/utils/render.js} +14 -22
- package/dist/render/svg/utils/scrape-motion-values.d.ts +8 -0
- package/dist/render/svg/utils/scrape-motion-values.d.ts.map +1 -0
- package/{src/render/svg/utils/scrape-motion-values.ts → dist/render/svg/utils/scrape-motion-values.js} +19 -26
- package/dist/render/svg/utils/transform-origin.d.ts +12 -0
- package/dist/render/svg/utils/transform-origin.d.ts.map +1 -0
- package/{src/render/svg/utils/transform-origin.ts → dist/render/svg/utils/transform-origin.js} +21 -30
- package/dist/render/svg/visual-element.d.ts +7 -0
- package/dist/render/svg/visual-element.d.ts.map +1 -0
- package/{src/render/svg/visual-element.ts → dist/render/svg/visual-element.js} +38 -44
- package/{src/render/types.ts → dist/render/types.d.ts} +149 -148
- package/dist/render/types.d.ts.map +1 -0
- package/dist/render/types.js +1 -0
- package/dist/render/utils/animation-state.d.ts +43 -0
- package/dist/render/utils/animation-state.d.ts.map +1 -0
- package/{src/render/utils/animation-state.ts → dist/render/utils/animation-state.js} +338 -375
- package/dist/render/utils/animation.d.ts +27 -0
- package/dist/render/utils/animation.d.ts.map +1 -0
- package/{src/render/utils/animation.ts → dist/render/utils/animation.js} +145 -167
- package/{src/render/utils/compare-by-depth.ts → dist/render/utils/compare-by-depth.d.ts} +15 -18
- package/dist/render/utils/compare-by-depth.d.ts.map +1 -0
- package/dist/render/utils/compare-by-depth.js +8 -0
- package/dist/render/utils/flat-tree.d.ts +14 -0
- package/dist/render/utils/flat-tree.d.ts.map +1 -0
- package/dist/render/utils/flat-tree.js +53 -0
- package/{src/render/utils/is-draggable.ts → dist/render/utils/is-draggable.d.ts} +12 -17
- package/dist/render/utils/is-draggable.d.ts.map +1 -0
- package/dist/render/utils/is-draggable.js +9 -0
- package/{src/render/utils/lifecycles.ts → dist/render/utils/lifecycles.d.ts} +122 -172
- package/dist/render/utils/lifecycles.d.ts.map +1 -0
- package/dist/render/utils/lifecycles.js +44 -0
- package/dist/render/utils/motion-values.d.ts +9 -0
- package/dist/render/utils/motion-values.d.ts.map +1 -0
- package/{src/render/utils/motion-values.ts → dist/render/utils/motion-values.js} +50 -59
- package/dist/render/utils/projection.d.ts +9 -0
- package/dist/render/utils/projection.d.ts.map +1 -0
- package/{src/render/utils/projection.ts → dist/render/utils/projection.js} +29 -38
- package/dist/render/utils/setters.d.ts +794 -0
- package/dist/render/utils/setters.d.ts.map +1 -0
- package/dist/render/utils/setters.js +128 -0
- package/{src/render/utils/state.ts → dist/render/utils/state.d.ts} +90 -113
- package/dist/render/utils/state.d.ts.map +1 -0
- package/dist/render/utils/state.js +26 -0
- package/{src/render/utils/types.ts → dist/render/utils/types.d.ts} +13 -12
- package/dist/render/utils/types.d.ts.map +1 -0
- package/dist/render/utils/types.js +13 -0
- package/dist/render/utils/variants.d.ts +27 -0
- package/dist/render/utils/variants.d.ts.map +1 -0
- package/{src/render/utils/variants.ts → dist/render/utils/variants.js} +66 -76
- package/{src/types/geometry.ts → dist/types/geometry.d.ts} +93 -91
- package/dist/types/geometry.d.ts.map +1 -0
- package/dist/types/geometry.js +1 -0
- package/{src/types.ts → dist/types.d.ts} +1091 -1088
- package/dist/types.d.ts.map +1 -0
- package/dist/types.js +1 -0
- package/dist/utils/UseUnmountEffect.svelte.d.ts +30 -0
- package/dist/utils/UseUnmountEffect.svelte.d.ts.map +1 -0
- package/dist/utils/array.d.ts +12 -0
- package/dist/utils/array.d.ts.map +1 -0
- package/{src/utils/array.ts → dist/utils/array.js} +16 -18
- package/dist/utils/each-axis.d.ts +11 -0
- package/dist/utils/each-axis.d.ts.map +1 -0
- package/{src/utils/each-axis.ts → dist/utils/each-axis.js} +13 -15
- package/dist/utils/errors.d.ts +5 -0
- package/dist/utils/errors.d.ts.map +1 -0
- package/dist/utils/errors.js +16 -0
- package/dist/utils/fix-process-env.d.ts +2 -0
- package/dist/utils/fix-process-env.d.ts.map +1 -0
- package/dist/utils/fix-process-env.js +19 -0
- package/dist/utils/geometry/delta-apply.d.ts +71 -0
- package/dist/utils/geometry/delta-apply.d.ts.map +1 -0
- package/{src/utils/geometry/delta-apply.ts → dist/utils/geometry/delta-apply.js} +162 -162
- package/dist/utils/geometry/delta-calc.d.ts +34 -0
- package/dist/utils/geometry/delta-calc.d.ts.map +1 -0
- package/{src/utils/geometry/delta-calc.ts → dist/utils/geometry/delta-calc.js} +84 -89
- package/dist/utils/geometry/index.d.ts +30 -0
- package/dist/utils/geometry/index.d.ts.map +1 -0
- package/{src/utils/geometry/index.ts → dist/utils/geometry/index.js} +70 -83
- package/dist/utils/is-browser.d.ts +11 -0
- package/dist/utils/is-browser.d.ts.map +1 -0
- package/{src/utils/is-browser.ts → dist/utils/is-browser.js} +10 -12
- package/dist/utils/is-numerical-string.d.ts +14 -0
- package/dist/utils/is-numerical-string.d.ts.map +1 -0
- package/{src/utils/is-numerical-string.ts → dist/utils/is-numerical-string.js} +13 -15
- package/dist/utils/is-ref-object.d.ts +13 -0
- package/dist/utils/is-ref-object.d.ts.map +1 -0
- package/dist/utils/is-ref-object.js +12 -0
- package/dist/utils/noop.d.ts +11 -0
- package/dist/utils/noop.d.ts.map +1 -0
- package/{src/utils/noop.ts → dist/utils/noop.js} +13 -15
- package/dist/utils/resolve-value.d.ts +9 -0
- package/dist/utils/resolve-value.d.ts.map +1 -0
- package/{src/utils/resolve-value.ts → dist/utils/resolve-value.js} +15 -23
- package/dist/utils/shallow-compare.d.ts +11 -0
- package/dist/utils/shallow-compare.d.ts.map +1 -0
- package/{src/utils/shallow-compare.ts → dist/utils/shallow-compare.js} +21 -23
- package/dist/utils/subscription-manager.d.ts +14 -0
- package/dist/utils/subscription-manager.d.ts.map +1 -0
- package/dist/utils/subscription-manager.js +69 -0
- package/dist/utils/time-conversion.d.ts +17 -0
- package/dist/utils/time-conversion.d.ts.map +1 -0
- package/{src/utils/time-conversion.ts → dist/utils/time-conversion.js} +16 -18
- package/{src/utils/transform.ts → dist/utils/transform.d.ts} +93 -120
- package/dist/utils/transform.d.ts.map +1 -0
- package/dist/utils/transform.js +23 -0
- package/dist/utils/use-cycle.d.ts +2 -0
- package/dist/utils/use-cycle.d.ts.map +1 -0
- package/{src/utils/use-cycle.ts → dist/utils/use-cycle.js} +65 -78
- package/dist/utils/use-force-update.d.ts +6 -0
- package/dist/utils/use-force-update.d.ts.map +1 -0
- package/dist/utils/use-force-update.js +2 -0
- package/dist/utils/use-reduced-motion.d.ts +33 -0
- package/dist/utils/use-reduced-motion.d.ts.map +1 -0
- package/{src/utils/use-reduced-motion.ts → dist/utils/use-reduced-motion.js} +52 -70
- package/{src/utils/use-unmount-effect.ts → dist/utils/use-unmount-effect.d.ts} +7 -8
- package/dist/utils/use-unmount-effect.d.ts.map +1 -0
- package/dist/utils/use-unmount-effect.js +1 -0
- package/{src/value/index.ts → dist/value/index.d.ts} +273 -409
- package/dist/value/index.d.ts.map +1 -0
- package/dist/value/index.js +546 -0
- package/dist/value/scroll/use-element-scroll.d.ts +9 -0
- package/dist/value/scroll/use-element-scroll.d.ts.map +1 -0
- package/dist/value/scroll/use-element-scroll.js +39 -0
- package/dist/value/scroll/use-viewport-scroll.d.ts +29 -0
- package/dist/value/scroll/use-viewport-scroll.d.ts.map +1 -0
- package/{src/value/scroll/use-viewport-scroll.ts → dist/value/scroll/use-viewport-scroll.js} +59 -81
- package/dist/value/scroll/utils.d.ts +25 -0
- package/dist/value/scroll/utils.d.ts.map +1 -0
- package/dist/value/scroll/utils.js +48 -0
- package/dist/value/use-combine-values.d.ts +9 -0
- package/dist/value/use-combine-values.d.ts.map +1 -0
- package/dist/value/use-combine-values.js +41 -0
- package/dist/value/use-motion-template.d.ts +31 -0
- package/dist/value/use-motion-template.d.ts.map +1 -0
- package/{src/value/use-motion-template.ts → dist/value/use-motion-template.js} +51 -57
- package/dist/value/use-motion-value.d.ts +27 -0
- package/dist/value/use-motion-value.d.ts.map +1 -0
- package/{src/value/use-motion-value.ts → dist/value/use-motion-value.js} +27 -27
- package/dist/value/use-spring.d.ts +29 -0
- package/dist/value/use-spring.d.ts.map +1 -0
- package/{src/value/use-spring.ts → dist/value/use-spring.js} +64 -84
- package/dist/value/use-transform.d.ts +87 -0
- package/dist/value/use-transform.d.ts.map +1 -0
- package/dist/value/use-transform.js +78 -0
- package/dist/value/use-velocity.d.ts +20 -0
- package/dist/value/use-velocity.d.ts.map +1 -0
- package/{src/value/use-velocity.ts → dist/value/use-velocity.js} +34 -44
- package/dist/value/utils/is-motion-value.d.ts +12 -0
- package/dist/value/utils/is-motion-value.d.ts.map +1 -0
- package/dist/value/utils/is-motion-value.js +8 -0
- package/dist/value/utils/resolve-motion-value.d.ts +16 -0
- package/dist/value/utils/resolve-motion-value.d.ts.map +1 -0
- package/{src/value/utils/resolve-motion-value.ts → dist/value/utils/resolve-motion-value.js} +25 -29
- package/package.json +58 -27
- package/src/animation/use-animated-state.ts +0 -1
- package/src/components/MotionConfig/MotionConfigScaleCorrection.ts +0 -47
- package/src/context/DOMcontext.ts +0 -21
- package/src/context/LayoutGroupContext.ts +0 -13
- package/src/context/LazyContext.ts +0 -18
- package/src/context/MotionContext/MotionContext.svelte +0 -27
- package/src/context/MotionContext/UseCreateMotionContext.svelte +0 -34
- package/src/context/MotionContext/index.ts +0 -14
- package/src/context/SharedLayoutContext.ts +0 -29
- package/src/events/UsePointerEvent.svelte +0 -76
- package/src/events/use-pointer-event.ts +0 -29
- package/src/gestures/PanSession.ts +0 -298
- package/src/gestures/drag/UseDragControls.svelte +0 -145
- package/src/gestures/drag/VisualElementDragControls.ts +0 -632
- package/src/gestures/drag/use-drag-controls.ts +0 -148
- package/src/index.ts +0 -104
- package/src/motion/features/layout/Animate.ts +0 -9
- package/src/motion/features/layout/Measure.ts +0 -9
- package/src/motion/index.ts +0 -64
- package/src/motion/utils/use-motion-ref.ts +0 -41
- package/src/motion/utils/use-visual-element.ts +0 -13
- package/src/render/dom/create-motion-class.ts +0 -12
- package/src/render/dom/motion-minimal.ts +0 -22
- package/src/render/dom/motion-proxy.ts +0 -107
- package/src/render/dom/projection/scale-correction.ts +0 -22
- package/src/render/dom/use-render.ts +0 -11
- package/src/render/dom/utils/create-config.ts +0 -33
- package/src/render/dom/utils/use-svg-props.ts +0 -1
- package/src/render/dom/value-types/defaults.ts +0 -30
- package/src/render/dom/value-types/find.ts +0 -31
- package/src/render/html/UseStyle.svelte +0 -47
- package/src/render/html/config-motion.ts +0 -23
- package/src/render/html/use-props.ts +0 -14
- package/src/render/html/utils/create-render-state.ts +0 -18
- package/src/render/svg/config-motion.ts +0 -51
- package/src/render/svg/types.ts +0 -51
- package/src/render/svg/utils/build-attrs.ts +0 -58
- package/src/render/svg/utils/create-render-state.ts +0 -17
- package/src/render/utils/flat-tree.ts +0 -35
- package/src/render/utils/setters.ts +0 -910
- package/src/utils/errors.ts +0 -22
- package/src/utils/fix-process-env.ts +0 -22
- package/src/utils/is-ref-object.ts +0 -16
- package/src/utils/subscription-manager.ts +0 -49
- package/src/utils/use-constant.ts +0 -23
- package/src/utils/use-force-update.ts +0 -7
- package/src/utils/use-isomorphic-effect.ts +0 -8
- package/src/value/scroll/use-element-scroll.ts +0 -73
- package/src/value/scroll/utils.ts +0 -76
- package/src/value/use-combine-values.ts +0 -53
- package/src/value/use-transform.ts +0 -216
- package/src/value/utils/is-motion-value.ts +0 -15
- /package/{src → dist}/animation/UseAnimation.svelte +0 -0
- /package/{src → dist}/components/MotionDiv.svelte +0 -0
- /package/{src → dist}/context/MotionContext/MotionContextProvider.svelte +0 -0
- /package/{src → dist}/gestures/UseFocusGesture.svelte +0 -0
- /package/{src → dist}/gestures/UseGestures.svelte +0 -0
- /package/{src → dist}/motion/features/AnimationState.svelte +0 -0
- /package/{src → dist}/motion/features/layout/AnimateLayoutContextProvider.svelte +0 -0
- /package/{src → dist}/utils/UseUnmountEffect.svelte +0 -0
|
@@ -1,24 +1,14 @@
|
|
|
1
|
-
/**
|
|
2
|
-
based on framer-motion@4.
|
|
3
|
-
Copyright (c) 2018 Framer B.V.
|
|
4
|
-
*/
|
|
5
|
-
import
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
/**
|
|
17
|
-
* @public
|
|
18
|
-
*/
|
|
19
|
-
const drag = {
|
|
20
|
-
pan: UsePanGesture,
|
|
21
|
-
drag: UseDrag
|
|
22
|
-
} satisfies FeatureComponents
|
|
23
|
-
|
|
24
|
-
export { drag };
|
|
1
|
+
/**
|
|
2
|
+
based on framer-motion@4.0.3,
|
|
3
|
+
Copyright (c) 2018 Framer B.V.
|
|
4
|
+
*/
|
|
5
|
+
import { UsePanGesture } from '../../gestures/use-pan-gesture.js';
|
|
6
|
+
import { UseDrag } from '../../gestures/drag/use-drag.js';
|
|
7
|
+
/**
|
|
8
|
+
* @public
|
|
9
|
+
*/
|
|
10
|
+
const drag = {
|
|
11
|
+
pan: UsePanGesture,
|
|
12
|
+
drag: UseDrag
|
|
13
|
+
};
|
|
14
|
+
export { drag };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
based on framer-motion@4.1.17,
|
|
3
|
+
Copyright (c) 2018 Framer B.V.
|
|
4
|
+
*/
|
|
5
|
+
import type { FeatureComponents } from "./types";
|
|
6
|
+
/**
|
|
7
|
+
* @public
|
|
8
|
+
*/
|
|
9
|
+
declare const gestureAnimations: FeatureComponents;
|
|
10
|
+
export { gestureAnimations };
|
|
11
|
+
//# sourceMappingURL=gestures.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"gestures.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/motion/features/gestures.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAUjD;;GAEG;AACH,QAAA,MAAM,iBAAiB,EAAE,iBAIxB,CAAC;AAEF,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
|
|
@@ -1,24 +1,16 @@
|
|
|
1
|
-
/**
|
|
2
|
-
based on framer-motion@4.
|
|
3
|
-
Copyright (c) 2018 Framer B.V.
|
|
4
|
-
*/
|
|
5
|
-
import
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
*/
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
*/
|
|
18
|
-
const gestureAnimations = {
|
|
19
|
-
tap: UseTapGesture,
|
|
20
|
-
focus: UseFocusGesture,
|
|
21
|
-
hover: UseHoverGesture,
|
|
22
|
-
} satisfies FeatureComponents;
|
|
23
|
-
|
|
24
|
-
export { gestureAnimations };
|
|
1
|
+
/**
|
|
2
|
+
based on framer-motion@4.0.3,
|
|
3
|
+
Copyright (c) 2018 Framer B.V.
|
|
4
|
+
*/
|
|
5
|
+
import { UseFocusGesture } from '../../gestures/use-focus-gesture.js';
|
|
6
|
+
import { UseHoverGesture } from '../../gestures/use-hover-gesture.js';
|
|
7
|
+
import { UseTapGesture } from '../../gestures/use-tap-gesture.js';
|
|
8
|
+
/**
|
|
9
|
+
* @public
|
|
10
|
+
*/
|
|
11
|
+
const gestureAnimations = {
|
|
12
|
+
tap: UseTapGesture,
|
|
13
|
+
focus: UseFocusGesture,
|
|
14
|
+
hover: UseHoverGesture,
|
|
15
|
+
};
|
|
16
|
+
export { gestureAnimations };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Animate.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/motion/features/layout/Animate.ts"],"names":[],"mappings":"AAQA,OAAO,EAAC,OAAO,IAAI,4BAA4B,EAAC,MAAM,uCAAuC,CAAA"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
<!-- based on framer-motion@4.0.3,
|
|
2
2
|
Copyright (c) 2018 Framer B.V. -->
|
|
3
3
|
|
|
4
|
-
<script
|
|
4
|
+
<script lang="ts" context="module">
|
|
5
5
|
const progressTarget = 1000;
|
|
6
6
|
|
|
7
|
-
function hasMoved(a, b) {
|
|
7
|
+
function hasMoved(a: AxisBox2D, b: AxisBox2D) {
|
|
8
8
|
return (
|
|
9
9
|
!isZeroBox(a) &&
|
|
10
10
|
!isZeroBox(b) &&
|
|
@@ -12,12 +12,12 @@ Copyright (c) 2018 Framer B.V. -->
|
|
|
12
12
|
);
|
|
13
13
|
}
|
|
14
14
|
|
|
15
|
-
const zeroAxis = { min: 0, max: 0 };
|
|
16
|
-
function isZeroBox(a) {
|
|
15
|
+
const zeroAxis = { min: 0, max: 0 } satisfies Axis;
|
|
16
|
+
function isZeroBox(a: AxisBox2D) {
|
|
17
17
|
return axisIsEqual(a.x, zeroAxis) && axisIsEqual(a.y, zeroAxis);
|
|
18
18
|
}
|
|
19
19
|
|
|
20
|
-
function axisIsEqual(a, b) {
|
|
20
|
+
function axisIsEqual(a: Axis, b: Axis) {
|
|
21
21
|
return a.min === b.min && a.max === b.max;
|
|
22
22
|
}
|
|
23
23
|
|
|
@@ -38,6 +38,7 @@ Copyright (c) 2018 Framer B.V. -->
|
|
|
38
38
|
import { eachAxis } from "../../../utils/each-axis.js";
|
|
39
39
|
import { axisBox } from "../../../utils/geometry/index.js";
|
|
40
40
|
import { tweenAxis } from "./utils";
|
|
41
|
+
import type { Axis, AxisBox2D } from "../../../types/geometry.js";
|
|
41
42
|
|
|
42
43
|
export let visualElement,
|
|
43
44
|
//initial = undefined,
|
|
@@ -122,9 +123,9 @@ Copyright (c) 2018 Framer B.V. -->
|
|
|
122
123
|
let stopAxisAnimation = {
|
|
123
124
|
x: undefined,
|
|
124
125
|
y: undefined,
|
|
125
|
-
};
|
|
126
|
+
} as any satisfies AxisBox2D;
|
|
126
127
|
|
|
127
|
-
let unsubLayoutReady;
|
|
128
|
+
let unsubLayoutReady: () => void;
|
|
128
129
|
|
|
129
130
|
let isAnimatingTree = false;
|
|
130
131
|
|
|
@@ -145,8 +146,8 @@ Copyright (c) 2018 Framer B.V. -->
|
|
|
145
146
|
});
|
|
146
147
|
|
|
147
148
|
const animateF = (
|
|
148
|
-
target,
|
|
149
|
-
origin,
|
|
149
|
+
target: { [x: string]: { max: any }; x: any; y: any },
|
|
150
|
+
origin: { [x: string]: any; x: any; y: any },
|
|
150
151
|
{
|
|
151
152
|
originBox,
|
|
152
153
|
targetBox,
|
|
@@ -154,7 +155,7 @@ Copyright (c) 2018 Framer B.V. -->
|
|
|
154
155
|
shouldStackAnimate,
|
|
155
156
|
onComplete,
|
|
156
157
|
...config
|
|
157
|
-
} = {}
|
|
158
|
+
} = {} as any,
|
|
158
159
|
) => {
|
|
159
160
|
/**
|
|
160
161
|
* Early return if we've been instructed not to animate this render.
|
|
@@ -195,7 +196,7 @@ Copyright (c) 2018 Framer B.V. -->
|
|
|
195
196
|
if (visualElement.projection.isTargetLocked) {
|
|
196
197
|
return;
|
|
197
198
|
} else if (visibilityAction !== undefined) {
|
|
198
|
-
visualElement.setVisibility(visibilityAction ===
|
|
199
|
+
visualElement.setVisibility(visibilityAction === visibilityAction.Show);
|
|
199
200
|
} else if (boxHasMoved) {
|
|
200
201
|
// If the box has moved, animate between it's current visual state and its
|
|
201
202
|
// final state
|
|
@@ -206,7 +207,7 @@ Copyright (c) 2018 Framer B.V. -->
|
|
|
206
207
|
return visualElement.setProjectionTargetAxis(
|
|
207
208
|
axis,
|
|
208
209
|
target[axis].min,
|
|
209
|
-
target[axis].max
|
|
210
|
+
target[axis].max,
|
|
210
211
|
);
|
|
211
212
|
}
|
|
212
213
|
});
|
|
@@ -232,26 +233,26 @@ Copyright (c) 2018 Framer B.V. -->
|
|
|
232
233
|
* API to accept more custom animations like
|
|
233
234
|
*/
|
|
234
235
|
const animateAxis = (
|
|
235
|
-
axis,
|
|
236
|
-
target,
|
|
237
|
-
origin,
|
|
238
|
-
{ transition: _transition } = {}
|
|
236
|
+
axis: string,
|
|
237
|
+
target: Axis,
|
|
238
|
+
origin: Axis,
|
|
239
|
+
{ transition: _transition } = {} as any,
|
|
239
240
|
) => {
|
|
240
241
|
stopAxisAnimation[axis]?.();
|
|
241
242
|
/**
|
|
242
243
|
* If we're not animating to a new target, don't run this animation
|
|
243
244
|
*/
|
|
244
245
|
if (
|
|
245
|
-
isAnimating[axis] &&
|
|
246
|
-
axisIsEqual(target, currentAnimationTarget[axis])
|
|
246
|
+
(isAnimating as any)[axis] &&
|
|
247
|
+
axisIsEqual(target, (currentAnimationTarget as any)[axis])
|
|
247
248
|
) {
|
|
248
249
|
return;
|
|
249
250
|
}
|
|
250
251
|
|
|
251
252
|
stopAxisAnimation[axis]?.();
|
|
252
|
-
isAnimating[axis] = true;
|
|
253
|
+
(isAnimating as any)[axis] = true;
|
|
253
254
|
|
|
254
|
-
const _frameTarget = frameTarget[axis];
|
|
255
|
+
const _frameTarget = (frameTarget as any)[axis];
|
|
255
256
|
const layoutProgress = visualElement.getProjectionAnimationProgress()[axis];
|
|
256
257
|
|
|
257
258
|
/**
|
|
@@ -275,7 +276,7 @@ Copyright (c) 2018 Framer B.V. -->
|
|
|
275
276
|
visualElement.setProjectionTargetAxis(
|
|
276
277
|
axis,
|
|
277
278
|
_frameTarget.min,
|
|
278
|
-
_frameTarget.max
|
|
279
|
+
_frameTarget.max,
|
|
279
280
|
);
|
|
280
281
|
};
|
|
281
282
|
|
|
@@ -289,12 +290,12 @@ Copyright (c) 2018 Framer B.V. -->
|
|
|
289
290
|
const unsubscribeProgress = layoutProgress.onChange(frame);
|
|
290
291
|
|
|
291
292
|
stopAxisAnimation[axis] = () => {
|
|
292
|
-
isAnimating[axis] = false;
|
|
293
|
+
(isAnimating as any)[axis] = false;
|
|
293
294
|
layoutProgress.stop();
|
|
294
295
|
unsubscribeProgress();
|
|
295
296
|
};
|
|
296
297
|
|
|
297
|
-
currentAnimationTarget[axis] = target;
|
|
298
|
+
(currentAnimationTarget as any)[axis] = target;
|
|
298
299
|
|
|
299
300
|
const layoutTransition =
|
|
300
301
|
_transition ||
|
|
@@ -306,7 +307,7 @@ Copyright (c) 2018 Framer B.V. -->
|
|
|
306
307
|
axis === "x" ? "layoutX" : "layoutY",
|
|
307
308
|
layoutProgress,
|
|
308
309
|
progressTarget,
|
|
309
|
-
layoutTransition && getValueTransition(layoutTransition, "layout")
|
|
310
|
+
layoutTransition && getValueTransition(layoutTransition, "layout"),
|
|
310
311
|
).then(stopAxisAnimation[axis]);
|
|
311
312
|
|
|
312
313
|
return animation;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
|
|
2
|
+
new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
|
|
3
|
+
$$bindings?: Bindings;
|
|
4
|
+
} & Exports;
|
|
5
|
+
(internal: unknown, props: Props & {
|
|
6
|
+
$$events?: Events;
|
|
7
|
+
$$slots?: Slots;
|
|
8
|
+
}): Exports & {
|
|
9
|
+
$set?: any;
|
|
10
|
+
$on?: any;
|
|
11
|
+
};
|
|
12
|
+
z_$$bindings?: Bindings;
|
|
13
|
+
}
|
|
14
|
+
declare const Animate: $$__sveltets_2_IsomorphicComponent<{
|
|
15
|
+
visualElement: any;
|
|
16
|
+
layout?: undefined;
|
|
17
|
+
safeToRemove: any;
|
|
18
|
+
}, {
|
|
19
|
+
[evt: string]: CustomEvent<any>;
|
|
20
|
+
}, {}, {}, string>;
|
|
21
|
+
type Animate = InstanceType<typeof Animate>;
|
|
22
|
+
export default Animate;
|
|
23
|
+
//# sourceMappingURL=Animate.svelte.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Animate.svelte.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/motion/features/layout/Animate.svelte.ts"],"names":[],"mappings":"AA0UA,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,OAAO;;;;;;kBAA6E,CAAC;AACzE,KAAK,OAAO,GAAG,YAAY,CAAC,OAAO,OAAO,CAAC,CAAC;AAC9C,eAAe,OAAO,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
|
|
2
|
+
new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
|
|
3
|
+
$$bindings?: Bindings;
|
|
4
|
+
} & Exports;
|
|
5
|
+
(internal: unknown, props: Props & {
|
|
6
|
+
$$events?: Events;
|
|
7
|
+
$$slots?: Slots;
|
|
8
|
+
}): Exports & {
|
|
9
|
+
$set?: any;
|
|
10
|
+
$on?: any;
|
|
11
|
+
};
|
|
12
|
+
z_$$bindings?: Bindings;
|
|
13
|
+
}
|
|
14
|
+
declare const AnimateLayoutContextProvider: $$__sveltets_2_IsomorphicComponent<{
|
|
15
|
+
visualElement: any;
|
|
16
|
+
props: any;
|
|
17
|
+
isCustom: any;
|
|
18
|
+
}, {
|
|
19
|
+
[evt: string]: CustomEvent<any>;
|
|
20
|
+
}, {}, {}, string>;
|
|
21
|
+
type AnimateLayoutContextProvider = InstanceType<typeof AnimateLayoutContextProvider>;
|
|
22
|
+
export default AnimateLayoutContextProvider;
|
|
23
|
+
//# sourceMappingURL=AnimateLayoutContextProvider.svelte.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AnimateLayoutContextProvider.svelte.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/motion/features/layout/AnimateLayoutContextProvider.svelte.ts"],"names":[],"mappings":"AAsBA,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,4BAA4B;;;;;;kBAA6E,CAAC;AAC9F,KAAK,4BAA4B,GAAG,YAAY,CAAC,OAAO,4BAA4B,CAAC,CAAC;AACxF,eAAe,4BAA4B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Measure.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/motion/features/layout/Measure.ts"],"names":[],"mappings":"AAQA,OAAO,EAAC,OAAO,IAAI,sBAAsB,EAAC,MAAM,iCAAiC,CAAA"}
|
|
@@ -3,7 +3,7 @@ Copyright (c) 2018 Framer B.V. -->
|
|
|
3
3
|
|
|
4
4
|
<script lang="ts">
|
|
5
5
|
import { afterUpdate, beforeUpdate, getContext, onMount } from "svelte";
|
|
6
|
-
import { get } from "svelte/store";
|
|
6
|
+
import { get, type Writable } from "svelte/store";
|
|
7
7
|
import {
|
|
8
8
|
ScaleCorrectionContext,
|
|
9
9
|
ScaleCorrectionParentContext,
|
|
@@ -13,9 +13,11 @@ Copyright (c) 2018 Framer B.V. -->
|
|
|
13
13
|
|
|
14
14
|
export let visualElement, syncLayout, framerSyncLayout, update;
|
|
15
15
|
|
|
16
|
-
const scaleCorrectionContext
|
|
17
|
-
|
|
18
|
-
|
|
16
|
+
const scaleCorrectionContext = getContext<Writable<any[]>>(
|
|
17
|
+
ScaleCorrectionContext,
|
|
18
|
+
);
|
|
19
|
+
const scaleCorrectionParentContext = getContext<Writable<any[]>>(
|
|
20
|
+
ScaleCorrectionParentContext,
|
|
19
21
|
);
|
|
20
22
|
|
|
21
23
|
onMount(() => {
|
|
@@ -72,7 +74,7 @@ Copyright (c) 2018 Framer B.V. -->
|
|
|
72
74
|
/* Second part of the updater calling in child layouts first.*/
|
|
73
75
|
const scc = get(scaleCorrectionContext);
|
|
74
76
|
|
|
75
|
-
scc.forEach((v, i) => {
|
|
77
|
+
scc.forEach((v: any, i) => {
|
|
76
78
|
v.afterU?.(true);
|
|
77
79
|
});
|
|
78
80
|
|
|
@@ -92,7 +94,7 @@ Copyright (c) 2018 Framer B.V. -->
|
|
|
92
94
|
updater,
|
|
93
95
|
afterU,
|
|
94
96
|
},
|
|
95
|
-
])
|
|
97
|
+
]),
|
|
96
98
|
);
|
|
97
99
|
afterUpdate(afterU);
|
|
98
100
|
</script>
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
|
|
2
|
+
new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
|
|
3
|
+
$$bindings?: Bindings;
|
|
4
|
+
} & Exports;
|
|
5
|
+
(internal: unknown, props: Props & {
|
|
6
|
+
$$events?: Events;
|
|
7
|
+
$$slots?: Slots;
|
|
8
|
+
}): Exports & {
|
|
9
|
+
$set?: any;
|
|
10
|
+
$on?: any;
|
|
11
|
+
};
|
|
12
|
+
z_$$bindings?: Bindings;
|
|
13
|
+
}
|
|
14
|
+
declare const Measure: $$__sveltets_2_IsomorphicComponent<{
|
|
15
|
+
visualElement: any;
|
|
16
|
+
syncLayout: any;
|
|
17
|
+
framerSyncLayout: any;
|
|
18
|
+
update: any;
|
|
19
|
+
}, {
|
|
20
|
+
[evt: string]: CustomEvent<any>;
|
|
21
|
+
}, {}, {}, string>;
|
|
22
|
+
type Measure = InstanceType<typeof Measure>;
|
|
23
|
+
export default Measure;
|
|
24
|
+
//# sourceMappingURL=Measure.svelte.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Measure.svelte.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/motion/features/layout/Measure.svelte.ts"],"names":[],"mappings":"AA+GA,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,OAAO;;;;;;;kBAA6E,CAAC;AACzE,KAAK,OAAO,GAAG,YAAY,CAAC,OAAO,OAAO,CAAC,CAAC;AAC9C,eAAe,OAAO,CAAC"}
|
|
@@ -17,11 +17,14 @@ Copyright (c) 2018 Framer B.V. -->
|
|
|
17
17
|
export let visualElement, props, isCustom;
|
|
18
18
|
|
|
19
19
|
$: ({ update } = props);
|
|
20
|
-
const syncLayout
|
|
21
|
-
getContext
|
|
20
|
+
const syncLayout =
|
|
21
|
+
getContext<Writable<SyncLayoutBatcher | SharedLayoutSyncMethods>>(
|
|
22
|
+
SharedLayoutContext,
|
|
23
|
+
) || SharedLayoutContext(isCustom);
|
|
22
24
|
|
|
23
|
-
const framerSyncLayout
|
|
24
|
-
getContext(FramerTreeLayoutContext) ||
|
|
25
|
+
const framerSyncLayout =
|
|
26
|
+
getContext<Writable<SyncLayoutBatcher>>(FramerTreeLayoutContext) ||
|
|
27
|
+
FramerTreeLayoutContext(isCustom);
|
|
25
28
|
</script>
|
|
26
29
|
|
|
27
30
|
<Measure
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
|
|
2
|
+
new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
|
|
3
|
+
$$bindings?: Bindings;
|
|
4
|
+
} & Exports;
|
|
5
|
+
(internal: unknown, props: Props & {
|
|
6
|
+
$$events?: Events;
|
|
7
|
+
$$slots?: Slots;
|
|
8
|
+
}): Exports & {
|
|
9
|
+
$set?: any;
|
|
10
|
+
$on?: any;
|
|
11
|
+
};
|
|
12
|
+
z_$$bindings?: Bindings;
|
|
13
|
+
}
|
|
14
|
+
declare const MeasureContextProvider: $$__sveltets_2_IsomorphicComponent<{
|
|
15
|
+
visualElement: any;
|
|
16
|
+
props: any;
|
|
17
|
+
isCustom: any;
|
|
18
|
+
}, {
|
|
19
|
+
[evt: string]: CustomEvent<any>;
|
|
20
|
+
}, {}, {}, string>;
|
|
21
|
+
type MeasureContextProvider = InstanceType<typeof MeasureContextProvider>;
|
|
22
|
+
export default MeasureContextProvider;
|
|
23
|
+
//# sourceMappingURL=MeasureContextProvider.svelte.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MeasureContextProvider.svelte.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/motion/features/layout/MeasureContextProvider.svelte.ts"],"names":[],"mappings":"AAyCA,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,sBAAsB;;;;;;kBAA6E,CAAC;AACxF,KAAK,sBAAsB,GAAG,YAAY,CAAC,OAAO,sBAAsB,CAAC,CAAC;AAC5E,eAAe,sBAAsB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/motion/features/layout/index.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAWlD,QAAA,IAAI,gBAAgB,EAAE,iBAGrB,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -1,20 +1,11 @@
|
|
|
1
|
-
/**
|
|
2
|
-
based on framer-motion@4.
|
|
3
|
-
Copyright (c) 2018 Framer B.V.
|
|
4
|
-
*/
|
|
5
|
-
import
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
import { AnimateLayoutContextProvider } from './Animate.js';
|
|
13
|
-
import { MeasureContextProvider } from './Measure.js';
|
|
14
|
-
|
|
15
|
-
var layoutAnimations = {
|
|
16
|
-
measureLayout: MeasureContextProvider,
|
|
17
|
-
layoutAnimation: AnimateLayoutContextProvider
|
|
18
|
-
} satisfies FeatureComponents;
|
|
19
|
-
|
|
20
|
-
export { layoutAnimations };
|
|
1
|
+
/**
|
|
2
|
+
based on framer-motion@4.0.3,
|
|
3
|
+
Copyright (c) 2018 Framer B.V.
|
|
4
|
+
*/
|
|
5
|
+
import { AnimateLayoutContextProvider } from './Animate.js';
|
|
6
|
+
import { MeasureContextProvider } from './Measure.js';
|
|
7
|
+
var layoutAnimations = {
|
|
8
|
+
measureLayout: MeasureContextProvider,
|
|
9
|
+
layoutAnimation: AnimateLayoutContextProvider,
|
|
10
|
+
};
|
|
11
|
+
export { layoutAnimations };
|
|
@@ -1,71 +1,72 @@
|
|
|
1
|
-
/**
|
|
2
|
-
based on framer-motion@4.1.17,
|
|
3
|
-
Copyright (c) 2018 Framer B.V.
|
|
4
|
-
*/
|
|
5
|
-
/**
|
|
6
|
-
* @public
|
|
7
|
-
*/
|
|
8
|
-
export interface LayoutProps {
|
|
9
|
-
/**
|
|
10
|
-
* If `true`, this component will automatically animate to its new position when
|
|
11
|
-
* its layout changes.
|
|
12
|
-
*
|
|
13
|
-
* ```jsx
|
|
14
|
-
* <MotionDiv layout />
|
|
15
|
-
* ```
|
|
16
|
-
*
|
|
17
|
-
* This will perform a layout animation using performant transforms. Part of this technique
|
|
18
|
-
* involved animating an element's scale. This can introduce visual distortions on children,
|
|
19
|
-
* `boxShadow` and `borderRadius`.
|
|
20
|
-
*
|
|
21
|
-
* To correct distortion on immediate children, add `layout` to those too.
|
|
22
|
-
*
|
|
23
|
-
* `boxShadow` and `borderRadius` will automatically be corrected if they are already being
|
|
24
|
-
* animated on this component. Otherwise, set them directly via the `initial` prop.
|
|
25
|
-
*
|
|
26
|
-
* If `layout` is set to `"position"`, the size of the component will change instantly and
|
|
27
|
-
* only its position will animate.
|
|
28
|
-
*
|
|
29
|
-
* @public
|
|
30
|
-
*/
|
|
31
|
-
layout?: boolean | "position";
|
|
32
|
-
/**
|
|
33
|
-
* Enable shared layout transitions between components for children of `AnimateSharedLayout`.
|
|
34
|
-
*
|
|
35
|
-
* When a component with a layoutId is removed from the React tree, and then
|
|
36
|
-
* added elsewhere, it will visually animate from the previous component's bounding box
|
|
37
|
-
* and its latest animated values.
|
|
38
|
-
*
|
|
39
|
-
* ```jsx
|
|
40
|
-
* <AnimateSharedLayout>
|
|
41
|
-
* {items.map(item => (
|
|
42
|
-
* <motion.li layout>
|
|
43
|
-
* {item.name}
|
|
44
|
-
* {item.isSelected && <MotionDiv layoutId="underline" />}
|
|
45
|
-
* </motion.li>
|
|
46
|
-
* ))}
|
|
47
|
-
* </AnimateSharedLayout>
|
|
48
|
-
* ```
|
|
49
|
-
*
|
|
50
|
-
* If the previous component remains in the tree it will either get hidden immediately or,
|
|
51
|
-
* if `type="crossfade"` is set on `AnimateSharedLayout`, it will crossfade to the new component.
|
|
52
|
-
*
|
|
53
|
-
* @public
|
|
54
|
-
*/
|
|
55
|
-
layoutId?: string;
|
|
56
|
-
/**
|
|
57
|
-
* This enables a component's transform to be reset during layout
|
|
58
|
-
* measurements. This is intended to be used independently of the
|
|
59
|
-
* layout prop, for instance if a parent component's transform is
|
|
60
|
-
* interfering with the measurement of a child.
|
|
61
|
-
*
|
|
62
|
-
* @internal
|
|
63
|
-
*/
|
|
64
|
-
_layoutResetTransform?: boolean;
|
|
65
|
-
/**
|
|
66
|
-
* A callback that will fire when a layout animation on this component completes.
|
|
67
|
-
*
|
|
68
|
-
* @public
|
|
69
|
-
*/
|
|
70
|
-
onLayoutAnimationComplete?(): void;
|
|
71
|
-
}
|
|
1
|
+
/**
|
|
2
|
+
based on framer-motion@4.1.17,
|
|
3
|
+
Copyright (c) 2018 Framer B.V.
|
|
4
|
+
*/
|
|
5
|
+
/**
|
|
6
|
+
* @public
|
|
7
|
+
*/
|
|
8
|
+
export interface LayoutProps {
|
|
9
|
+
/**
|
|
10
|
+
* If `true`, this component will automatically animate to its new position when
|
|
11
|
+
* its layout changes.
|
|
12
|
+
*
|
|
13
|
+
* ```jsx
|
|
14
|
+
* <MotionDiv layout />
|
|
15
|
+
* ```
|
|
16
|
+
*
|
|
17
|
+
* This will perform a layout animation using performant transforms. Part of this technique
|
|
18
|
+
* involved animating an element's scale. This can introduce visual distortions on children,
|
|
19
|
+
* `boxShadow` and `borderRadius`.
|
|
20
|
+
*
|
|
21
|
+
* To correct distortion on immediate children, add `layout` to those too.
|
|
22
|
+
*
|
|
23
|
+
* `boxShadow` and `borderRadius` will automatically be corrected if they are already being
|
|
24
|
+
* animated on this component. Otherwise, set them directly via the `initial` prop.
|
|
25
|
+
*
|
|
26
|
+
* If `layout` is set to `"position"`, the size of the component will change instantly and
|
|
27
|
+
* only its position will animate.
|
|
28
|
+
*
|
|
29
|
+
* @public
|
|
30
|
+
*/
|
|
31
|
+
layout?: boolean | "position";
|
|
32
|
+
/**
|
|
33
|
+
* Enable shared layout transitions between components for children of `AnimateSharedLayout`.
|
|
34
|
+
*
|
|
35
|
+
* When a component with a layoutId is removed from the React tree, and then
|
|
36
|
+
* added elsewhere, it will visually animate from the previous component's bounding box
|
|
37
|
+
* and its latest animated values.
|
|
38
|
+
*
|
|
39
|
+
* ```jsx
|
|
40
|
+
* <AnimateSharedLayout>
|
|
41
|
+
* {items.map(item => (
|
|
42
|
+
* <motion.li layout>
|
|
43
|
+
* {item.name}
|
|
44
|
+
* {item.isSelected && <MotionDiv layoutId="underline" />}
|
|
45
|
+
* </motion.li>
|
|
46
|
+
* ))}
|
|
47
|
+
* </AnimateSharedLayout>
|
|
48
|
+
* ```
|
|
49
|
+
*
|
|
50
|
+
* If the previous component remains in the tree it will either get hidden immediately or,
|
|
51
|
+
* if `type="crossfade"` is set on `AnimateSharedLayout`, it will crossfade to the new component.
|
|
52
|
+
*
|
|
53
|
+
* @public
|
|
54
|
+
*/
|
|
55
|
+
layoutId?: string;
|
|
56
|
+
/**
|
|
57
|
+
* This enables a component's transform to be reset during layout
|
|
58
|
+
* measurements. This is intended to be used independently of the
|
|
59
|
+
* layout prop, for instance if a parent component's transform is
|
|
60
|
+
* interfering with the measurement of a child.
|
|
61
|
+
*
|
|
62
|
+
* @internal
|
|
63
|
+
*/
|
|
64
|
+
_layoutResetTransform?: boolean;
|
|
65
|
+
/**
|
|
66
|
+
* A callback that will fire when a layout animation on this component completes.
|
|
67
|
+
*
|
|
68
|
+
* @public
|
|
69
|
+
*/
|
|
70
|
+
onLayoutAnimationComplete?(): void;
|
|
71
|
+
}
|
|
72
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/motion/features/layout/types.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF;;GAEG;AACH,MAAM,WAAW,WAAW;IACxB;;;;;;;;;;;;;;;;;;;;;OAqBG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IAC9B;;;;;;;;;;;;;;;;;;;;;;OAsBG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;;;OAOG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;;OAIG;IACH,yBAAyB,CAAC,IAAI,IAAI,CAAC;CACtC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|