@react-scrollytelling/framer-motion 0.1.1

package/README.md

@@ -0,0 +1,11 @@
+# `core`
+
+> TODO: description
+
+## Usage
+
+```
+const core = require('core');
+
+// TODO: DEMONSTRATE API
+```

package/dist/index.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),k=require("@react-scrollytelling/grouped"),O=require("@react-scrollytelling/core");function U(s){const e=u.useRef(null);return e.current===null&&(e.current=s()),e.current}function N(s,e){s.indexOf(e)===-1&&s.push(e)}function D(s,e){const t=s.indexOf(e);t>-1&&s.splice(t,1)}function L(s,e){return s}const V={},I=s=>s;class j{constructor(){this.subscriptions=[]}add(e){return N(this.subscriptions,e),()=>D(this.subscriptions,e)}notify(e,t,i){const n=this.subscriptions.length;if(n)if(n===1)this.subscriptions[0](e,t,i);else for(let o=0;o<n;o++){const r=this.subscriptions[o];r&&r(e,t,i)}}getSize(){return this.subscriptions.length}clear(){this.subscriptions.length=0}}function K(s,e){return e?s*(1e3/e):0}const w=new Set;function _(s,e,t){w.has(e)||(console.warn(L(e)),w.add(e))}const m=["setup","read","resolveKeyframes","preUpdate","update","preRender","render","postRender"],C={value:null,addProjectionMetrics:null};function z(s,e){let t=new Set,i=new Set,n=!1,o=!1;const r=new WeakSet;let d={delta:0,timestamp:0,isProcessing:!1},f=0;function S(a){r.has(a)&&(h.schedule(a),s()),f++,a(d)}const h={schedule:(a,A=!1,M=!1)=>{const p=M&&n?t:i;return A&&r.add(a),p.has(a)||p.add(a),a},cancel:a=>{i.delete(a),r.delete(a)},process:a=>{if(d=a,n){o=!0;return}n=!0,[t,i]=[i,t],t.forEach(S),e&&C.value&&C.value.frameloop[e].push(f),f=0,t.clear(),n=!1,o&&(o=!1,h.process(a))}};return h}const B=40;function W(s,e){let t=!1,i=!0;const n={delta:0,timestamp:0,isProcessing:!1},o=()=>t=!0,r=m.reduce((c,l)=>(c[l]=z(o,l),c),{}),{setup:d,read:f,resolveKeyframes:S,preUpdate:h,update:a,preRender:A,render:M,postRender:y}=r,p=()=>{const c=V.useManualTiming?n.timestamp:performance.now();t=!1,V.useManualTiming||(n.delta=i?1e3/60:Math.max(Math.min(c-n.timestamp,B),1)),n.timestamp=c,n.isProcessing=!0,d.process(n),f.process(n),S.process(n),h.process(n),a.process(n),A.process(n),M.process(n),y.process(n),n.isProcessing=!1,t&&e&&(i=!1,s(p))},E=()=>{t=!0,i=!0,n.isProcessing||s(p)};return{schedule:m.reduce((c,l)=>{const T=r[l];return c[l]=(b,x=!1,q=!1)=>(t||E(),T.schedule(b,x,q)),c},{}),cancel:c=>{for(let l=0;l<m.length;l++)r[m[l]].cancel(c)},state:n,steps:r}}const{schedule:G,cancel:se,state:F,steps:ne}=W(typeof requestAnimationFrame!="undefined"?requestAnimationFrame:I,!0);let v;function X(){v=void 0}const g={now:()=>(v===void 0&&g.set(F.isProcessing||V.useManualTiming?F.timestamp:performance.now()),v),set:s=>{v=s,queueMicrotask(X)}},P=30,Y=s=>!isNaN(parseFloat(s));class H{constructor(e,t={}){this.canTrackVelocity=null,this.events={},this.updateAndNotify=i=>{var o;const n=g.now();if(this.updatedAt!==n&&this.setPrevFrameValue(),this.prev=this.current,this.setCurrent(i),this.current!==this.prev&&((o=this.events.change)==null||o.notify(this.current),this.dependents))for(const r of this.dependents)r.dirty()},this.hasAnimated=!1,this.setCurrent(e),this.owner=t.owner}setCurrent(e){this.current=e,this.updatedAt=g.now(),this.canTrackVelocity===null&&e!==void 0&&(this.canTrackVelocity=Y(this.current))}setPrevFrameValue(e=this.current){this.prevFrameValue=e,this.prevUpdatedAt=this.updatedAt}onChange(e){return process.env.NODE_ENV!=="production"&&_(!1,'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'),this.on("change",e)}on(e,t){this.events[e]||(this.events[e]=new j);const i=this.events[e].add(t);return e==="change"?()=>{i(),G.read(()=>{this.events.change.getSize()||this.stop()})}:i}clearListeners(){for(const e in this.events)this.events[e].clear()}attach(e,t){this.passiveEffect=e,this.stopPassiveEffect=t}set(e){this.passiveEffect?this.passiveEffect(e,this.updateAndNotify):this.updateAndNotify(e)}setWithVelocity(e,t,i){this.set(t),this.prev=void 0,this.prevFrameValue=e,this.prevUpdatedAt=this.updatedAt-i}jump(e,t=!0){this.updateAndNotify(e),this.prev=e,this.prevUpdatedAt=this.prevFrameValue=void 0,t&&this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}dirty(){var e;(e=this.events.change)==null||e.notify(this.current)}addDependent(e){this.dependents||(this.dependents=new Set),this.dependents.add(e)}removeDependent(e){this.dependents&&this.dependents.delete(e)}get(){return this.current}getPrevious(){return this.prev}getVelocity(){const e=g.now();if(!this.canTrackVelocity||this.prevFrameValue===void 0||e-this.updatedAt>P)return 0;const t=Math.min(this.updatedAt-this.prevUpdatedAt,P);return K(parseFloat(this.current)-parseFloat(this.prevFrameValue),t)}start(e){return this.stop(),new Promise(t=>{this.hasAnimated=!0,this.animation=e(t),this.events.animationStart&&this.events.animationStart.notify()}).then(()=>{this.events.animationComplete&&this.events.animationComplete.notify(),this.clearAnimation()})}stop(){this.animation&&(this.animation.stop(),this.events.animationCancel&&this.events.animationCancel.notify()),this.clearAnimation()}isAnimating(){return!!this.animation}clearAnimation(){delete this.animation}destroy(){var e,t;(e=this.dependents)==null||e.clear(),(t=this.events.destroy)==null||t.notify(),this.clearListeners(),this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}}function J(s,e){return new H(s,e)}const Q=u.createContext({transformPagePoint:s=>s,isStatic:!1,reducedMotion:"never"});function R(s){const e=U(()=>J(s)),{isStatic:t}=u.useContext(Q);if(t){const[,i]=u.useState(s);u.useEffect(()=>e.on("change",i),[])}return e}function Z(s){const e=u.useRef(R(0)),[t,i]=u.useState(null),n=u.useCallback(o=>{const{trackingId:r,scrolledRatio:d}=o;i(r),e.current.set(d),s&&s(o)},[s]);return k.useActiveSection(n),{trackingId:t,scrolledRatioMotionValue:e.current}}function $(s,e,t=!0,i){const n=u.useRef(R(0)),o=u.useCallback(r=>{const{scrolledRatio:d}=r;n.current.set(d),e&&e(r)},[e]);return O.useSectionScroll(s,o,t,i),{scrolledRatioMotionValue:n.current}}exports.useActiveSectionMotionValue=Z;exports.useSectionScrollMotionValue=$;
+//# sourceMappingURL=index.cjs.js.map

package/dist/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../../../node_modules/framer-motion/dist/es/utils/use-constant.mjs","../../../node_modules/motion-utils/dist/es/array.mjs","../../../node_modules/motion-utils/dist/es/format-error-message.mjs","../../../node_modules/motion-utils/dist/es/global-config.mjs","../../../node_modules/motion-utils/dist/es/noop.mjs","../../../node_modules/motion-utils/dist/es/subscription-manager.mjs","../../../node_modules/motion-utils/dist/es/velocity-per-second.mjs","../../../node_modules/motion-utils/dist/es/warn-once.mjs","../../../node_modules/motion-dom/dist/es/frameloop/order.mjs","../../../node_modules/motion-dom/dist/es/stats/buffer.mjs","../../../node_modules/motion-dom/dist/es/frameloop/render-step.mjs","../../../node_modules/motion-dom/dist/es/frameloop/batcher.mjs","../../../node_modules/motion-dom/dist/es/frameloop/frame.mjs","../../../node_modules/motion-dom/dist/es/frameloop/sync-time.mjs","../../../node_modules/motion-dom/dist/es/value/index.mjs","../../../node_modules/framer-motion/dist/es/context/MotionConfigContext.mjs","../../../node_modules/framer-motion/dist/es/value/use-motion-value.mjs","../src/hooks/useActiveSectionMotionValue.ts","../src/hooks/useSectionScrollMotionValue.ts"],"sourcesContent":["\"use client\";\nimport { useRef } from 'react';\n\n/**\n * Creates a constant value over the lifecycle of a component.\n *\n * Even if `useMemo` is provided an empty array as its final argument, it doesn't offer\n * a guarantee that it won't re-run for performance reasons later on. By using `useConstant`\n * you can ensure that initialisers don't execute twice or more.\n */\nfunction useConstant(init) {\n    const ref = useRef(null);\n    if (ref.current === null) {\n        ref.current = init();\n    }\n    return ref.current;\n}\n\nexport { useConstant };\n","function addUniqueItem(arr, item) {\n    if (arr.indexOf(item) === -1)\n        arr.push(item);\n}\nfunction removeItem(arr, item) {\n    const index = arr.indexOf(item);\n    if (index > -1)\n        arr.splice(index, 1);\n}\n// Adapted from array-move\nfunction moveItem([...arr], fromIndex, toIndex) {\n    const startIndex = fromIndex < 0 ? arr.length + fromIndex : fromIndex;\n    if (startIndex >= 0 && startIndex < arr.length) {\n        const endIndex = toIndex < 0 ? arr.length + toIndex : toIndex;\n        const [item] = arr.splice(fromIndex, 1);\n        arr.splice(endIndex, 0, item);\n    }\n    return arr;\n}\n\nexport { addUniqueItem, moveItem, removeItem };\n","function formatErrorMessage(message, errorCode) {\n    return errorCode\n        ? `${message}. For more information and steps for solving, visit https://motion.dev/troubleshooting/${errorCode}`\n        : message;\n}\n\nexport { formatErrorMessage };\n","const MotionGlobalConfig = {};\n\nexport { MotionGlobalConfig };\n","/*#__NO_SIDE_EFFECTS__*/\nconst noop = (any) => any;\n\nexport { noop };\n","import { addUniqueItem, removeItem } from './array.mjs';\n\nclass SubscriptionManager {\n    constructor() {\n        this.subscriptions = [];\n    }\n    add(handler) {\n        addUniqueItem(this.subscriptions, handler);\n        return () => removeItem(this.subscriptions, handler);\n    }\n    notify(a, b, c) {\n        const numSubscriptions = this.subscriptions.length;\n        if (!numSubscriptions)\n            return;\n        if (numSubscriptions === 1) {\n            /**\n             * If there's only a single handler we can just call it without invoking a loop.\n             */\n            this.subscriptions[0](a, b, c);\n        }\n        else {\n            for (let i = 0; i < numSubscriptions; i++) {\n                /**\n                 * Check whether the handler exists before firing as it's possible\n                 * the subscriptions were modified during this loop running.\n                 */\n                const handler = this.subscriptions[i];\n                handler && handler(a, b, c);\n            }\n        }\n    }\n    getSize() {\n        return this.subscriptions.length;\n    }\n    clear() {\n        this.subscriptions.length = 0;\n    }\n}\n\nexport { SubscriptionManager };\n","/*\n  Convert velocity into velocity per second\n\n  @param [number]: Unit per frame\n  @param [number]: Frame duration in ms\n*/\nfunction velocityPerSecond(velocity, frameDuration) {\n    return frameDuration ? velocity * (1000 / frameDuration) : 0;\n}\n\nexport { velocityPerSecond };\n","import { formatErrorMessage } from './format-error-message.mjs';\n\nconst warned = new Set();\nfunction hasWarned(message) {\n    return warned.has(message);\n}\nfunction warnOnce(condition, message, errorCode) {\n    if (condition || warned.has(message))\n        return;\n    console.warn(formatErrorMessage(message, errorCode));\n    warned.add(message);\n}\n\nexport { hasWarned, warnOnce };\n","const stepsOrder = [\n    \"setup\", // Compute\n    \"read\", // Read\n    \"resolveKeyframes\", // Write/Read/Write/Read\n    \"preUpdate\", // Compute\n    \"update\", // Compute\n    \"preRender\", // Compute\n    \"render\", // Write\n    \"postRender\", // Compute\n];\n\nexport { stepsOrder };\n","const statsBuffer = {\n    value: null,\n    addProjectionMetrics: null,\n};\n\nexport { statsBuffer };\n","import { statsBuffer } from '../stats/buffer.mjs';\n\nfunction createRenderStep(runNextFrame, stepName) {\n    /**\n     * We create and reuse two queues, one to queue jobs for the current frame\n     * and one for the next. We reuse to avoid triggering GC after x frames.\n     */\n    let thisFrame = new Set();\n    let nextFrame = new Set();\n    /**\n     * Track whether we're currently processing jobs in this step. This way\n     * we can decide whether to schedule new jobs for this frame or next.\n     */\n    let isProcessing = false;\n    let flushNextFrame = false;\n    /**\n     * A set of processes which were marked keepAlive when scheduled.\n     */\n    const toKeepAlive = new WeakSet();\n    let latestFrameData = {\n        delta: 0.0,\n        timestamp: 0.0,\n        isProcessing: false,\n    };\n    let numCalls = 0;\n    function triggerCallback(callback) {\n        if (toKeepAlive.has(callback)) {\n            step.schedule(callback);\n            runNextFrame();\n        }\n        numCalls++;\n        callback(latestFrameData);\n    }\n    const step = {\n        /**\n         * Schedule a process to run on the next frame.\n         */\n        schedule: (callback, keepAlive = false, immediate = false) => {\n            const addToCurrentFrame = immediate && isProcessing;\n            const queue = addToCurrentFrame ? thisFrame : nextFrame;\n            if (keepAlive)\n                toKeepAlive.add(callback);\n            if (!queue.has(callback))\n                queue.add(callback);\n            return callback;\n        },\n        /**\n         * Cancel the provided callback from running on the next frame.\n         */\n        cancel: (callback) => {\n            nextFrame.delete(callback);\n            toKeepAlive.delete(callback);\n        },\n        /**\n         * Execute all schedule callbacks.\n         */\n        process: (frameData) => {\n            latestFrameData = frameData;\n            /**\n             * If we're already processing we've probably been triggered by a flushSync\n             * inside an existing process. Instead of executing, mark flushNextFrame\n             * as true and ensure we flush the following frame at the end of this one.\n             */\n            if (isProcessing) {\n                flushNextFrame = true;\n                return;\n            }\n            isProcessing = true;\n            [thisFrame, nextFrame] = [nextFrame, thisFrame];\n            // Execute this frame\n            thisFrame.forEach(triggerCallback);\n            /**\n             * If we're recording stats then\n             */\n            if (stepName && statsBuffer.value) {\n                statsBuffer.value.frameloop[stepName].push(numCalls);\n            }\n            numCalls = 0;\n            // Clear the frame so no callbacks remain. This is to avoid\n            // memory leaks should this render step not run for a while.\n            thisFrame.clear();\n            isProcessing = false;\n            if (flushNextFrame) {\n                flushNextFrame = false;\n                step.process(frameData);\n            }\n        },\n    };\n    return step;\n}\n\nexport { createRenderStep };\n","import { MotionGlobalConfig } from 'motion-utils';\nimport { stepsOrder } from './order.mjs';\nimport { createRenderStep } from './render-step.mjs';\n\nconst maxElapsed = 40;\nfunction createRenderBatcher(scheduleNextBatch, allowKeepAlive) {\n    let runNextFrame = false;\n    let useDefaultElapsed = true;\n    const state = {\n        delta: 0.0,\n        timestamp: 0.0,\n        isProcessing: false,\n    };\n    const flagRunNextFrame = () => (runNextFrame = true);\n    const steps = stepsOrder.reduce((acc, key) => {\n        acc[key] = createRenderStep(flagRunNextFrame, allowKeepAlive ? key : undefined);\n        return acc;\n    }, {});\n    const { setup, read, resolveKeyframes, preUpdate, update, preRender, render, postRender, } = steps;\n    const processBatch = () => {\n        const timestamp = MotionGlobalConfig.useManualTiming\n            ? state.timestamp\n            : performance.now();\n        runNextFrame = false;\n        if (!MotionGlobalConfig.useManualTiming) {\n            state.delta = useDefaultElapsed\n                ? 1000 / 60\n                : Math.max(Math.min(timestamp - state.timestamp, maxElapsed), 1);\n        }\n        state.timestamp = timestamp;\n        state.isProcessing = true;\n        // Unrolled render loop for better per-frame performance\n        setup.process(state);\n        read.process(state);\n        resolveKeyframes.process(state);\n        preUpdate.process(state);\n        update.process(state);\n        preRender.process(state);\n        render.process(state);\n        postRender.process(state);\n        state.isProcessing = false;\n        if (runNextFrame && allowKeepAlive) {\n            useDefaultElapsed = false;\n            scheduleNextBatch(processBatch);\n        }\n    };\n    const wake = () => {\n        runNextFrame = true;\n        useDefaultElapsed = true;\n        if (!state.isProcessing) {\n            scheduleNextBatch(processBatch);\n        }\n    };\n    const schedule = stepsOrder.reduce((acc, key) => {\n        const step = steps[key];\n        acc[key] = (process, keepAlive = false, immediate = false) => {\n            if (!runNextFrame)\n                wake();\n            return step.schedule(process, keepAlive, immediate);\n        };\n        return acc;\n    }, {});\n    const cancel = (process) => {\n        for (let i = 0; i < stepsOrder.length; i++) {\n            steps[stepsOrder[i]].cancel(process);\n        }\n    };\n    return { schedule, cancel, state, steps };\n}\n\nexport { createRenderBatcher };\n","import { noop } from 'motion-utils';\nimport { createRenderBatcher } from './batcher.mjs';\n\nconst { schedule: frame, cancel: cancelFrame, state: frameData, steps: frameSteps, } = /* @__PURE__ */ createRenderBatcher(typeof requestAnimationFrame !== \"undefined\" ? requestAnimationFrame : noop, true);\n\nexport { cancelFrame, frame, frameData, frameSteps };\n","import { MotionGlobalConfig } from 'motion-utils';\nimport { frameData } from './frame.mjs';\n\nlet now;\nfunction clearTime() {\n    now = undefined;\n}\n/**\n * An eventloop-synchronous alternative to performance.now().\n *\n * Ensures that time measurements remain consistent within a synchronous context.\n * Usually calling performance.now() twice within the same synchronous context\n * will return different values which isn't useful for animations when we're usually\n * trying to sync animations to the same frame.\n */\nconst time = {\n    now: () => {\n        if (now === undefined) {\n            time.set(frameData.isProcessing || MotionGlobalConfig.useManualTiming\n                ? frameData.timestamp\n                : performance.now());\n        }\n        return now;\n    },\n    set: (newTime) => {\n        now = newTime;\n        queueMicrotask(clearTime);\n    },\n};\n\nexport { time };\n","import { warnOnce, SubscriptionManager, velocityPerSecond } from 'motion-utils';\nimport { time } from '../frameloop/sync-time.mjs';\nimport { frame } from '../frameloop/frame.mjs';\n\n/**\n * Maximum time between the value of two frames, beyond which we\n * assume the velocity has since been 0.\n */\nconst MAX_VELOCITY_DELTA = 30;\nconst isFloat = (value) => {\n    return !isNaN(parseFloat(value));\n};\nconst collectMotionValues = {\n    current: undefined,\n};\n/**\n * `MotionValue` is used to track the state and velocity of motion values.\n *\n * @public\n */\nclass MotionValue {\n    /**\n     * @param init - The initiating value\n     * @param config - Optional configuration options\n     *\n     * -  `transformer`: A function to transform incoming values with.\n     */\n    constructor(init, options = {}) {\n        /**\n         * Tracks whether this value can output a velocity. Currently this is only true\n         * if the value is numerical, but we might be able to widen the scope here and support\n         * other value types.\n         *\n         * @internal\n         */\n        this.canTrackVelocity = null;\n        /**\n         * An object containing a SubscriptionManager for each active event.\n         */\n        this.events = {};\n        this.updateAndNotify = (v) => {\n            const currentTime = time.now();\n            /**\n             * If we're updating the value during another frame or eventloop\n             * than the previous frame, then the we set the previous frame value\n             * to current.\n             */\n            if (this.updatedAt !== currentTime) {\n                this.setPrevFrameValue();\n            }\n            this.prev = this.current;\n            this.setCurrent(v);\n            // Update update subscribers\n            if (this.current !== this.prev) {\n                this.events.change?.notify(this.current);\n                if (this.dependents) {\n                    for (const dependent of this.dependents) {\n                        dependent.dirty();\n                    }\n                }\n            }\n        };\n        this.hasAnimated = false;\n        this.setCurrent(init);\n        this.owner = options.owner;\n    }\n    setCurrent(current) {\n        this.current = current;\n        this.updatedAt = time.now();\n        if (this.canTrackVelocity === null && current !== undefined) {\n            this.canTrackVelocity = isFloat(this.current);\n        }\n    }\n    setPrevFrameValue(prevFrameValue = this.current) {\n        this.prevFrameValue = prevFrameValue;\n        this.prevUpdatedAt = this.updatedAt;\n    }\n    /**\n     * Adds a function that will be notified when the `MotionValue` is updated.\n     *\n     * It returns a function that, when called, will cancel the subscription.\n     *\n     * When calling `onChange` inside a React component, it should be wrapped with the\n     * `useEffect` hook. As it returns an unsubscribe function, this should be returned\n     * from the `useEffect` function to ensure you don't add duplicate subscribers..\n     *\n     * ```jsx\n     * export const MyComponent = () => {\n     *   const x = useMotionValue(0)\n     *   const y = useMotionValue(0)\n     *   const opacity = useMotionValue(1)\n     *\n     *   useEffect(() => {\n     *     function updateOpacity() {\n     *       const maxXY = Math.max(x.get(), y.get())\n     *       const newOpacity = transform(maxXY, [0, 100], [1, 0])\n     *       opacity.set(newOpacity)\n     *     }\n     *\n     *     const unsubscribeX = x.on(\"change\", updateOpacity)\n     *     const unsubscribeY = y.on(\"change\", updateOpacity)\n     *\n     *     return () => {\n     *       unsubscribeX()\n     *       unsubscribeY()\n     *     }\n     *   }, [])\n     *\n     *   return <motion.div style={{ x }} />\n     * }\n     * ```\n     *\n     * @param subscriber - A function that receives the latest value.\n     * @returns A function that, when called, will cancel this subscription.\n     *\n     * @deprecated\n     */\n    onChange(subscription) {\n        if (process.env.NODE_ENV !== \"production\") {\n            warnOnce(false, `value.onChange(callback) is deprecated. Switch to value.on(\"change\", callback).`);\n        }\n        return this.on(\"change\", subscription);\n    }\n    on(eventName, callback) {\n        if (!this.events[eventName]) {\n            this.events[eventName] = new SubscriptionManager();\n        }\n        const unsubscribe = this.events[eventName].add(callback);\n        if (eventName === \"change\") {\n            return () => {\n                unsubscribe();\n                /**\n                 * If we have no more change listeners by the start\n                 * of the next frame, stop active animations.\n                 */\n                frame.read(() => {\n                    if (!this.events.change.getSize()) {\n                        this.stop();\n                    }\n                });\n            };\n        }\n        return unsubscribe;\n    }\n    clearListeners() {\n        for (const eventManagers in this.events) {\n            this.events[eventManagers].clear();\n        }\n    }\n    /**\n     * Attaches a passive effect to the `MotionValue`.\n     */\n    attach(passiveEffect, stopPassiveEffect) {\n        this.passiveEffect = passiveEffect;\n        this.stopPassiveEffect = stopPassiveEffect;\n    }\n    /**\n     * Sets the state of the `MotionValue`.\n     *\n     * @remarks\n     *\n     * ```jsx\n     * const x = useMotionValue(0)\n     * x.set(10)\n     * ```\n     *\n     * @param latest - Latest value to set.\n     * @param render - Whether to notify render subscribers. Defaults to `true`\n     *\n     * @public\n     */\n    set(v) {\n        if (!this.passiveEffect) {\n            this.updateAndNotify(v);\n        }\n        else {\n            this.passiveEffect(v, this.updateAndNotify);\n        }\n    }\n    setWithVelocity(prev, current, delta) {\n        this.set(current);\n        this.prev = undefined;\n        this.prevFrameValue = prev;\n        this.prevUpdatedAt = this.updatedAt - delta;\n    }\n    /**\n     * Set the state of the `MotionValue`, stopping any active animations,\n     * effects, and resets velocity to `0`.\n     */\n    jump(v, endAnimation = true) {\n        this.updateAndNotify(v);\n        this.prev = v;\n        this.prevUpdatedAt = this.prevFrameValue = undefined;\n        endAnimation && this.stop();\n        if (this.stopPassiveEffect)\n            this.stopPassiveEffect();\n    }\n    dirty() {\n        this.events.change?.notify(this.current);\n    }\n    addDependent(dependent) {\n        if (!this.dependents) {\n            this.dependents = new Set();\n        }\n        this.dependents.add(dependent);\n    }\n    removeDependent(dependent) {\n        if (this.dependents) {\n            this.dependents.delete(dependent);\n        }\n    }\n    /**\n     * Returns the latest state of `MotionValue`\n     *\n     * @returns - The latest state of `MotionValue`\n     *\n     * @public\n     */\n    get() {\n        if (collectMotionValues.current) {\n            collectMotionValues.current.push(this);\n        }\n        return this.current;\n    }\n    /**\n     * @public\n     */\n    getPrevious() {\n        return this.prev;\n    }\n    /**\n     * Returns the latest velocity of `MotionValue`\n     *\n     * @returns - The latest velocity of `MotionValue`. Returns `0` if the state is non-numerical.\n     *\n     * @public\n     */\n    getVelocity() {\n        const currentTime = time.now();\n        if (!this.canTrackVelocity ||\n            this.prevFrameValue === undefined ||\n            currentTime - this.updatedAt > MAX_VELOCITY_DELTA) {\n            return 0;\n        }\n        const delta = Math.min(this.updatedAt - this.prevUpdatedAt, MAX_VELOCITY_DELTA);\n        // Casts because of parseFloat's poor typing\n        return velocityPerSecond(parseFloat(this.current) -\n            parseFloat(this.prevFrameValue), delta);\n    }\n    /**\n     * Registers a new animation to control this `MotionValue`. Only one\n     * animation can drive a `MotionValue` at one time.\n     *\n     * ```jsx\n     * value.start()\n     * ```\n     *\n     * @param animation - A function that starts the provided animation\n     */\n    start(startAnimation) {\n        this.stop();\n        return new Promise((resolve) => {\n            this.hasAnimated = true;\n            this.animation = startAnimation(resolve);\n            if (this.events.animationStart) {\n                this.events.animationStart.notify();\n            }\n        }).then(() => {\n            if (this.events.animationComplete) {\n                this.events.animationComplete.notify();\n            }\n            this.clearAnimation();\n        });\n    }\n    /**\n     * Stop the currently active animation.\n     *\n     * @public\n     */\n    stop() {\n        if (this.animation) {\n            this.animation.stop();\n            if (this.events.animationCancel) {\n                this.events.animationCancel.notify();\n            }\n        }\n        this.clearAnimation();\n    }\n    /**\n     * Returns `true` if this value is currently animating.\n     *\n     * @public\n     */\n    isAnimating() {\n        return !!this.animation;\n    }\n    clearAnimation() {\n        delete this.animation;\n    }\n    /**\n     * Destroy and clean up subscribers to this `MotionValue`.\n     *\n     * The `MotionValue` hooks like `useMotionValue` and `useTransform` automatically\n     * handle the lifecycle of the returned `MotionValue`, so this method is only necessary if you've manually\n     * created a `MotionValue` via the `motionValue` function.\n     *\n     * @public\n     */\n    destroy() {\n        this.dependents?.clear();\n        this.events.destroy?.notify();\n        this.clearListeners();\n        this.stop();\n        if (this.stopPassiveEffect) {\n            this.stopPassiveEffect();\n        }\n    }\n}\nfunction motionValue(init, options) {\n    return new MotionValue(init, options);\n}\n\nexport { MotionValue, collectMotionValues, motionValue };\n","\"use client\";\nimport { createContext } from 'react';\n\n/**\n * @public\n */\nconst MotionConfigContext = createContext({\n    transformPagePoint: (p) => p,\n    isStatic: false,\n    reducedMotion: \"never\",\n});\n\nexport { MotionConfigContext };\n","\"use client\";\nimport { motionValue } from 'motion-dom';\nimport { useContext, useState, useEffect } from 'react';\nimport { MotionConfigContext } from '../context/MotionConfigContext.mjs';\nimport { useConstant } from '../utils/use-constant.mjs';\n\n/**\n * Creates a `MotionValue` to track the state and velocity of a value.\n *\n * Usually, these are created automatically. For advanced use-cases, like use with `useTransform`, you can create `MotionValue`s externally and pass them into the animated component via the `style` prop.\n *\n * ```jsx\n * export const MyComponent = () => {\n *   const scale = useMotionValue(1)\n *\n *   return <motion.div style={{ scale }} />\n * }\n * ```\n *\n * @param initial - The initial state.\n *\n * @public\n */\nfunction useMotionValue(initial) {\n    const value = useConstant(() => motionValue(initial));\n    /**\n     * If this motion value is being used in static mode, like on\n     * the Framer canvas, force components to rerender when the motion\n     * value is updated.\n     */\n    const { isStatic } = useContext(MotionConfigContext);\n    if (isStatic) {\n        const [, setLatest] = useState(initial);\n        useEffect(() => value.on(\"change\", setLatest), []);\n    }\n    return value;\n}\n\nexport { useMotionValue };\n","import { useCallback, useRef, useState } from 'react';\n\nimport {\n  ActiveSectionScrollInfo,\n  useActiveSection,\n  ActiveSectionObserver,\n} from '@react-scrollytelling/grouped';\nimport { useMotionValue, MotionValue } from 'motion/react';\n\n/**\n * Watches for all tracked sections to find the section closet to the bottom of the viewport\n * through ScrollytellingProvider.\n * It invokes the onActiveSectionChange when the active section changes.\n * Returns the Motion value of the section scroll.\n * @param onActiveSectionChange - The callback needs to be memoized\n * @returns The trackingId of the active section and the Motion value of the section scroll\n */\nexport function useActiveSectionMotionValue(onActiveSectionChange?: ActiveSectionObserver) {\n  const scrolledRatioMotionValueRef = useRef<MotionValue<number>>(useMotionValue(0));\n  const [trackingId, setTrackingId] = useState<string | null>(null);\n\n  const onSectionScroll = useCallback(\n    (scrollInfo: ActiveSectionScrollInfo) => {\n      const { trackingId: id, scrolledRatio } = scrollInfo;\n      setTrackingId(id);\n      scrolledRatioMotionValueRef.current.set(scrolledRatio);\n\n      if (onActiveSectionChange) {\n        onActiveSectionChange(scrollInfo);\n      }\n    },\n    [onActiveSectionChange]\n  );\n\n  useActiveSection(onSectionScroll);\n\n  return { trackingId, scrolledRatioMotionValue: scrolledRatioMotionValueRef.current };\n}\n","import { useCallback, useRef } from 'react';\n\nimport {\n  IntersectionObserverOptions,\n  SectionScrollInfo,\n  useSectionScroll,\n} from '@react-scrollytelling/core';\nimport { useMotionValue, MotionValue } from 'motion/react';\n\n/**\n * Get the Motion value of the section scroll\n * @param sectionRef - The reference to the section element\n * @param shouldObserve - Whether the underlying IntersectionObserver should be active\n * @param onScroll - The callback to track the scroll ratio\n */\nexport function useSectionScrollMotionValue(\n  sectionRef: React.RefObject<Element>,\n  onScroll?: (scrollInfo: SectionScrollInfo) => void,\n  shouldObserve = true,\n  options?: IntersectionObserverOptions\n) {\n  const scrolledRatioMotionValueRef = useRef<MotionValue<number>>(useMotionValue(0));\n\n  const onSectionScroll = useCallback(\n    (scrollInfo: SectionScrollInfo) => {\n      const { scrolledRatio } = scrollInfo;\n      scrolledRatioMotionValueRef.current.set(scrolledRatio);\n\n      if (onScroll) {\n        onScroll(scrollInfo);\n      }\n    },\n    [onScroll]\n  );\n\n  useSectionScroll(sectionRef, onSectionScroll, shouldObserve, options);\n\n  return { scrolledRatioMotionValue: scrolledRatioMotionValueRef.current };\n}\n"],"names":["useConstant","init","ref","useRef","addUniqueItem","arr","item","removeItem","index","formatErrorMessage","message","errorCode","MotionGlobalConfig","noop","any","SubscriptionManager","handler","a","b","c","numSubscriptions","i","velocityPerSecond","velocity","frameDuration","warned","warnOnce","condition","stepsOrder","statsBuffer","createRenderStep","runNextFrame","stepName","thisFrame","nextFrame","isProcessing","flushNextFrame","toKeepAlive","latestFrameData","numCalls","triggerCallback","callback","step","keepAlive","immediate","queue","frameData","maxElapsed","createRenderBatcher","scheduleNextBatch","allowKeepAlive","useDefaultElapsed","state","flagRunNextFrame","steps","acc","key","setup","read","resolveKeyframes","preUpdate","update","preRender","render","postRender","processBatch","timestamp","wake","process","frame","cancelFrame","frameSteps","now","clearTime","time","newTime","MAX_VELOCITY_DELTA","isFloat","value","MotionValue","options","v","currentTime","_a","dependent","current","prevFrameValue","subscription","eventName","unsubscribe","eventManagers","passiveEffect","stopPassiveEffect","prev","delta","endAnimation","startAnimation","resolve","_b","motionValue","MotionConfigContext","createContext","p","useMotionValue","initial","isStatic","useContext","setLatest","useState","useEffect","useActiveSectionMotionValue","onActiveSectionChange","scrolledRatioMotionValueRef","trackingId","setTrackingId","onSectionScroll","useCallback","scrollInfo","id","scrolledRatio","useActiveSection","useSectionScrollMotionValue","sectionRef","onScroll","shouldObserve","useSectionScroll"],"mappings":"4LAUA,SAASA,EAAYC,EAAM,CACvB,MAAMC,EAAMC,SAAO,IAAI,EACvB,OAAID,EAAI,UAAY,OAChBA,EAAI,QAAUD,KAEXC,EAAI,OACf,CChBA,SAASE,EAAcC,EAAKC,EAAM,CAC1BD,EAAI,QAAQC,CAAI,IAAM,IACtBD,EAAI,KAAKC,CAAI,CACrB,CACA,SAASC,EAAWF,EAAKC,EAAM,CAC3B,MAAME,EAAQH,EAAI,QAAQC,CAAI,EAC1BE,EAAQ,IACRH,EAAI,OAAOG,EAAO,CAAC,CAC3B,CCRA,SAASC,EAAmBC,EAASC,EAAW,CAC5C,OAEMD,CACV,CCJA,MAAME,EAAqB,CAAE,ECCvBC,EAAQC,GAAQA,ECCtB,MAAMC,CAAoB,CACtB,aAAc,CACV,KAAK,cAAgB,EACxB,CACD,IAAIC,EAAS,CACT,OAAAZ,EAAc,KAAK,cAAeY,CAAO,EAClC,IAAMT,EAAW,KAAK,cAAeS,CAAO,CACtD,CACD,OAAOC,EAAGC,EAAGC,EAAG,CACZ,MAAMC,EAAmB,KAAK,cAAc,OAC5C,GAAKA,EAEL,GAAIA,IAAqB,EAIrB,KAAK,cAAc,CAAC,EAAEH,EAAGC,EAAGC,CAAC,MAG7B,SAASE,EAAI,EAAGA,EAAID,EAAkBC,IAAK,CAKvC,MAAML,EAAU,KAAK,cAAcK,CAAC,EACpCL,GAAWA,EAAQC,EAAGC,EAAGC,CAAC,CAC7B,CAER,CACD,SAAU,CACN,OAAO,KAAK,cAAc,MAC7B,CACD,OAAQ,CACJ,KAAK,cAAc,OAAS,CAC/B,CACL,CC/BA,SAASG,EAAkBC,EAAUC,EAAe,CAChD,OAAOA,EAAgBD,GAAY,IAAOC,GAAiB,CAC/D,CCNA,MAAMC,EAAS,IAAI,IAInB,SAASC,EAASC,EAAWjB,EAASC,EAAW,CAC5Bc,EAAO,IAAIf,CAAO,IAEnC,QAAQ,KAAKD,EAAmBC,CAAkB,CAAC,EACnDe,EAAO,IAAIf,CAAO,EACtB,CCXA,MAAMkB,EAAa,CACf,QACA,OACA,mBACA,YACA,SACA,YACA,SACA,YACJ,ECTMC,EAAc,CAChB,MAAO,KACP,qBAAsB,IAC1B,ECDA,SAASC,EAAiBC,EAAcC,EAAU,CAK9C,IAAIC,EAAY,IAAI,IAChBC,EAAY,IAAI,IAKhBC,EAAe,GACfC,EAAiB,GAIrB,MAAMC,EAAc,IAAI,QACxB,IAAIC,EAAkB,CAClB,MAAO,EACP,UAAW,EACX,aAAc,EACtB,EACQC,EAAW,EACf,SAASC,EAAgBC,EAAU,CAC3BJ,EAAY,IAAII,CAAQ,IACxBC,EAAK,SAASD,CAAQ,EACtBV,KAEJQ,IACAE,EAASH,CAAe,CAC3B,CACD,MAAMI,EAAO,CAIT,SAAU,CAACD,EAAUE,EAAY,GAAOC,EAAY,KAAU,CAE1D,MAAMC,EADoBD,GAAaT,EACLF,EAAYC,EAC9C,OAAIS,GACAN,EAAY,IAAII,CAAQ,EACvBI,EAAM,IAAIJ,CAAQ,GACnBI,EAAM,IAAIJ,CAAQ,EACfA,CACV,EAID,OAASA,GAAa,CAClBP,EAAU,OAAOO,CAAQ,EACzBJ,EAAY,OAAOI,CAAQ,CAC9B,EAID,QAAUK,GAAc,CAOpB,GANAR,EAAkBQ,EAMdX,EAAc,CACdC,EAAiB,GACjB,MACH,CACDD,EAAe,GACf,CAACF,EAAWC,CAAS,EAAI,CAACA,EAAWD,CAAS,EAE9CA,EAAU,QAAQO,CAAe,EAI7BR,GAAYH,EAAY,OACxBA,EAAY,MAAM,UAAUG,CAAQ,EAAE,KAAKO,CAAQ,EAEvDA,EAAW,EAGXN,EAAU,MAAK,EACfE,EAAe,GACXC,IACAA,EAAiB,GACjBM,EAAK,QAAQI,CAAS,EAE7B,CACT,EACI,OAAOJ,CACX,CCrFA,MAAMK,EAAa,GACnB,SAASC,EAAoBC,EAAmBC,EAAgB,CAC5D,IAAInB,EAAe,GACfoB,EAAoB,GACxB,MAAMC,EAAQ,CACV,MAAO,EACP,UAAW,EACX,aAAc,EACtB,EACUC,EAAmB,IAAOtB,EAAe,GACzCuB,EAAQ1B,EAAW,OAAO,CAAC2B,EAAKC,KAClCD,EAAIC,CAAG,EAAI1B,EAAiBuB,EAAmCG,CAAe,EACvED,GACR,CAAE,CAAA,EACC,CAAE,MAAAE,EAAO,KAAAC,EAAM,iBAAAC,EAAkB,UAAAC,EAAW,OAAAC,EAAQ,UAAAC,EAAW,OAAAC,EAAQ,WAAAC,CAAa,EAAGV,EACvFW,EAAe,IAAM,CACvB,MAAMC,EAAYtD,EAAmB,gBAC/BwC,EAAM,UACN,YAAY,IAAG,EACrBrB,EAAe,GACVnB,EAAmB,kBACpBwC,EAAM,MAAQD,EACR,IAAO,GACP,KAAK,IAAI,KAAK,IAAIe,EAAYd,EAAM,UAAWL,CAAU,EAAG,CAAC,GAEvEK,EAAM,UAAYc,EAClBd,EAAM,aAAe,GAErBK,EAAM,QAAQL,CAAK,EACnBM,EAAK,QAAQN,CAAK,EAClBO,EAAiB,QAAQP,CAAK,EAC9BQ,EAAU,QAAQR,CAAK,EACvBS,EAAO,QAAQT,CAAK,EACpBU,EAAU,QAAQV,CAAK,EACvBW,EAAO,QAAQX,CAAK,EACpBY,EAAW,QAAQZ,CAAK,EACxBA,EAAM,aAAe,GACjBrB,GAAgBmB,IAChBC,EAAoB,GACpBF,EAAkBgB,CAAY,EAE1C,EACUE,EAAO,IAAM,CACfpC,EAAe,GACfoB,EAAoB,GACfC,EAAM,cACPH,EAAkBgB,CAAY,CAE1C,EAeI,MAAO,CAAE,SAdQrC,EAAW,OAAO,CAAC2B,EAAKC,IAAQ,CAC7C,MAAMd,EAAOY,EAAME,CAAG,EACtB,OAAAD,EAAIC,CAAG,EAAI,CAACY,EAASzB,EAAY,GAAOC,EAAY,MAC3Cb,GACDoC,IACGzB,EAAK,SAAS0B,EAASzB,EAAWC,CAAS,GAE/CW,CACV,EAAE,CAAE,CAAA,EAMc,OALHa,GAAY,CACxB,QAAS/C,EAAI,EAAGA,EAAIO,EAAW,OAAQP,IACnCiC,EAAM1B,EAAWP,CAAC,CAAC,EAAE,OAAO+C,CAAO,CAE/C,EAC+B,MAAAhB,EAAO,MAAAE,CAAK,CAC3C,CCjEA,KAAM,CAAE,SAAUe,EAAO,OAAQC,GAAa,MAAOxB,EAAW,MAAOyB,EAAU,EAAsBvB,EAAoB,OAAO,uBAA0B,YAAc,sBAAwBnC,EAAM,EAAI,ECA5M,IAAI2D,EACJ,SAASC,GAAY,CACjBD,EAAM,MACV,CASA,MAAME,EAAO,CACT,IAAK,KACGF,IAAQ,QACRE,EAAK,IAAI5B,EAAU,cAAgBlC,EAAmB,gBAChDkC,EAAU,UACV,YAAY,IAAG,CAAE,EAEpB0B,GAEX,IAAMG,GAAY,CACdH,EAAMG,EACN,eAAeF,CAAS,CAC3B,CACL,ECpBMG,EAAqB,GACrBC,EAAWC,GACN,CAAC,MAAM,WAAWA,CAAK,CAAC,EAUnC,MAAMC,CAAY,CAOd,YAAY9E,EAAM+E,EAAU,GAAI,CAQ5B,KAAK,iBAAmB,KAIxB,KAAK,OAAS,GACd,KAAK,gBAAmBC,GAAM,OAC1B,MAAMC,EAAcR,EAAK,MAYzB,GANI,KAAK,YAAcQ,GACnB,KAAK,kBAAiB,EAE1B,KAAK,KAAO,KAAK,QACjB,KAAK,WAAWD,CAAC,EAEb,KAAK,UAAY,KAAK,QACtBE,EAAA,KAAK,OAAO,SAAZ,MAAAA,EAAoB,OAAO,KAAK,SAC5B,KAAK,YACL,UAAWC,KAAa,KAAK,WACzBA,EAAU,MAAK,CAIvC,EACQ,KAAK,YAAc,GACnB,KAAK,WAAWnF,CAAI,EACpB,KAAK,MAAQ+E,EAAQ,KACxB,CACD,WAAWK,EAAS,CAChB,KAAK,QAAUA,EACf,KAAK,UAAYX,EAAK,MAClB,KAAK,mBAAqB,MAAQW,IAAY,SAC9C,KAAK,iBAAmBR,EAAQ,KAAK,OAAO,EAEnD,CACD,kBAAkBS,EAAiB,KAAK,QAAS,CAC7C,KAAK,eAAiBA,EACtB,KAAK,cAAgB,KAAK,SAC7B,CAyCD,SAASC,EAAc,CACnB,OAAI,QAAQ,IAAI,WAAa,cACzB7D,EAAS,GAAO,iFAAiF,EAE9F,KAAK,GAAG,SAAU6D,CAAY,CACxC,CACD,GAAGC,EAAW/C,EAAU,CACf,KAAK,OAAO+C,CAAS,IACtB,KAAK,OAAOA,CAAS,EAAI,IAAIzE,GAEjC,MAAM0E,EAAc,KAAK,OAAOD,CAAS,EAAE,IAAI/C,CAAQ,EACvD,OAAI+C,IAAc,SACP,IAAM,CACTC,IAKApB,EAAM,KAAK,IAAM,CACR,KAAK,OAAO,OAAO,QAAO,GAC3B,KAAK,KAAI,CAEjC,CAAiB,CACjB,EAEeoB,CACV,CACD,gBAAiB,CACb,UAAWC,KAAiB,KAAK,OAC7B,KAAK,OAAOA,CAAa,EAAE,MAAK,CAEvC,CAID,OAAOC,EAAeC,EAAmB,CACrC,KAAK,cAAgBD,EACrB,KAAK,kBAAoBC,CAC5B,CAgBD,IAAIX,EAAG,CACE,KAAK,cAIN,KAAK,cAAcA,EAAG,KAAK,eAAe,EAH1C,KAAK,gBAAgBA,CAAC,CAK7B,CACD,gBAAgBY,EAAMR,EAASS,EAAO,CAClC,KAAK,IAAIT,CAAO,EAChB,KAAK,KAAO,OACZ,KAAK,eAAiBQ,EACtB,KAAK,cAAgB,KAAK,UAAYC,CACzC,CAKD,KAAKb,EAAGc,EAAe,GAAM,CACzB,KAAK,gBAAgBd,CAAC,EACtB,KAAK,KAAOA,EACZ,KAAK,cAAgB,KAAK,eAAiB,OAC3Cc,GAAgB,KAAK,OACjB,KAAK,mBACL,KAAK,kBAAiB,CAC7B,CACD,OAAQ,QACJZ,EAAA,KAAK,OAAO,SAAZ,MAAAA,EAAoB,OAAO,KAAK,QACnC,CACD,aAAaC,EAAW,CACf,KAAK,aACN,KAAK,WAAa,IAAI,KAE1B,KAAK,WAAW,IAAIA,CAAS,CAChC,CACD,gBAAgBA,EAAW,CACnB,KAAK,YACL,KAAK,WAAW,OAAOA,CAAS,CAEvC,CAQD,KAAM,CAIF,OAAO,KAAK,OACf,CAID,aAAc,CACV,OAAO,KAAK,IACf,CAQD,aAAc,CACV,MAAMF,EAAcR,EAAK,MACzB,GAAI,CAAC,KAAK,kBACN,KAAK,iBAAmB,QACxBQ,EAAc,KAAK,UAAYN,EAC/B,MAAO,GAEX,MAAMkB,EAAQ,KAAK,IAAI,KAAK,UAAY,KAAK,cAAelB,CAAkB,EAE9E,OAAOtD,EAAkB,WAAW,KAAK,OAAO,EAC5C,WAAW,KAAK,cAAc,EAAGwE,CAAK,CAC7C,CAWD,MAAME,EAAgB,CAClB,YAAK,KAAI,EACF,IAAI,QAASC,GAAY,CAC5B,KAAK,YAAc,GACnB,KAAK,UAAYD,EAAeC,CAAO,EACnC,KAAK,OAAO,gBACZ,KAAK,OAAO,eAAe,QAE3C,CAAS,EAAE,KAAK,IAAM,CACN,KAAK,OAAO,mBACZ,KAAK,OAAO,kBAAkB,SAElC,KAAK,eAAc,CAC/B,CAAS,CACJ,CAMD,MAAO,CACC,KAAK,YACL,KAAK,UAAU,OACX,KAAK,OAAO,iBACZ,KAAK,OAAO,gBAAgB,UAGpC,KAAK,eAAc,CACtB,CAMD,aAAc,CACV,MAAO,CAAC,CAAC,KAAK,SACjB,CACD,gBAAiB,CACb,OAAO,KAAK,SACf,CAUD,SAAU,UACNd,EAAA,KAAK,aAAL,MAAAA,EAAiB,SACjBe,EAAA,KAAK,OAAO,UAAZ,MAAAA,EAAqB,SACrB,KAAK,eAAc,EACnB,KAAK,KAAI,EACL,KAAK,mBACL,KAAK,kBAAiB,CAE7B,CACL,CACA,SAASC,EAAYlG,EAAM+E,EAAS,CAChC,OAAO,IAAID,EAAY9E,EAAM+E,CAAO,CACxC,CC1TA,MAAMoB,EAAsBC,EAAAA,cAAc,CACtC,mBAAqBC,GAAMA,EAC3B,SAAU,GACV,cAAe,OACnB,CAAC,ECaD,SAASC,EAAeC,EAAS,CAC7B,MAAM1B,EAAQ9E,EAAY,IAAMmG,EAAYK,CAAO,CAAC,EAM9C,CAAE,SAAAC,CAAQ,EAAKC,EAAU,WAACN,CAAmB,EACnD,GAAIK,EAAU,CACV,KAAM,EAAGE,CAAS,EAAIC,EAAQ,SAACJ,CAAO,EACtCK,EAAS,UAAC,IAAM/B,EAAM,GAAG,SAAU6B,CAAS,EAAG,CAAA,CAAE,CACpD,CACD,OAAO7B,CACX,CCnBO,SAASgC,EAA4BC,EAA+C,CACzF,MAAMC,EAA8B7G,EAAA,OAA4BoG,EAAe,CAAC,CAAC,EAC3E,CAACU,EAAYC,CAAa,EAAIN,WAAwB,IAAI,EAE1DO,EAAkBC,EAAA,YACrBC,GAAwC,CACvC,KAAM,CAAE,WAAYC,EAAI,cAAAC,CAAA,EAAkBF,EAC1CH,EAAcI,CAAE,EACYN,EAAA,QAAQ,IAAIO,CAAa,EAEjDR,GACFA,EAAsBM,CAAU,CAEpC,EACA,CAACN,CAAqB,CAAA,EAGxBS,OAAAA,EAAA,iBAAiBL,CAAe,EAEzB,CAAE,WAAAF,EAAY,yBAA0BD,EAA4B,OAAQ,CACrF,CCtBO,SAASS,EACdC,EACAC,EACAC,EAAgB,GAChB5C,EACA,CACA,MAAMgC,EAA8B7G,EAAA,OAA4BoG,EAAe,CAAC,CAAC,EAE3EY,EAAkBC,EAAA,YACrBC,GAAkC,CAC3B,KAAA,CAAE,cAAAE,CAAkB,EAAAF,EACEL,EAAA,QAAQ,IAAIO,CAAa,EAEjDI,GACFA,EAASN,CAAU,CAEvB,EACA,CAACM,CAAQ,CAAA,EAGME,OAAAA,EAAAA,iBAAAH,EAAYP,EAAiBS,EAAe5C,CAAO,EAE7D,CAAE,yBAA0BgC,EAA4B,QACjE","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16]}

package/dist/index.es.js

@@ -0,0 +1,384 @@
+import { useRef as y, createContext as O, useContext as q, useState as E, useEffect as D, useCallback as R } from "react";
+import { useActiveSection as L } from "@react-scrollytelling/grouped";
+import { useSectionScroll as I } from "@react-scrollytelling/core";
+function K(s) {
+  const e = y(null);
+  return e.current === null && (e.current = s()), e.current;
+}
+function _(s, e) {
+  s.indexOf(e) === -1 && s.push(e);
+}
+function j(s, e) {
+  const t = s.indexOf(e);
+  t > -1 && s.splice(t, 1);
+}
+function z(s, e) {
+  return s;
+}
+const V = {}, B = /* @__NO_SIDE_EFFECTS__ */ (s) => s;
+class W {
+  constructor() {
+    this.subscriptions = [];
+  }
+  add(e) {
+    return _(this.subscriptions, e), () => j(this.subscriptions, e);
+  }
+  notify(e, t, i) {
+    const n = this.subscriptions.length;
+    if (n)
+      if (n === 1)
+        this.subscriptions[0](e, t, i);
+      else
+        for (let o = 0; o < n; o++) {
+          const r = this.subscriptions[o];
+          r && r(e, t, i);
+        }
+  }
+  getSize() {
+    return this.subscriptions.length;
+  }
+  clear() {
+    this.subscriptions.length = 0;
+  }
+}
+function G(s, e) {
+  return e ? s * (1e3 / e) : 0;
+}
+const w = /* @__PURE__ */ new Set();
+function X(s, e, t) {
+  w.has(e) || (console.warn(z(e)), w.add(e));
+}
+const p = [
+  "setup",
+  // Compute
+  "read",
+  // Read
+  "resolveKeyframes",
+  // Write/Read/Write/Read
+  "preUpdate",
+  // Compute
+  "update",
+  // Compute
+  "preRender",
+  // Compute
+  "render",
+  // Write
+  "postRender"
+  // Compute
+], F = {
+  value: null,
+  addProjectionMetrics: null
+};
+function Y(s, e) {
+  let t = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set(), n = !1, o = !1;
+  const r = /* @__PURE__ */ new WeakSet();
+  let d = {
+    delta: 0,
+    timestamp: 0,
+    isProcessing: !1
+  }, l = 0;
+  function g(a) {
+    r.has(a) && (f.schedule(a), s()), l++, a(d);
+  }
+  const f = {
+    /**
+     * Schedule a process to run on the next frame.
+     */
+    schedule: (a, A = !1, S = !1) => {
+      const h = S && n ? t : i;
+      return A && r.add(a), h.has(a) || h.add(a), a;
+    },
+    /**
+     * Cancel the provided callback from running on the next frame.
+     */
+    cancel: (a) => {
+      i.delete(a), r.delete(a);
+    },
+    /**
+     * Execute all schedule callbacks.
+     */
+    process: (a) => {
+      if (d = a, n) {
+        o = !0;
+        return;
+      }
+      n = !0, [t, i] = [i, t], t.forEach(g), e && F.value && F.value.frameloop[e].push(l), l = 0, t.clear(), n = !1, o && (o = !1, f.process(a));
+    }
+  };
+  return f;
+}
+const H = 40;
+function J(s, e) {
+  let t = !1, i = !0;
+  const n = {
+    delta: 0,
+    timestamp: 0,
+    isProcessing: !1
+  }, o = () => t = !0, r = p.reduce((c, u) => (c[u] = Y(o, u), c), {}), { setup: d, read: l, resolveKeyframes: g, preUpdate: f, update: a, preRender: A, render: S, postRender: M } = r, h = () => {
+    const c = V.useManualTiming ? n.timestamp : performance.now();
+    t = !1, V.useManualTiming || (n.delta = i ? 1e3 / 60 : Math.max(Math.min(c - n.timestamp, H), 1)), n.timestamp = c, n.isProcessing = !0, d.process(n), l.process(n), g.process(n), f.process(n), a.process(n), A.process(n), S.process(n), M.process(n), n.isProcessing = !1, t && e && (i = !1, s(h));
+  }, x = () => {
+    t = !0, i = !0, n.isProcessing || s(h);
+  };
+  return { schedule: p.reduce((c, u) => {
+    const b = r[u];
+    return c[u] = (U, k = !1, N = !1) => (t || x(), b.schedule(U, k, N)), c;
+  }, {}), cancel: (c) => {
+    for (let u = 0; u < p.length; u++)
+      r[p[u]].cancel(c);
+  }, state: n, steps: r };
+}
+const { schedule: Q, cancel: ce, state: C, steps: ue } = /* @__PURE__ */ J(typeof requestAnimationFrame != "undefined" ? requestAnimationFrame : B, !0);
+let m;
+function Z() {
+  m = void 0;
+}
+const v = {
+  now: () => (m === void 0 && v.set(C.isProcessing || V.useManualTiming ? C.timestamp : performance.now()), m),
+  set: (s) => {
+    m = s, queueMicrotask(Z);
+  }
+}, P = 30, $ = (s) => !isNaN(parseFloat(s));
+class ee {
+  /**
+   * @param init - The initiating value
+   * @param config - Optional configuration options
+   *
+   * -  `transformer`: A function to transform incoming values with.
+   */
+  constructor(e, t = {}) {
+    this.canTrackVelocity = null, this.events = {}, this.updateAndNotify = (i) => {
+      var o;
+      const n = v.now();
+      if (this.updatedAt !== n && this.setPrevFrameValue(), this.prev = this.current, this.setCurrent(i), this.current !== this.prev && ((o = this.events.change) == null || o.notify(this.current), this.dependents))
+        for (const r of this.dependents)
+          r.dirty();
+    }, this.hasAnimated = !1, this.setCurrent(e), this.owner = t.owner;
+  }
+  setCurrent(e) {
+    this.current = e, this.updatedAt = v.now(), this.canTrackVelocity === null && e !== void 0 && (this.canTrackVelocity = $(this.current));
+  }
+  setPrevFrameValue(e = this.current) {
+    this.prevFrameValue = e, this.prevUpdatedAt = this.updatedAt;
+  }
+  /**
+   * Adds a function that will be notified when the `MotionValue` is updated.
+   *
+   * It returns a function that, when called, will cancel the subscription.
+   *
+   * When calling `onChange` inside a React component, it should be wrapped with the
+   * `useEffect` hook. As it returns an unsubscribe function, this should be returned
+   * from the `useEffect` function to ensure you don't add duplicate subscribers..
+   *
+   * ```jsx
+   * export const MyComponent = () => {
+   *   const x = useMotionValue(0)
+   *   const y = useMotionValue(0)
+   *   const opacity = useMotionValue(1)
+   *
+   *   useEffect(() => {
+   *     function updateOpacity() {
+   *       const maxXY = Math.max(x.get(), y.get())
+   *       const newOpacity = transform(maxXY, [0, 100], [1, 0])
+   *       opacity.set(newOpacity)
+   *     }
+   *
+   *     const unsubscribeX = x.on("change", updateOpacity)
+   *     const unsubscribeY = y.on("change", updateOpacity)
+   *
+   *     return () => {
+   *       unsubscribeX()
+   *       unsubscribeY()
+   *     }
+   *   }, [])
+   *
+   *   return <motion.div style={{ x }} />
+   * }
+   * ```
+   *
+   * @param subscriber - A function that receives the latest value.
+   * @returns A function that, when called, will cancel this subscription.
+   *
+   * @deprecated
+   */
+  onChange(e) {
+    return process.env.NODE_ENV !== "production" && X(!1, 'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'), this.on("change", e);
+  }
+  on(e, t) {
+    this.events[e] || (this.events[e] = new W());
+    const i = this.events[e].add(t);
+    return e === "change" ? () => {
+      i(), Q.read(() => {
+        this.events.change.getSize() || this.stop();
+      });
+    } : i;
+  }
+  clearListeners() {
+    for (const e in this.events)
+      this.events[e].clear();
+  }
+  /**
+   * Attaches a passive effect to the `MotionValue`.
+   */
+  attach(e, t) {
+    this.passiveEffect = e, this.stopPassiveEffect = t;
+  }
+  /**
+   * Sets the state of the `MotionValue`.
+   *
+   * @remarks
+   *
+   * ```jsx
+   * const x = useMotionValue(0)
+   * x.set(10)
+   * ```
+   *
+   * @param latest - Latest value to set.
+   * @param render - Whether to notify render subscribers. Defaults to `true`
+   *
+   * @public
+   */
+  set(e) {
+    this.passiveEffect ? this.passiveEffect(e, this.updateAndNotify) : this.updateAndNotify(e);
+  }
+  setWithVelocity(e, t, i) {
+    this.set(t), this.prev = void 0, this.prevFrameValue = e, this.prevUpdatedAt = this.updatedAt - i;
+  }
+  /**
+   * Set the state of the `MotionValue`, stopping any active animations,
+   * effects, and resets velocity to `0`.
+   */
+  jump(e, t = !0) {
+    this.updateAndNotify(e), this.prev = e, this.prevUpdatedAt = this.prevFrameValue = void 0, t && this.stop(), this.stopPassiveEffect && this.stopPassiveEffect();
+  }
+  dirty() {
+    var e;
+    (e = this.events.change) == null || e.notify(this.current);
+  }
+  addDependent(e) {
+    this.dependents || (this.dependents = /* @__PURE__ */ new Set()), this.dependents.add(e);
+  }
+  removeDependent(e) {
+    this.dependents && this.dependents.delete(e);
+  }
+  /**
+   * Returns the latest state of `MotionValue`
+   *
+   * @returns - The latest state of `MotionValue`
+   *
+   * @public
+   */
+  get() {
+    return this.current;
+  }
+  /**
+   * @public
+   */
+  getPrevious() {
+    return this.prev;
+  }
+  /**
+   * Returns the latest velocity of `MotionValue`
+   *
+   * @returns - The latest velocity of `MotionValue`. Returns `0` if the state is non-numerical.
+   *
+   * @public
+   */
+  getVelocity() {
+    const e = v.now();
+    if (!this.canTrackVelocity || this.prevFrameValue === void 0 || e - this.updatedAt > P)
+      return 0;
+    const t = Math.min(this.updatedAt - this.prevUpdatedAt, P);
+    return G(parseFloat(this.current) - parseFloat(this.prevFrameValue), t);
+  }
+  /**
+   * Registers a new animation to control this `MotionValue`. Only one
+   * animation can drive a `MotionValue` at one time.
+   *
+   * ```jsx
+   * value.start()
+   * ```
+   *
+   * @param animation - A function that starts the provided animation
+   */
+  start(e) {
+    return this.stop(), new Promise((t) => {
+      this.hasAnimated = !0, this.animation = e(t), this.events.animationStart && this.events.animationStart.notify();
+    }).then(() => {
+      this.events.animationComplete && this.events.animationComplete.notify(), this.clearAnimation();
+    });
+  }
+  /**
+   * Stop the currently active animation.
+   *
+   * @public
+   */
+  stop() {
+    this.animation && (this.animation.stop(), this.events.animationCancel && this.events.animationCancel.notify()), this.clearAnimation();
+  }
+  /**
+   * Returns `true` if this value is currently animating.
+   *
+   * @public
+   */
+  isAnimating() {
+    return !!this.animation;
+  }
+  clearAnimation() {
+    delete this.animation;
+  }
+  /**
+   * Destroy and clean up subscribers to this `MotionValue`.
+   *
+   * The `MotionValue` hooks like `useMotionValue` and `useTransform` automatically
+   * handle the lifecycle of the returned `MotionValue`, so this method is only necessary if you've manually
+   * created a `MotionValue` via the `motionValue` function.
+   *
+   * @public
+   */
+  destroy() {
+    var e, t;
+    (e = this.dependents) == null || e.clear(), (t = this.events.destroy) == null || t.notify(), this.clearListeners(), this.stop(), this.stopPassiveEffect && this.stopPassiveEffect();
+  }
+}
+function te(s, e) {
+  return new ee(s, e);
+}
+const se = O({
+  transformPagePoint: (s) => s,
+  isStatic: !1,
+  reducedMotion: "never"
+});
+function T(s) {
+  const e = K(() => te(s)), { isStatic: t } = q(se);
+  if (t) {
+    const [, i] = E(s);
+    D(() => e.on("change", i), []);
+  }
+  return e;
+}
+function de(s) {
+  const e = y(T(0)), [t, i] = E(null), n = R(
+    (o) => {
+      const { trackingId: r, scrolledRatio: d } = o;
+      i(r), e.current.set(d), s && s(o);
+    },
+    [s]
+  );
+  return L(n), { trackingId: t, scrolledRatioMotionValue: e.current };
+}
+function le(s, e, t = !0, i) {
+  const n = y(T(0)), o = R(
+    (r) => {
+      const { scrolledRatio: d } = r;
+      n.current.set(d), e && e(r);
+    },
+    [e]
+  );
+  return I(s, o, t, i), { scrolledRatioMotionValue: n.current };
+}
+export {
+  de as useActiveSectionMotionValue,
+  le as useSectionScrollMotionValue
+};
+//# sourceMappingURL=index.es.js.map

package/dist/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../node_modules/framer-motion/dist/es/utils/use-constant.mjs","../../../node_modules/motion-utils/dist/es/array.mjs","../../../node_modules/motion-utils/dist/es/format-error-message.mjs","../../../node_modules/motion-utils/dist/es/global-config.mjs","../../../node_modules/motion-utils/dist/es/noop.mjs","../../../node_modules/motion-utils/dist/es/subscription-manager.mjs","../../../node_modules/motion-utils/dist/es/velocity-per-second.mjs","../../../node_modules/motion-utils/dist/es/warn-once.mjs","../../../node_modules/motion-dom/dist/es/frameloop/order.mjs","../../../node_modules/motion-dom/dist/es/stats/buffer.mjs","../../../node_modules/motion-dom/dist/es/frameloop/render-step.mjs","../../../node_modules/motion-dom/dist/es/frameloop/batcher.mjs","../../../node_modules/motion-dom/dist/es/frameloop/frame.mjs","../../../node_modules/motion-dom/dist/es/frameloop/sync-time.mjs","../../../node_modules/motion-dom/dist/es/value/index.mjs","../../../node_modules/framer-motion/dist/es/context/MotionConfigContext.mjs","../../../node_modules/framer-motion/dist/es/value/use-motion-value.mjs","../src/hooks/useActiveSectionMotionValue.ts","../src/hooks/useSectionScrollMotionValue.ts"],"sourcesContent":["\"use client\";\nimport { useRef } from 'react';\n\n/**\n * Creates a constant value over the lifecycle of a component.\n *\n * Even if `useMemo` is provided an empty array as its final argument, it doesn't offer\n * a guarantee that it won't re-run for performance reasons later on. By using `useConstant`\n * you can ensure that initialisers don't execute twice or more.\n */\nfunction useConstant(init) {\n    const ref = useRef(null);\n    if (ref.current === null) {\n        ref.current = init();\n    }\n    return ref.current;\n}\n\nexport { useConstant };\n","function addUniqueItem(arr, item) {\n    if (arr.indexOf(item) === -1)\n        arr.push(item);\n}\nfunction removeItem(arr, item) {\n    const index = arr.indexOf(item);\n    if (index > -1)\n        arr.splice(index, 1);\n}\n// Adapted from array-move\nfunction moveItem([...arr], fromIndex, toIndex) {\n    const startIndex = fromIndex < 0 ? arr.length + fromIndex : fromIndex;\n    if (startIndex >= 0 && startIndex < arr.length) {\n        const endIndex = toIndex < 0 ? arr.length + toIndex : toIndex;\n        const [item] = arr.splice(fromIndex, 1);\n        arr.splice(endIndex, 0, item);\n    }\n    return arr;\n}\n\nexport { addUniqueItem, moveItem, removeItem };\n","function formatErrorMessage(message, errorCode) {\n    return errorCode\n        ? `${message}. For more information and steps for solving, visit https://motion.dev/troubleshooting/${errorCode}`\n        : message;\n}\n\nexport { formatErrorMessage };\n","const MotionGlobalConfig = {};\n\nexport { MotionGlobalConfig };\n","/*#__NO_SIDE_EFFECTS__*/\nconst noop = (any) => any;\n\nexport { noop };\n","import { addUniqueItem, removeItem } from './array.mjs';\n\nclass SubscriptionManager {\n    constructor() {\n        this.subscriptions = [];\n    }\n    add(handler) {\n        addUniqueItem(this.subscriptions, handler);\n        return () => removeItem(this.subscriptions, handler);\n    }\n    notify(a, b, c) {\n        const numSubscriptions = this.subscriptions.length;\n        if (!numSubscriptions)\n            return;\n        if (numSubscriptions === 1) {\n            /**\n             * If there's only a single handler we can just call it without invoking a loop.\n             */\n            this.subscriptions[0](a, b, c);\n        }\n        else {\n            for (let i = 0; i < numSubscriptions; i++) {\n                /**\n                 * Check whether the handler exists before firing as it's possible\n                 * the subscriptions were modified during this loop running.\n                 */\n                const handler = this.subscriptions[i];\n                handler && handler(a, b, c);\n            }\n        }\n    }\n    getSize() {\n        return this.subscriptions.length;\n    }\n    clear() {\n        this.subscriptions.length = 0;\n    }\n}\n\nexport { SubscriptionManager };\n","/*\n  Convert velocity into velocity per second\n\n  @param [number]: Unit per frame\n  @param [number]: Frame duration in ms\n*/\nfunction velocityPerSecond(velocity, frameDuration) {\n    return frameDuration ? velocity * (1000 / frameDuration) : 0;\n}\n\nexport { velocityPerSecond };\n","import { formatErrorMessage } from './format-error-message.mjs';\n\nconst warned = new Set();\nfunction hasWarned(message) {\n    return warned.has(message);\n}\nfunction warnOnce(condition, message, errorCode) {\n    if (condition || warned.has(message))\n        return;\n    console.warn(formatErrorMessage(message, errorCode));\n    warned.add(message);\n}\n\nexport { hasWarned, warnOnce };\n","const stepsOrder = [\n    \"setup\", // Compute\n    \"read\", // Read\n    \"resolveKeyframes\", // Write/Read/Write/Read\n    \"preUpdate\", // Compute\n    \"update\", // Compute\n    \"preRender\", // Compute\n    \"render\", // Write\n    \"postRender\", // Compute\n];\n\nexport { stepsOrder };\n","const statsBuffer = {\n    value: null,\n    addProjectionMetrics: null,\n};\n\nexport { statsBuffer };\n","import { statsBuffer } from '../stats/buffer.mjs';\n\nfunction createRenderStep(runNextFrame, stepName) {\n    /**\n     * We create and reuse two queues, one to queue jobs for the current frame\n     * and one for the next. We reuse to avoid triggering GC after x frames.\n     */\n    let thisFrame = new Set();\n    let nextFrame = new Set();\n    /**\n     * Track whether we're currently processing jobs in this step. This way\n     * we can decide whether to schedule new jobs for this frame or next.\n     */\n    let isProcessing = false;\n    let flushNextFrame = false;\n    /**\n     * A set of processes which were marked keepAlive when scheduled.\n     */\n    const toKeepAlive = new WeakSet();\n    let latestFrameData = {\n        delta: 0.0,\n        timestamp: 0.0,\n        isProcessing: false,\n    };\n    let numCalls = 0;\n    function triggerCallback(callback) {\n        if (toKeepAlive.has(callback)) {\n            step.schedule(callback);\n            runNextFrame();\n        }\n        numCalls++;\n        callback(latestFrameData);\n    }\n    const step = {\n        /**\n         * Schedule a process to run on the next frame.\n         */\n        schedule: (callback, keepAlive = false, immediate = false) => {\n            const addToCurrentFrame = immediate && isProcessing;\n            const queue = addToCurrentFrame ? thisFrame : nextFrame;\n            if (keepAlive)\n                toKeepAlive.add(callback);\n            if (!queue.has(callback))\n                queue.add(callback);\n            return callback;\n        },\n        /**\n         * Cancel the provided callback from running on the next frame.\n         */\n        cancel: (callback) => {\n            nextFrame.delete(callback);\n            toKeepAlive.delete(callback);\n        },\n        /**\n         * Execute all schedule callbacks.\n         */\n        process: (frameData) => {\n            latestFrameData = frameData;\n            /**\n             * If we're already processing we've probably been triggered by a flushSync\n             * inside an existing process. Instead of executing, mark flushNextFrame\n             * as true and ensure we flush the following frame at the end of this one.\n             */\n            if (isProcessing) {\n                flushNextFrame = true;\n                return;\n            }\n            isProcessing = true;\n            [thisFrame, nextFrame] = [nextFrame, thisFrame];\n            // Execute this frame\n            thisFrame.forEach(triggerCallback);\n            /**\n             * If we're recording stats then\n             */\n            if (stepName && statsBuffer.value) {\n                statsBuffer.value.frameloop[stepName].push(numCalls);\n            }\n            numCalls = 0;\n            // Clear the frame so no callbacks remain. This is to avoid\n            // memory leaks should this render step not run for a while.\n            thisFrame.clear();\n            isProcessing = false;\n            if (flushNextFrame) {\n                flushNextFrame = false;\n                step.process(frameData);\n            }\n        },\n    };\n    return step;\n}\n\nexport { createRenderStep };\n","import { MotionGlobalConfig } from 'motion-utils';\nimport { stepsOrder } from './order.mjs';\nimport { createRenderStep } from './render-step.mjs';\n\nconst maxElapsed = 40;\nfunction createRenderBatcher(scheduleNextBatch, allowKeepAlive) {\n    let runNextFrame = false;\n    let useDefaultElapsed = true;\n    const state = {\n        delta: 0.0,\n        timestamp: 0.0,\n        isProcessing: false,\n    };\n    const flagRunNextFrame = () => (runNextFrame = true);\n    const steps = stepsOrder.reduce((acc, key) => {\n        acc[key] = createRenderStep(flagRunNextFrame, allowKeepAlive ? key : undefined);\n        return acc;\n    }, {});\n    const { setup, read, resolveKeyframes, preUpdate, update, preRender, render, postRender, } = steps;\n    const processBatch = () => {\n        const timestamp = MotionGlobalConfig.useManualTiming\n            ? state.timestamp\n            : performance.now();\n        runNextFrame = false;\n        if (!MotionGlobalConfig.useManualTiming) {\n            state.delta = useDefaultElapsed\n                ? 1000 / 60\n                : Math.max(Math.min(timestamp - state.timestamp, maxElapsed), 1);\n        }\n        state.timestamp = timestamp;\n        state.isProcessing = true;\n        // Unrolled render loop for better per-frame performance\n        setup.process(state);\n        read.process(state);\n        resolveKeyframes.process(state);\n        preUpdate.process(state);\n        update.process(state);\n        preRender.process(state);\n        render.process(state);\n        postRender.process(state);\n        state.isProcessing = false;\n        if (runNextFrame && allowKeepAlive) {\n            useDefaultElapsed = false;\n            scheduleNextBatch(processBatch);\n        }\n    };\n    const wake = () => {\n        runNextFrame = true;\n        useDefaultElapsed = true;\n        if (!state.isProcessing) {\n            scheduleNextBatch(processBatch);\n        }\n    };\n    const schedule = stepsOrder.reduce((acc, key) => {\n        const step = steps[key];\n        acc[key] = (process, keepAlive = false, immediate = false) => {\n            if (!runNextFrame)\n                wake();\n            return step.schedule(process, keepAlive, immediate);\n        };\n        return acc;\n    }, {});\n    const cancel = (process) => {\n        for (let i = 0; i < stepsOrder.length; i++) {\n            steps[stepsOrder[i]].cancel(process);\n        }\n    };\n    return { schedule, cancel, state, steps };\n}\n\nexport { createRenderBatcher };\n","import { noop } from 'motion-utils';\nimport { createRenderBatcher } from './batcher.mjs';\n\nconst { schedule: frame, cancel: cancelFrame, state: frameData, steps: frameSteps, } = /* @__PURE__ */ createRenderBatcher(typeof requestAnimationFrame !== \"undefined\" ? requestAnimationFrame : noop, true);\n\nexport { cancelFrame, frame, frameData, frameSteps };\n","import { MotionGlobalConfig } from 'motion-utils';\nimport { frameData } from './frame.mjs';\n\nlet now;\nfunction clearTime() {\n    now = undefined;\n}\n/**\n * An eventloop-synchronous alternative to performance.now().\n *\n * Ensures that time measurements remain consistent within a synchronous context.\n * Usually calling performance.now() twice within the same synchronous context\n * will return different values which isn't useful for animations when we're usually\n * trying to sync animations to the same frame.\n */\nconst time = {\n    now: () => {\n        if (now === undefined) {\n            time.set(frameData.isProcessing || MotionGlobalConfig.useManualTiming\n                ? frameData.timestamp\n                : performance.now());\n        }\n        return now;\n    },\n    set: (newTime) => {\n        now = newTime;\n        queueMicrotask(clearTime);\n    },\n};\n\nexport { time };\n","import { warnOnce, SubscriptionManager, velocityPerSecond } from 'motion-utils';\nimport { time } from '../frameloop/sync-time.mjs';\nimport { frame } from '../frameloop/frame.mjs';\n\n/**\n * Maximum time between the value of two frames, beyond which we\n * assume the velocity has since been 0.\n */\nconst MAX_VELOCITY_DELTA = 30;\nconst isFloat = (value) => {\n    return !isNaN(parseFloat(value));\n};\nconst collectMotionValues = {\n    current: undefined,\n};\n/**\n * `MotionValue` is used to track the state and velocity of motion values.\n *\n * @public\n */\nclass MotionValue {\n    /**\n     * @param init - The initiating value\n     * @param config - Optional configuration options\n     *\n     * -  `transformer`: A function to transform incoming values with.\n     */\n    constructor(init, options = {}) {\n        /**\n         * Tracks whether this value can output a velocity. Currently this is only true\n         * if the value is numerical, but we might be able to widen the scope here and support\n         * other value types.\n         *\n         * @internal\n         */\n        this.canTrackVelocity = null;\n        /**\n         * An object containing a SubscriptionManager for each active event.\n         */\n        this.events = {};\n        this.updateAndNotify = (v) => {\n            const currentTime = time.now();\n            /**\n             * If we're updating the value during another frame or eventloop\n             * than the previous frame, then the we set the previous frame value\n             * to current.\n             */\n            if (this.updatedAt !== currentTime) {\n                this.setPrevFrameValue();\n            }\n            this.prev = this.current;\n            this.setCurrent(v);\n            // Update update subscribers\n            if (this.current !== this.prev) {\n                this.events.change?.notify(this.current);\n                if (this.dependents) {\n                    for (const dependent of this.dependents) {\n                        dependent.dirty();\n                    }\n                }\n            }\n        };\n        this.hasAnimated = false;\n        this.setCurrent(init);\n        this.owner = options.owner;\n    }\n    setCurrent(current) {\n        this.current = current;\n        this.updatedAt = time.now();\n        if (this.canTrackVelocity === null && current !== undefined) {\n            this.canTrackVelocity = isFloat(this.current);\n        }\n    }\n    setPrevFrameValue(prevFrameValue = this.current) {\n        this.prevFrameValue = prevFrameValue;\n        this.prevUpdatedAt = this.updatedAt;\n    }\n    /**\n     * Adds a function that will be notified when the `MotionValue` is updated.\n     *\n     * It returns a function that, when called, will cancel the subscription.\n     *\n     * When calling `onChange` inside a React component, it should be wrapped with the\n     * `useEffect` hook. As it returns an unsubscribe function, this should be returned\n     * from the `useEffect` function to ensure you don't add duplicate subscribers..\n     *\n     * ```jsx\n     * export const MyComponent = () => {\n     *   const x = useMotionValue(0)\n     *   const y = useMotionValue(0)\n     *   const opacity = useMotionValue(1)\n     *\n     *   useEffect(() => {\n     *     function updateOpacity() {\n     *       const maxXY = Math.max(x.get(), y.get())\n     *       const newOpacity = transform(maxXY, [0, 100], [1, 0])\n     *       opacity.set(newOpacity)\n     *     }\n     *\n     *     const unsubscribeX = x.on(\"change\", updateOpacity)\n     *     const unsubscribeY = y.on(\"change\", updateOpacity)\n     *\n     *     return () => {\n     *       unsubscribeX()\n     *       unsubscribeY()\n     *     }\n     *   }, [])\n     *\n     *   return <motion.div style={{ x }} />\n     * }\n     * ```\n     *\n     * @param subscriber - A function that receives the latest value.\n     * @returns A function that, when called, will cancel this subscription.\n     *\n     * @deprecated\n     */\n    onChange(subscription) {\n        if (process.env.NODE_ENV !== \"production\") {\n            warnOnce(false, `value.onChange(callback) is deprecated. Switch to value.on(\"change\", callback).`);\n        }\n        return this.on(\"change\", subscription);\n    }\n    on(eventName, callback) {\n        if (!this.events[eventName]) {\n            this.events[eventName] = new SubscriptionManager();\n        }\n        const unsubscribe = this.events[eventName].add(callback);\n        if (eventName === \"change\") {\n            return () => {\n                unsubscribe();\n                /**\n                 * If we have no more change listeners by the start\n                 * of the next frame, stop active animations.\n                 */\n                frame.read(() => {\n                    if (!this.events.change.getSize()) {\n                        this.stop();\n                    }\n                });\n            };\n        }\n        return unsubscribe;\n    }\n    clearListeners() {\n        for (const eventManagers in this.events) {\n            this.events[eventManagers].clear();\n        }\n    }\n    /**\n     * Attaches a passive effect to the `MotionValue`.\n     */\n    attach(passiveEffect, stopPassiveEffect) {\n        this.passiveEffect = passiveEffect;\n        this.stopPassiveEffect = stopPassiveEffect;\n    }\n    /**\n     * Sets the state of the `MotionValue`.\n     *\n     * @remarks\n     *\n     * ```jsx\n     * const x = useMotionValue(0)\n     * x.set(10)\n     * ```\n     *\n     * @param latest - Latest value to set.\n     * @param render - Whether to notify render subscribers. Defaults to `true`\n     *\n     * @public\n     */\n    set(v) {\n        if (!this.passiveEffect) {\n            this.updateAndNotify(v);\n        }\n        else {\n            this.passiveEffect(v, this.updateAndNotify);\n        }\n    }\n    setWithVelocity(prev, current, delta) {\n        this.set(current);\n        this.prev = undefined;\n        this.prevFrameValue = prev;\n        this.prevUpdatedAt = this.updatedAt - delta;\n    }\n    /**\n     * Set the state of the `MotionValue`, stopping any active animations,\n     * effects, and resets velocity to `0`.\n     */\n    jump(v, endAnimation = true) {\n        this.updateAndNotify(v);\n        this.prev = v;\n        this.prevUpdatedAt = this.prevFrameValue = undefined;\n        endAnimation && this.stop();\n        if (this.stopPassiveEffect)\n            this.stopPassiveEffect();\n    }\n    dirty() {\n        this.events.change?.notify(this.current);\n    }\n    addDependent(dependent) {\n        if (!this.dependents) {\n            this.dependents = new Set();\n        }\n        this.dependents.add(dependent);\n    }\n    removeDependent(dependent) {\n        if (this.dependents) {\n            this.dependents.delete(dependent);\n        }\n    }\n    /**\n     * Returns the latest state of `MotionValue`\n     *\n     * @returns - The latest state of `MotionValue`\n     *\n     * @public\n     */\n    get() {\n        if (collectMotionValues.current) {\n            collectMotionValues.current.push(this);\n        }\n        return this.current;\n    }\n    /**\n     * @public\n     */\n    getPrevious() {\n        return this.prev;\n    }\n    /**\n     * Returns the latest velocity of `MotionValue`\n     *\n     * @returns - The latest velocity of `MotionValue`. Returns `0` if the state is non-numerical.\n     *\n     * @public\n     */\n    getVelocity() {\n        const currentTime = time.now();\n        if (!this.canTrackVelocity ||\n            this.prevFrameValue === undefined ||\n            currentTime - this.updatedAt > MAX_VELOCITY_DELTA) {\n            return 0;\n        }\n        const delta = Math.min(this.updatedAt - this.prevUpdatedAt, MAX_VELOCITY_DELTA);\n        // Casts because of parseFloat's poor typing\n        return velocityPerSecond(parseFloat(this.current) -\n            parseFloat(this.prevFrameValue), delta);\n    }\n    /**\n     * Registers a new animation to control this `MotionValue`. Only one\n     * animation can drive a `MotionValue` at one time.\n     *\n     * ```jsx\n     * value.start()\n     * ```\n     *\n     * @param animation - A function that starts the provided animation\n     */\n    start(startAnimation) {\n        this.stop();\n        return new Promise((resolve) => {\n            this.hasAnimated = true;\n            this.animation = startAnimation(resolve);\n            if (this.events.animationStart) {\n                this.events.animationStart.notify();\n            }\n        }).then(() => {\n            if (this.events.animationComplete) {\n                this.events.animationComplete.notify();\n            }\n            this.clearAnimation();\n        });\n    }\n    /**\n     * Stop the currently active animation.\n     *\n     * @public\n     */\n    stop() {\n        if (this.animation) {\n            this.animation.stop();\n            if (this.events.animationCancel) {\n                this.events.animationCancel.notify();\n            }\n        }\n        this.clearAnimation();\n    }\n    /**\n     * Returns `true` if this value is currently animating.\n     *\n     * @public\n     */\n    isAnimating() {\n        return !!this.animation;\n    }\n    clearAnimation() {\n        delete this.animation;\n    }\n    /**\n     * Destroy and clean up subscribers to this `MotionValue`.\n     *\n     * The `MotionValue` hooks like `useMotionValue` and `useTransform` automatically\n     * handle the lifecycle of the returned `MotionValue`, so this method is only necessary if you've manually\n     * created a `MotionValue` via the `motionValue` function.\n     *\n     * @public\n     */\n    destroy() {\n        this.dependents?.clear();\n        this.events.destroy?.notify();\n        this.clearListeners();\n        this.stop();\n        if (this.stopPassiveEffect) {\n            this.stopPassiveEffect();\n        }\n    }\n}\nfunction motionValue(init, options) {\n    return new MotionValue(init, options);\n}\n\nexport { MotionValue, collectMotionValues, motionValue };\n","\"use client\";\nimport { createContext } from 'react';\n\n/**\n * @public\n */\nconst MotionConfigContext = createContext({\n    transformPagePoint: (p) => p,\n    isStatic: false,\n    reducedMotion: \"never\",\n});\n\nexport { MotionConfigContext };\n","\"use client\";\nimport { motionValue } from 'motion-dom';\nimport { useContext, useState, useEffect } from 'react';\nimport { MotionConfigContext } from '../context/MotionConfigContext.mjs';\nimport { useConstant } from '../utils/use-constant.mjs';\n\n/**\n * Creates a `MotionValue` to track the state and velocity of a value.\n *\n * Usually, these are created automatically. For advanced use-cases, like use with `useTransform`, you can create `MotionValue`s externally and pass them into the animated component via the `style` prop.\n *\n * ```jsx\n * export const MyComponent = () => {\n *   const scale = useMotionValue(1)\n *\n *   return <motion.div style={{ scale }} />\n * }\n * ```\n *\n * @param initial - The initial state.\n *\n * @public\n */\nfunction useMotionValue(initial) {\n    const value = useConstant(() => motionValue(initial));\n    /**\n     * If this motion value is being used in static mode, like on\n     * the Framer canvas, force components to rerender when the motion\n     * value is updated.\n     */\n    const { isStatic } = useContext(MotionConfigContext);\n    if (isStatic) {\n        const [, setLatest] = useState(initial);\n        useEffect(() => value.on(\"change\", setLatest), []);\n    }\n    return value;\n}\n\nexport { useMotionValue };\n","import { useCallback, useRef, useState } from 'react';\n\nimport {\n  ActiveSectionScrollInfo,\n  useActiveSection,\n  ActiveSectionObserver,\n} from '@react-scrollytelling/grouped';\nimport { useMotionValue, MotionValue } from 'motion/react';\n\n/**\n * Watches for all tracked sections to find the section closet to the bottom of the viewport\n * through ScrollytellingProvider.\n * It invokes the onActiveSectionChange when the active section changes.\n * Returns the Motion value of the section scroll.\n * @param onActiveSectionChange - The callback needs to be memoized\n * @returns The trackingId of the active section and the Motion value of the section scroll\n */\nexport function useActiveSectionMotionValue(onActiveSectionChange?: ActiveSectionObserver) {\n  const scrolledRatioMotionValueRef = useRef<MotionValue<number>>(useMotionValue(0));\n  const [trackingId, setTrackingId] = useState<string | null>(null);\n\n  const onSectionScroll = useCallback(\n    (scrollInfo: ActiveSectionScrollInfo) => {\n      const { trackingId: id, scrolledRatio } = scrollInfo;\n      setTrackingId(id);\n      scrolledRatioMotionValueRef.current.set(scrolledRatio);\n\n      if (onActiveSectionChange) {\n        onActiveSectionChange(scrollInfo);\n      }\n    },\n    [onActiveSectionChange]\n  );\n\n  useActiveSection(onSectionScroll);\n\n  return { trackingId, scrolledRatioMotionValue: scrolledRatioMotionValueRef.current };\n}\n","import { useCallback, useRef } from 'react';\n\nimport {\n  IntersectionObserverOptions,\n  SectionScrollInfo,\n  useSectionScroll,\n} from '@react-scrollytelling/core';\nimport { useMotionValue, MotionValue } from 'motion/react';\n\n/**\n * Get the Motion value of the section scroll\n * @param sectionRef - The reference to the section element\n * @param shouldObserve - Whether the underlying IntersectionObserver should be active\n * @param onScroll - The callback to track the scroll ratio\n */\nexport function useSectionScrollMotionValue(\n  sectionRef: React.RefObject<Element>,\n  onScroll?: (scrollInfo: SectionScrollInfo) => void,\n  shouldObserve = true,\n  options?: IntersectionObserverOptions\n) {\n  const scrolledRatioMotionValueRef = useRef<MotionValue<number>>(useMotionValue(0));\n\n  const onSectionScroll = useCallback(\n    (scrollInfo: SectionScrollInfo) => {\n      const { scrolledRatio } = scrollInfo;\n      scrolledRatioMotionValueRef.current.set(scrolledRatio);\n\n      if (onScroll) {\n        onScroll(scrollInfo);\n      }\n    },\n    [onScroll]\n  );\n\n  useSectionScroll(sectionRef, onSectionScroll, shouldObserve, options);\n\n  return { scrolledRatioMotionValue: scrolledRatioMotionValueRef.current };\n}\n"],"names":["useConstant","init","ref","useRef","addUniqueItem","arr","item","removeItem","index","formatErrorMessage","message","errorCode","MotionGlobalConfig","noop","any","SubscriptionManager","handler","a","b","c","numSubscriptions","i","velocityPerSecond","velocity","frameDuration","warned","warnOnce","condition","stepsOrder","statsBuffer","createRenderStep","runNextFrame","stepName","thisFrame","nextFrame","isProcessing","flushNextFrame","toKeepAlive","latestFrameData","numCalls","triggerCallback","callback","step","keepAlive","immediate","queue","frameData","maxElapsed","createRenderBatcher","scheduleNextBatch","allowKeepAlive","useDefaultElapsed","state","flagRunNextFrame","steps","acc","key","setup","read","resolveKeyframes","preUpdate","update","preRender","render","postRender","processBatch","timestamp","wake","process","frame","cancelFrame","frameSteps","now","clearTime","time","newTime","MAX_VELOCITY_DELTA","isFloat","value","MotionValue","options","v","currentTime","_a","dependent","current","prevFrameValue","subscription","eventName","unsubscribe","eventManagers","passiveEffect","stopPassiveEffect","prev","delta","endAnimation","startAnimation","resolve","_b","motionValue","MotionConfigContext","createContext","p","useMotionValue","initial","isStatic","useContext","setLatest","useState","useEffect","useActiveSectionMotionValue","onActiveSectionChange","scrolledRatioMotionValueRef","trackingId","setTrackingId","onSectionScroll","useCallback","scrollInfo","id","scrolledRatio","useActiveSection","useSectionScrollMotionValue","sectionRef","onScroll","shouldObserve","useSectionScroll"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16]}

package/dist/src/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export * from './useActiveSectionMotionValue';
+export * from './useSectionScrollMotionValue';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC"}

package/dist/src/hooks/useActiveSectionMotionValue.d.ts

@@ -0,0 +1,16 @@
+import { MotionValue } from 'motion/react';
+import { ActiveSectionObserver } from '@react-scrollytelling/grouped';
+
+/**
+ * Watches for all tracked sections to find the section closet to the bottom of the viewport
+ * through ScrollytellingProvider.
+ * It invokes the onActiveSectionChange when the active section changes.
+ * Returns the Motion value of the section scroll.
+ * @param onActiveSectionChange - The callback needs to be memoized
+ * @returns The trackingId of the active section and the Motion value of the section scroll
+ */
+export declare function useActiveSectionMotionValue(onActiveSectionChange?: ActiveSectionObserver): {
+    trackingId: string | null;
+    scrolledRatioMotionValue: MotionValue<number>;
+};
+//# sourceMappingURL=useActiveSectionMotionValue.d.ts.map

package/dist/src/hooks/useActiveSectionMotionValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useActiveSectionMotionValue.d.ts","sourceRoot":"","sources":["../../../src/hooks/useActiveSectionMotionValue.ts"],"names":[],"mappings":"AAEA,OAAO,EAGL,qBAAqB,EACtB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAkB,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3D;;;;;;;GAOG;AACH,wBAAgB,2BAA2B,CAAC,qBAAqB,CAAC,EAAE,qBAAqB;;;EAoBxF"}

package/dist/src/hooks/useSectionScrollMotionValue.d.ts

@@ -0,0 +1,13 @@
+import { MotionValue } from 'motion/react';
+import { IntersectionObserverOptions, SectionScrollInfo } from '@react-scrollytelling/core';
+
+/**
+ * Get the Motion value of the section scroll
+ * @param sectionRef - The reference to the section element
+ * @param shouldObserve - Whether the underlying IntersectionObserver should be active
+ * @param onScroll - The callback to track the scroll ratio
+ */
+export declare function useSectionScrollMotionValue(sectionRef: React.RefObject<Element>, onScroll?: (scrollInfo: SectionScrollInfo) => void, shouldObserve?: boolean, options?: IntersectionObserverOptions): {
+    scrolledRatioMotionValue: MotionValue<number>;
+};
+//# sourceMappingURL=useSectionScrollMotionValue.d.ts.map

package/dist/src/hooks/useSectionScrollMotionValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSectionScrollMotionValue.d.ts","sourceRoot":"","sources":["../../../src/hooks/useSectionScrollMotionValue.ts"],"names":[],"mappings":";AAEA,OAAO,EACL,2BAA2B,EAC3B,iBAAiB,EAElB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAkB,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3D;;;;;GAKG;AACH,wBAAgB,2BAA2B,CACzC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,EACpC,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,iBAAiB,KAAK,IAAI,EAClD,aAAa,UAAO,EACpB,OAAO,CAAC,EAAE,2BAA2B;;EAmBtC"}

package/dist/src/index.d.ts

@@ -0,0 +1,2 @@
+export * from './hooks';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "@react-scrollytelling/framer-motion",
+  "version": "0.1.1",
+  "description": "> TODO: description",
+  "author": "@hsunpei",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "homepage": "https://github.com/hsunpei/react-scrollytelling#readme",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.es.js",
+  "types": "./dist/src/index.d.ts",
+  "sideEffects": false,
+  "files": [
+    "dist"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/hsunpei/react-scrollytelling.git"
+  },
+  "scripts": {
+    "dev": "BUILD_MODE=dev yarn dev:dist",
+    "dev:dist": "yarn build:dist --watch",
+    "dev:declarations": "tsc -p . --emitDeclarationOnly --watch --outDir dist_types",
+    "build": "run-s build:dist build:declarations",
+    "build:dist": "vite build",
+    "build:declarations": "tsc -p . --emitDeclarationOnly --outDir dist_types",
+    "clean": "rimraf -rf ./dist && rimraf -rf ./dist_types",
+    "test": "jest",
+    "test:watch": "jest --watch"
+  },
+  "bugs": {
+    "url": "https://github.com/hsunpei/react-scrollytelling/issues"
+  },
+  "devDependencies": {
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^6.4.8",
+    "@testing-library/react": "^16.0.0",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "motion": "^12.23.11",
+    "ts-jest": "^29.2.4",
+    "vite": "^5.2.11"
+  },
+  "peerDependencies": {
+    "@react-scrollytelling/core": "workspace:^",
+    "@react-scrollytelling/grouped": "workspace:^",
+    "motion": "^12.23.11",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "gitHead": "1ed64caa3c433482e0f6fcebb04f9f2539b776e6"
+}