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,90 +1,69 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
*
|
|
27
|
-
*
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
*
|
|
35
|
-
*
|
|
36
|
-
*
|
|
37
|
-
*
|
|
38
|
-
*
|
|
39
|
-
*
|
|
40
|
-
*
|
|
41
|
-
*
|
|
42
|
-
*
|
|
43
|
-
*
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
*
|
|
52
|
-
*
|
|
53
|
-
*
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
* @public
|
|
71
|
-
*/
|
|
72
|
-
export const usePresence = (isCustom=false): Readable<AlwaysPresent | Present | NotPresent> => {
|
|
73
|
-
|
|
74
|
-
const context = getContext(PresenceContext)||PresenceContext(isCustom);
|
|
75
|
-
const id = get(context) === null ? undefined : incrementId();
|
|
76
|
-
onMount(()=>{
|
|
77
|
-
if (get(context)!==null){
|
|
78
|
-
get(context).register(id);
|
|
79
|
-
}
|
|
80
|
-
})
|
|
81
|
-
|
|
82
|
-
if (get(context) === null){
|
|
83
|
-
return readable([true,null]);
|
|
84
|
-
}
|
|
85
|
-
return derived(context,$v=>
|
|
86
|
-
(!$v.isPresent && $v.onExitComplete) ?
|
|
87
|
-
[false, ()=>$v.onExitComplete?.(id)] :
|
|
88
|
-
[true]
|
|
89
|
-
)
|
|
90
|
-
}
|
|
1
|
+
import { derived, get, readable } from 'svelte/store';
|
|
2
|
+
import { PresenceContext } from '../../context/PresenceContext.js';
|
|
3
|
+
import { getContext, onMount } from "svelte";
|
|
4
|
+
let counter = 0;
|
|
5
|
+
const incrementId = () => counter++;
|
|
6
|
+
export function isPresent(context) {
|
|
7
|
+
return context === null ? true : context.isPresent;
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* Similar to `usePresence`, except `useIsPresent` simply returns whether or not the component is present.
|
|
11
|
+
* There is no `safeToRemove` function.
|
|
12
|
+
*
|
|
13
|
+
* ```jsx
|
|
14
|
+
* import { useIsPresent } from "framer-motion"
|
|
15
|
+
*
|
|
16
|
+
* export const Component = () => {
|
|
17
|
+
* const isPresent = useIsPresent()
|
|
18
|
+
*
|
|
19
|
+
* useEffect(() => {
|
|
20
|
+
* !isPresent && console.log("I've been removed!")
|
|
21
|
+
* }, [isPresent])
|
|
22
|
+
*
|
|
23
|
+
* return <div />
|
|
24
|
+
* }
|
|
25
|
+
* ```
|
|
26
|
+
*
|
|
27
|
+
* @public
|
|
28
|
+
*/
|
|
29
|
+
export const useIsPresent = (isCustom = false) => {
|
|
30
|
+
let presenceContext = getContext(PresenceContext) || PresenceContext(isCustom);
|
|
31
|
+
return derived(presenceContext, $v => $v === null ? true : $v.isPresent);
|
|
32
|
+
};
|
|
33
|
+
/**
|
|
34
|
+
* When a component is the child of `AnimatePresence`, it can use `usePresence`
|
|
35
|
+
* to access information about whether it's still present in the React tree.
|
|
36
|
+
*
|
|
37
|
+
* ```jsx
|
|
38
|
+
* import { usePresence } from "framer-motion"
|
|
39
|
+
*
|
|
40
|
+
* const [isPresent, safeToRemove] = usePresence()
|
|
41
|
+
*
|
|
42
|
+
*
|
|
43
|
+
* $: !isPresent && setTimeout(safeToRemove, 1000)
|
|
44
|
+
*
|
|
45
|
+
*
|
|
46
|
+
* return <div />
|
|
47
|
+
* }
|
|
48
|
+
* ```
|
|
49
|
+
*
|
|
50
|
+
* If `isPresent` is `false`, it means that a component has been removed the tree, but
|
|
51
|
+
* `AnimatePresence` won't really remove it until `safeToRemove` has been called.
|
|
52
|
+
*
|
|
53
|
+
* @public
|
|
54
|
+
*/
|
|
55
|
+
export const usePresence = (isCustom = false) => {
|
|
56
|
+
const context = getContext(PresenceContext) || PresenceContext(isCustom);
|
|
57
|
+
const id = get(context) === null ? undefined : incrementId();
|
|
58
|
+
onMount(() => {
|
|
59
|
+
if (get(context) !== null) {
|
|
60
|
+
get(context).register(id);
|
|
61
|
+
}
|
|
62
|
+
});
|
|
63
|
+
if (get(context) === null) {
|
|
64
|
+
return readable([true, null]);
|
|
65
|
+
}
|
|
66
|
+
return derived(context, $v => (!$v.isPresent && $v.onExitComplete) ?
|
|
67
|
+
[false, () => $v.onExitComplete?.(id)] :
|
|
68
|
+
[true]);
|
|
69
|
+
};
|
|
@@ -3,23 +3,30 @@ Copyright (c) 2018 Framer B.V. -->
|
|
|
3
3
|
|
|
4
4
|
<script lang="ts">
|
|
5
5
|
import { SharedLayoutContext } from "../../context/SharedLayoutContext.js";
|
|
6
|
-
import
|
|
6
|
+
import { Presence, type SharedLayoutProps } from "./index.js";
|
|
7
7
|
import { createBatcher } from "./utils/batcher.js";
|
|
8
8
|
|
|
9
9
|
import { getContext, onMount, setContext, tick } from "svelte";
|
|
10
|
-
import { get, writable } from "svelte/store";
|
|
10
|
+
import { get, writable, type Writable } from "svelte/store";
|
|
11
11
|
import { setDomContext } from "../../context/DOMcontext.js";
|
|
12
|
-
import {
|
|
12
|
+
import {
|
|
13
|
+
MotionContext,
|
|
14
|
+
type MotionContextProps,
|
|
15
|
+
} from "../../context/MotionContext/index.js";
|
|
13
16
|
import { snapshotViewportBox } from "../../render/dom/projection/utils.js";
|
|
14
17
|
import { resetRotate } from "./utils/rotate.js";
|
|
15
18
|
import { layoutStack } from "./utils/stack.js";
|
|
19
|
+
import PresenceChild from "../AnimatePresence/PresenceChild/PresenceChild.svelte";
|
|
20
|
+
import type { VisualElement } from "../../render/types.js";
|
|
16
21
|
|
|
17
22
|
type $$Props = SharedLayoutProps;
|
|
18
23
|
|
|
19
24
|
export let type: $$Props["type"] = undefined,
|
|
20
25
|
isCustom = false;
|
|
21
26
|
|
|
22
|
-
const context =
|
|
27
|
+
const context =
|
|
28
|
+
getContext<Writable<MotionContextProps>>(MotionContext) ||
|
|
29
|
+
MotionContext(isCustom);
|
|
23
30
|
|
|
24
31
|
/**
|
|
25
32
|
* Track whether the component has mounted. If it hasn't, the presence of added children
|
|
@@ -29,7 +36,7 @@ Copyright (c) 2018 Framer B.V. -->
|
|
|
29
36
|
/**
|
|
30
37
|
* A list of all the children in the shared layout
|
|
31
38
|
*/
|
|
32
|
-
let children = new Set();
|
|
39
|
+
let children = new Set<VisualElement>();
|
|
33
40
|
/**
|
|
34
41
|
* As animate components with a defined `layoutId` are added/removed to the tree,
|
|
35
42
|
* we store them in order. When one is added, it will animate out from the
|
|
@@ -59,7 +66,7 @@ Copyright (c) 2018 Framer B.V. -->
|
|
|
59
66
|
*/
|
|
60
67
|
let syncContext = {
|
|
61
68
|
...createBatcher(),
|
|
62
|
-
syncUpdate: (force) => scheduleUpdate(force),
|
|
69
|
+
syncUpdate: (force?: boolean) => scheduleUpdate(force),
|
|
63
70
|
forceUpdate: () => {
|
|
64
71
|
// By copying syncContext to itself, when this component re-renders it'll also re-render
|
|
65
72
|
// all children subscribed to the SharedLayout context.
|
|
@@ -71,8 +78,8 @@ Copyright (c) 2018 Framer B.V. -->
|
|
|
71
78
|
|
|
72
79
|
forced = true;
|
|
73
80
|
},
|
|
74
|
-
register: (child) => addChild(child),
|
|
75
|
-
remove: (child) => {
|
|
81
|
+
register: (child: VisualElement) => addChild(child),
|
|
82
|
+
remove: (child: VisualElement) => {
|
|
76
83
|
removeChild(child);
|
|
77
84
|
},
|
|
78
85
|
};
|
|
@@ -104,8 +111,8 @@ Copyright (c) 2018 Framer B.V. -->
|
|
|
104
111
|
* Create a handler which we can use to flush the children animations
|
|
105
112
|
*/
|
|
106
113
|
const handler = {
|
|
107
|
-
measureLayout: (child) => child.updateLayoutMeasurement(),
|
|
108
|
-
layoutReady: (child) => {
|
|
114
|
+
measureLayout: (child: PresenceChild) => child.updateLayoutMeasurement(),
|
|
115
|
+
layoutReady: (child: VisualElement) => {
|
|
109
116
|
if (child.getLayoutId() !== undefined) {
|
|
110
117
|
const stack = getStack(child);
|
|
111
118
|
stack.animate(child, type === "crossfade");
|
|
@@ -172,25 +179,25 @@ Copyright (c) 2018 Framer B.V. -->
|
|
|
172
179
|
}
|
|
173
180
|
};
|
|
174
181
|
|
|
175
|
-
const addChild = (child) => {
|
|
182
|
+
const addChild = (child: VisualElement) => {
|
|
176
183
|
children.add(child);
|
|
177
184
|
addToStack(child);
|
|
178
185
|
|
|
179
186
|
child.presence = hasMounted ? Presence.Entering : Presence.Present;
|
|
180
187
|
};
|
|
181
188
|
|
|
182
|
-
const removeChild = (child) => {
|
|
189
|
+
const removeChild = (child: VisualElement) => {
|
|
183
190
|
scheduleUpdate();
|
|
184
191
|
children.delete(child);
|
|
185
192
|
removeFromStack(child);
|
|
186
193
|
};
|
|
187
194
|
|
|
188
|
-
const addToStack = (child) => {
|
|
195
|
+
const addToStack = (child: VisualElement) => {
|
|
189
196
|
const stack = getStack(child);
|
|
190
197
|
stack?.add(child);
|
|
191
198
|
};
|
|
192
199
|
|
|
193
|
-
const removeFromStack = (child) => {
|
|
200
|
+
const removeFromStack = (child: VisualElement) => {
|
|
194
201
|
const stack = getStack(child);
|
|
195
202
|
stack?.remove(child);
|
|
196
203
|
};
|
|
@@ -199,7 +206,7 @@ Copyright (c) 2018 Framer B.V. -->
|
|
|
199
206
|
* Return a stack of animate children based on the provided layoutId.
|
|
200
207
|
* Will create a stack if none currently exists with that layoutId.
|
|
201
208
|
*/
|
|
202
|
-
const getStack = (child) => {
|
|
209
|
+
const getStack = (child: VisualElement) => {
|
|
203
210
|
const id = child.getLayoutId();
|
|
204
211
|
if (id === undefined) return;
|
|
205
212
|
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { type SharedLayoutProps } from "./index.js";
|
|
2
|
+
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> {
|
|
3
|
+
new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
|
|
4
|
+
$$bindings?: Bindings;
|
|
5
|
+
} & Exports;
|
|
6
|
+
(internal: unknown, props: Props & {
|
|
7
|
+
$$events?: Events;
|
|
8
|
+
$$slots?: Slots;
|
|
9
|
+
}): Exports & {
|
|
10
|
+
$set?: any;
|
|
11
|
+
$on?: any;
|
|
12
|
+
};
|
|
13
|
+
z_$$bindings?: Bindings;
|
|
14
|
+
}
|
|
15
|
+
type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
|
|
16
|
+
default: any;
|
|
17
|
+
} ? Props extends Record<string, never> ? any : {
|
|
18
|
+
children?: any;
|
|
19
|
+
} : {});
|
|
20
|
+
declare const AnimateSharedLayout: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<SharedLayoutProps, {
|
|
21
|
+
default: {};
|
|
22
|
+
}>, {
|
|
23
|
+
[evt: string]: CustomEvent<any>;
|
|
24
|
+
}, {
|
|
25
|
+
default: {};
|
|
26
|
+
}, {}, string>;
|
|
27
|
+
type AnimateSharedLayout = InstanceType<typeof AnimateSharedLayout>;
|
|
28
|
+
export default AnimateSharedLayout;
|
|
29
|
+
//# sourceMappingURL=AnimateSharedLayout.svelte.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AnimateSharedLayout.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/components/AnimateSharedLayout/AnimateSharedLayout.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,EAAY,KAAK,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAqQ9D,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;AACD,KAAK,gCAAgC,CAAC,KAAK,EAAE,KAAK,IAAI,KAAK,GACvD,CAAC,KAAK,SAAS;IAAE,OAAO,EAAE,GAAG,CAAA;CAAE,GACzB,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GACnC,GAAG,GACH;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,GAClB,EAAE,CAAC,CAAC;AAId,QAAA,MAAM,mBAAmB;;;;;;cAAmF,CAAC;AAC3F,KAAK,mBAAmB,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC;AACtE,eAAe,mBAAmB,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
based on framer-motion@4.1.17,
|
|
3
|
+
Copyright (c) 2018 Framer B.V.
|
|
4
|
+
*/
|
|
5
|
+
export { type SharedLayoutProps, Presence } from './types.js';
|
|
6
|
+
/**
|
|
7
|
+
* Wrap several [#Motion] components with the \`layout\` or \`layoutId\` prop with this component, so that all react smoothly to the change of a single component.
|
|
8
|
+
* @public
|
|
9
|
+
*/
|
|
10
|
+
export { default as AnimateSharedLayout } from './AnimateSharedLayout.svelte';
|
|
11
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/components/AnimateSharedLayout/index.ts"],"names":[],"mappings":"AAAA;;;EAGE;AAEF,OAAO,EAAE,KAAK,iBAAiB,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC9D;;;GAGG;AACH,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,8BAA8B,CAAC"}
|
package/{src/components/AnimateSharedLayout/index.ts → dist/components/AnimateSharedLayout/index.js}
RENAMED
|
@@ -1,11 +1,10 @@
|
|
|
1
|
-
/**
|
|
2
|
-
based on framer-motion@4.1.17,
|
|
3
|
-
Copyright (c) 2018 Framer B.V.
|
|
4
|
-
*/
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
*
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
export {default as AnimateSharedLayout} from './AnimateSharedLayout.svelte'
|
|
1
|
+
/**
|
|
2
|
+
based on framer-motion@4.1.17,
|
|
3
|
+
Copyright (c) 2018 Framer B.V.
|
|
4
|
+
*/
|
|
5
|
+
export { Presence } from './types.js';
|
|
6
|
+
/**
|
|
7
|
+
* Wrap several [#Motion] components with the \`layout\` or \`layoutId\` prop with this component, so that all react smoothly to the change of a single component.
|
|
8
|
+
* @public
|
|
9
|
+
*/
|
|
10
|
+
export { default as AnimateSharedLayout } from './AnimateSharedLayout.svelte';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"type.spec-d.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/components/AnimateSharedLayout/type.spec-d.ts"],"names":[],"mappings":""}
|
|
@@ -1,111 +1,91 @@
|
|
|
1
|
-
/**
|
|
2
|
-
based on framer-motion@4.1.17,
|
|
3
|
-
Copyright (c) 2018 Framer B.V.
|
|
4
|
-
*/
|
|
5
|
-
import type { VisualElement } from
|
|
6
|
-
import type { Transition } from
|
|
7
|
-
import type { AxisBox2D } from
|
|
8
|
-
import { MotionValue } from
|
|
9
|
-
/**
|
|
10
|
-
* @public
|
|
11
|
-
*/
|
|
12
|
-
export enum Presence {
|
|
13
|
-
Entering = 0,
|
|
14
|
-
Present = 1,
|
|
15
|
-
Exiting = 2
|
|
16
|
-
}
|
|
17
|
-
/**
|
|
18
|
-
* @public
|
|
19
|
-
*/
|
|
20
|
-
export enum VisibilityAction {
|
|
21
|
-
Hide = 0,
|
|
22
|
-
Show = 1
|
|
23
|
-
}
|
|
24
|
-
/**
|
|
25
|
-
* @public
|
|
26
|
-
*/
|
|
27
|
-
export interface SharedLayoutProps {
|
|
28
|
-
/**
|
|
29
|
-
* @public
|
|
30
|
-
*/
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
*
|
|
34
|
-
*
|
|
35
|
-
*
|
|
36
|
-
*
|
|
37
|
-
* the
|
|
38
|
-
*
|
|
39
|
-
*
|
|
40
|
-
*
|
|
41
|
-
*
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
*
|
|
59
|
-
*
|
|
60
|
-
*
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
*
|
|
69
|
-
*
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
*/
|
|
91
|
-
|
|
92
|
-
/**
|
|
93
|
-
* @public
|
|
94
|
-
*/
|
|
95
|
-
// var Presence;
|
|
96
|
-
// (function (Presence) {
|
|
97
|
-
// Presence[Presence["Entering"] = 0] = "Entering";
|
|
98
|
-
// Presence[Presence["Present"] = 1] = "Present";
|
|
99
|
-
// Presence[Presence["Exiting"] = 2] = "Exiting";
|
|
100
|
-
// })(Presence || (Presence = {}));
|
|
101
|
-
// /**
|
|
102
|
-
// * @public
|
|
103
|
-
// */
|
|
104
|
-
// var VisibilityAction;
|
|
105
|
-
// (function (VisibilityAction) {
|
|
106
|
-
// VisibilityAction[VisibilityAction["Hide"] = 0] = "Hide";
|
|
107
|
-
// VisibilityAction[VisibilityAction["Show"] = 1] = "Show";
|
|
108
|
-
// })(VisibilityAction || (VisibilityAction = {}));
|
|
109
|
-
|
|
110
|
-
// export { Presence, VisibilityAction };
|
|
111
|
-
|
|
1
|
+
/**
|
|
2
|
+
based on framer-motion@4.1.17,
|
|
3
|
+
Copyright (c) 2018 Framer B.V.
|
|
4
|
+
*/
|
|
5
|
+
import type { VisualElement } from '../../render/types';
|
|
6
|
+
import type { Transition } from '../../types';
|
|
7
|
+
import type { AxisBox2D } from '../../types/geometry';
|
|
8
|
+
import type { MotionValue } from '../../value';
|
|
9
|
+
/**
|
|
10
|
+
* @public
|
|
11
|
+
*/
|
|
12
|
+
export declare enum Presence {
|
|
13
|
+
Entering = 0,
|
|
14
|
+
Present = 1,
|
|
15
|
+
Exiting = 2
|
|
16
|
+
}
|
|
17
|
+
/**
|
|
18
|
+
* @public
|
|
19
|
+
*/
|
|
20
|
+
export declare enum VisibilityAction {
|
|
21
|
+
Hide = 0,
|
|
22
|
+
Show = 1
|
|
23
|
+
}
|
|
24
|
+
/**
|
|
25
|
+
* @public
|
|
26
|
+
*/
|
|
27
|
+
export interface SharedLayoutProps {
|
|
28
|
+
/**
|
|
29
|
+
* @public
|
|
30
|
+
*/
|
|
31
|
+
/**
|
|
32
|
+
* When combined with `AnimatePresence`, `SharedLayoutProps` can customise how to visually switch
|
|
33
|
+
* between `layoutId` components as new ones enter and leave the tree.
|
|
34
|
+
*
|
|
35
|
+
* - "switch" (default): The old `layoutId` component will be hidden instantly when a new one enters, and
|
|
36
|
+
* the new one will perform the full transition. When the newest one is removed, it will perform
|
|
37
|
+
* the full exit transition and then the old component will be shown instantly.
|
|
38
|
+
* - "crossfade": The root shared components will crossfade as `layoutId` children of both perform
|
|
39
|
+
* the same transition.
|
|
40
|
+
*
|
|
41
|
+
* @public
|
|
42
|
+
*/
|
|
43
|
+
type?: 'switch' | 'crossfade';
|
|
44
|
+
}
|
|
45
|
+
export interface SharedLayoutAnimationConfig {
|
|
46
|
+
visibilityAction?: VisibilityAction;
|
|
47
|
+
originBox?: AxisBox2D;
|
|
48
|
+
targetBox?: AxisBox2D;
|
|
49
|
+
transition?: Transition;
|
|
50
|
+
crossfadeOpacity?: MotionValue<number>;
|
|
51
|
+
shouldStackAnimate?: boolean;
|
|
52
|
+
onComplete?: () => void;
|
|
53
|
+
isRelative?: boolean;
|
|
54
|
+
prevParent?: VisualElement;
|
|
55
|
+
}
|
|
56
|
+
/**
|
|
57
|
+
* Handlers for batching sync layout lifecycles. We batches these processes to cut
|
|
58
|
+
* down on layout thrashing
|
|
59
|
+
*
|
|
60
|
+
* @public
|
|
61
|
+
*/
|
|
62
|
+
export interface SyncLayoutLifecycles {
|
|
63
|
+
layoutReady: (child: VisualElement) => void;
|
|
64
|
+
parent?: VisualElement;
|
|
65
|
+
}
|
|
66
|
+
/**
|
|
67
|
+
* The exposed API for children to add themselves to the batcher and to flush it.
|
|
68
|
+
*
|
|
69
|
+
* @public
|
|
70
|
+
*/
|
|
71
|
+
export interface SyncLayoutBatcher {
|
|
72
|
+
add: (child: VisualElement) => void;
|
|
73
|
+
flush: (handler?: SyncLayoutLifecycles) => void;
|
|
74
|
+
}
|
|
75
|
+
/**
|
|
76
|
+
* Extra API methods available to children if they're a descendant of AnimateSharedLayout
|
|
77
|
+
*/
|
|
78
|
+
export interface SharedLayoutSyncMethods extends SyncLayoutBatcher {
|
|
79
|
+
syncUpdate: (force?: boolean) => void;
|
|
80
|
+
forceUpdate: () => void;
|
|
81
|
+
register: (child: VisualElement) => void;
|
|
82
|
+
remove: (child: VisualElement) => void;
|
|
83
|
+
}
|
|
84
|
+
/**
|
|
85
|
+
based on framer-motion@4.0.3,
|
|
86
|
+
Copyright (c) 2018 Framer B.V.
|
|
87
|
+
*/
|
|
88
|
+
/**
|
|
89
|
+
* @public
|
|
90
|
+
*/
|
|
91
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/components/AnimateSharedLayout/types.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC/C;;GAEG;AACH,oBAAY,QAAQ;IACnB,QAAQ,IAAI;IACZ,OAAO,IAAI;IACX,OAAO,IAAI;CACX;AACD;;GAEG;AACH,oBAAY,gBAAgB;IAC3B,IAAI,IAAI;IACR,IAAI,IAAI;CACR;AACD;;GAEG;AACH,MAAM,WAAW,iBAAiB;IACjC;;OAEG;IAEH;;;;;;;;;;;OAWG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;CAC9B;AACD,MAAM,WAAW,2BAA2B;IAC3C,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,gBAAgB,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACvC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,aAAa,CAAC;CAC3B;AACD;;;;;GAKG;AACH,MAAM,WAAW,oBAAoB;IACpC,WAAW,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC5C,MAAM,CAAC,EAAE,aAAa,CAAC;CACvB;AACD;;;;GAIG;AACH,MAAM,WAAW,iBAAiB;IACjC,GAAG,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACpC,KAAK,EAAE,CAAC,OAAO,CAAC,EAAE,oBAAoB,KAAK,IAAI,CAAC;CAChD;AACD;;GAEG;AACH,MAAM,WAAW,uBAAwB,SAAQ,iBAAiB;IACjE,UAAU,EAAE,CAAC,KAAK,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACzC,MAAM,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;CACvC;AAED;;;EAGE;AAEF;;GAEG"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @public
|
|
3
|
+
*/
|
|
4
|
+
export var Presence;
|
|
5
|
+
(function (Presence) {
|
|
6
|
+
Presence[Presence["Entering"] = 0] = "Entering";
|
|
7
|
+
Presence[Presence["Present"] = 1] = "Present";
|
|
8
|
+
Presence[Presence["Exiting"] = 2] = "Exiting";
|
|
9
|
+
})(Presence || (Presence = {}));
|
|
10
|
+
/**
|
|
11
|
+
* @public
|
|
12
|
+
*/
|
|
13
|
+
export var VisibilityAction;
|
|
14
|
+
(function (VisibilityAction) {
|
|
15
|
+
VisibilityAction[VisibilityAction["Hide"] = 0] = "Hide";
|
|
16
|
+
VisibilityAction[VisibilityAction["Show"] = 1] = "Show";
|
|
17
|
+
})(VisibilityAction || (VisibilityAction = {}));
|
|
18
|
+
/**
|
|
19
|
+
based on framer-motion@4.0.3,
|
|
20
|
+
Copyright (c) 2018 Framer B.V.
|
|
21
|
+
*/
|
|
22
|
+
/**
|
|
23
|
+
* @public
|
|
24
|
+
*/
|
|
25
|
+
// var Presence;
|
|
26
|
+
// (function (Presence) {
|
|
27
|
+
// Presence[Presence["Entering"] = 0] = "Entering";
|
|
28
|
+
// Presence[Presence["Present"] = 1] = "Present";
|
|
29
|
+
// Presence[Presence["Exiting"] = 2] = "Exiting";
|
|
30
|
+
// })(Presence || (Presence = {}));
|
|
31
|
+
// /**
|
|
32
|
+
// * @public
|
|
33
|
+
// */
|
|
34
|
+
// var VisibilityAction;
|
|
35
|
+
// (function (VisibilityAction) {
|
|
36
|
+
// VisibilityAction[VisibilityAction["Hide"] = 0] = "Hide";
|
|
37
|
+
// VisibilityAction[VisibilityAction["Show"] = 1] = "Show";
|
|
38
|
+
// })(VisibilityAction || (VisibilityAction = {}));
|
|
39
|
+
// export { Presence, VisibilityAction };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
based on framer-motion@4.1.17,
|
|
3
|
+
Copyright (c) 2018 Framer B.V.
|
|
4
|
+
*/
|
|
5
|
+
import type { SyncLayoutBatcher } from '../types';
|
|
6
|
+
/**
|
|
7
|
+
* Create a batcher to process VisualElements
|
|
8
|
+
*/
|
|
9
|
+
declare function createBatcher(): SyncLayoutBatcher;
|
|
10
|
+
export { createBatcher };
|
|
11
|
+
//# sourceMappingURL=batcher.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"batcher.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/components/AnimateSharedLayout/utils/batcher.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAmBlD;;GAEG;AACH,iBAAS,aAAa,IAAI,iBAAiB,CA+D1C;AAKD,OAAO,EAAE,aAAa,EAAE,CAAC"}
|