@new-black/lyra 1.0.4 → 1.0.5

package/dist/lyra855.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra855.js","sources":["../node_modules/framer-motion/dist/es/gestures/drag/VisualElementDragControls.mjs"],"sourcesContent":["import { invariant } from '../../utils/errors.mjs';\nimport { PanSession } from '../pan/PanSession.mjs';\nimport { getGlobalLock } from './utils/lock.mjs';\nimport { isRefObject } from '../../utils/is-ref-object.mjs';\nimport { addPointerEvent } from '../../events/add-pointer-event.mjs';\nimport { applyConstraints, calcRelativeConstraints, resolveDragElastic, calcViewportConstraints, defaultElastic, rebaseAxisConstraints, calcOrigin } from './utils/constraints.mjs';\nimport { createBox } from '../../projection/geometry/models.mjs';\nimport { eachAxis } from '../../projection/utils/each-axis.mjs';\nimport { measurePageBox } from '../../projection/utils/measure.mjs';\nimport { extractEventInfo } from '../../events/event-info.mjs';\nimport { convertBoxToBoundingBox, convertBoundingBoxToBox } from '../../projection/geometry/conversion.mjs';\nimport { addDomEvent } from '../../events/add-dom-event.mjs';\nimport { calcLength } from '../../projection/geometry/delta-calc.mjs';\nimport { mix } from '../../utils/mix.mjs';\nimport { percent } from '../../value/types/numbers/units.mjs';\nimport { animateMotionValue } from '../../animation/interfaces/motion-value.mjs';\nimport { getContextWindow } from '../../utils/get-context-window.mjs';\nimport { frame } from '../../frameloop/frame.mjs';\n\nconst elementDragControls = new WeakMap();\n/**\n *\n */\n// let latestPointerEvent: PointerEvent\nclass VisualElementDragControls {\n    constructor(visualElement) {\n        // This is a reference to the global drag gesture lock, ensuring only one component\n        // can \"capture\" the drag of one or both axes.\n        // TODO: Look into moving this into pansession?\n        this.openGlobalLock = null;\n        this.isDragging = false;\n        this.currentDirection = null;\n        this.originPoint = { x: 0, y: 0 };\n        /**\n         * The permitted boundaries of travel, in pixels.\n         */\n        this.constraints = false;\n        this.hasMutatedConstraints = false;\n        /**\n         * The per-axis resolved elastic values.\n         */\n        this.elastic = createBox();\n        this.visualElement = visualElement;\n    }\n    start(originEvent, { snapToCursor = false } = {}) {\n        /**\n         * Don't start dragging if this component is exiting\n         */\n        const { presenceContext } = this.visualElement;\n        if (presenceContext && presenceContext.isPresent === false)\n            return;\n        const onSessionStart = (event) => {\n            const { dragSnapToOrigin } = this.getProps();\n            // Stop or pause any animations on both axis values immediately. This allows the user to throw and catch\n            // the component.\n            dragSnapToOrigin ? this.pauseAnimation() : this.stopAnimation();\n            if (snapToCursor) {\n                this.snapToCursor(extractEventInfo(event, \"page\").point);\n            }\n        };\n        const onStart = (event, info) => {\n            // Attempt to grab the global drag gesture lock - maybe make this part of PanSession\n            const { drag, dragPropagation, onDragStart } = this.getProps();\n            if (drag && !dragPropagation) {\n                if (this.openGlobalLock)\n                    this.openGlobalLock();\n                this.openGlobalLock = getGlobalLock(drag);\n                // If we don 't have the lock, don't start dragging\n                if (!this.openGlobalLock)\n                    return;\n            }\n            this.isDragging = true;\n            this.currentDirection = null;\n            this.resolveConstraints();\n            if (this.visualElement.projection) {\n                this.visualElement.projection.isAnimationBlocked = true;\n                this.visualElement.projection.target = undefined;\n            }\n            /**\n             * Record gesture origin\n             */\n            eachAxis((axis) => {\n                let current = this.getAxisMotionValue(axis).get() || 0;\n                /**\n                 * If the MotionValue is a percentage value convert to px\n                 */\n                if (percent.test(current)) {\n                    const { projection } = this.visualElement;\n                    if (projection && projection.layout) {\n                        const measuredAxis = projection.layout.layoutBox[axis];\n                        if (measuredAxis) {\n                            const length = calcLength(measuredAxis);\n                            current = length * (parseFloat(current) / 100);\n                        }\n                    }\n                }\n                this.originPoint[axis] = current;\n            });\n            // Fire onDragStart event\n            if (onDragStart) {\n                frame.update(() => onDragStart(event, info), false, true);\n            }\n            const { animationState } = this.visualElement;\n            animationState && animationState.setActive(\"whileDrag\", true);\n        };\n        const onMove = (event, info) => {\n            // latestPointerEvent = event\n            const { dragPropagation, dragDirectionLock, onDirectionLock, onDrag, } = this.getProps();\n            // If we didn't successfully receive the gesture lock, early return.\n            if (!dragPropagation && !this.openGlobalLock)\n                return;\n            const { offset } = info;\n            // Attempt to detect drag direction if directionLock is true\n            if (dragDirectionLock && this.currentDirection === null) {\n                this.currentDirection = getCurrentDirection(offset);\n                // If we've successfully set a direction, notify listener\n                if (this.currentDirection !== null) {\n                    onDirectionLock && onDirectionLock(this.currentDirection);\n                }\n                return;\n            }\n            // Update each point with the latest position\n            this.updateAxis(\"x\", info.point, offset);\n            this.updateAxis(\"y\", info.point, offset);\n            /**\n             * Ideally we would leave the renderer to fire naturally at the end of\n             * this frame but if the element is about to change layout as the result\n             * of a re-render we want to ensure the browser can read the latest\n             * bounding box to ensure the pointer and element don't fall out of sync.\n             */\n            this.visualElement.render();\n            /**\n             * This must fire after the render call as it might trigger a state\n             * change which itself might trigger a layout update.\n             */\n            onDrag && onDrag(event, info);\n        };\n        const onSessionEnd = (event, info) => this.stop(event, info);\n        const resumeAnimation = () => eachAxis((axis) => {\n            var _a;\n            return this.getAnimationState(axis) === \"paused\" &&\n                ((_a = this.getAxisMotionValue(axis).animation) === null || _a === void 0 ? void 0 : _a.play());\n        });\n        const { dragSnapToOrigin } = this.getProps();\n        this.panSession = new PanSession(originEvent, {\n            onSessionStart,\n            onStart,\n            onMove,\n            onSessionEnd,\n            resumeAnimation,\n        }, {\n            transformPagePoint: this.visualElement.getTransformPagePoint(),\n            dragSnapToOrigin,\n            contextWindow: getContextWindow(this.visualElement),\n        });\n    }\n    stop(event, info) {\n        const isDragging = this.isDragging;\n        this.cancel();\n        if (!isDragging)\n            return;\n        const { velocity } = info;\n        this.startAnimation(velocity);\n        const { onDragEnd } = this.getProps();\n        if (onDragEnd) {\n            frame.update(() => onDragEnd(event, info));\n        }\n    }\n    cancel() {\n        this.isDragging = false;\n        const { projection, animationState } = this.visualElement;\n        if (projection) {\n            projection.isAnimationBlocked = false;\n        }\n        this.panSession && this.panSession.end();\n        this.panSession = undefined;\n        const { dragPropagation } = this.getProps();\n        if (!dragPropagation && this.openGlobalLock) {\n            this.openGlobalLock();\n            this.openGlobalLock = null;\n        }\n        animationState && animationState.setActive(\"whileDrag\", false);\n    }\n    updateAxis(axis, _point, offset) {\n        const { drag } = this.getProps();\n        // If we're not dragging this axis, do an early return.\n        if (!offset || !shouldDrag(axis, drag, this.currentDirection))\n            return;\n        const axisValue = this.getAxisMotionValue(axis);\n        let next = this.originPoint[axis] + offset[axis];\n        // Apply constraints\n        if (this.constraints && this.constraints[axis]) {\n            next = applyConstraints(next, this.constraints[axis], this.elastic[axis]);\n        }\n        axisValue.set(next);\n    }\n    resolveConstraints() {\n        var _a;\n        const { dragConstraints, dragElastic } = this.getProps();\n        const layout = this.visualElement.projection &&\n            !this.visualElement.projection.layout\n            ? this.visualElement.projection.measure(false)\n            : (_a = this.visualElement.projection) === null || _a === void 0 ? void 0 : _a.layout;\n        const prevConstraints = this.constraints;\n        if (dragConstraints && isRefObject(dragConstraints)) {\n            if (!this.constraints) {\n                this.constraints = this.resolveRefConstraints();\n            }\n        }\n        else {\n            if (dragConstraints && layout) {\n                this.constraints = calcRelativeConstraints(layout.layoutBox, dragConstraints);\n            }\n            else {\n                this.constraints = false;\n            }\n        }\n        this.elastic = resolveDragElastic(dragElastic);\n        /**\n         * If we're outputting to external MotionValues, we want to rebase the measured constraints\n         * from viewport-relative to component-relative.\n         */\n        if (prevConstraints !== this.constraints &&\n            layout &&\n            this.constraints &&\n            !this.hasMutatedConstraints) {\n            eachAxis((axis) => {\n                if (this.getAxisMotionValue(axis)) {\n                    this.constraints[axis] = rebaseAxisConstraints(layout.layoutBox[axis], this.constraints[axis]);\n                }\n            });\n        }\n    }\n    resolveRefConstraints() {\n        const { dragConstraints: constraints, onMeasureDragConstraints } = this.getProps();\n        if (!constraints || !isRefObject(constraints))\n            return false;\n        const constraintsElement = constraints.current;\n        invariant(constraintsElement !== null, \"If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.\");\n        const { projection } = this.visualElement;\n        // TODO\n        if (!projection || !projection.layout)\n            return false;\n        const constraintsBox = measurePageBox(constraintsElement, projection.root, this.visualElement.getTransformPagePoint());\n        let measuredConstraints = calcViewportConstraints(projection.layout.layoutBox, constraintsBox);\n        /**\n         * If there's an onMeasureDragConstraints listener we call it and\n         * if different constraints are returned, set constraints to that\n         */\n        if (onMeasureDragConstraints) {\n            const userConstraints = onMeasureDragConstraints(convertBoxToBoundingBox(measuredConstraints));\n            this.hasMutatedConstraints = !!userConstraints;\n            if (userConstraints) {\n                measuredConstraints = convertBoundingBoxToBox(userConstraints);\n            }\n        }\n        return measuredConstraints;\n    }\n    startAnimation(velocity) {\n        const { drag, dragMomentum, dragElastic, dragTransition, dragSnapToOrigin, onDragTransitionEnd, } = this.getProps();\n        const constraints = this.constraints || {};\n        const momentumAnimations = eachAxis((axis) => {\n            if (!shouldDrag(axis, drag, this.currentDirection)) {\n                return;\n            }\n            let transition = (constraints && constraints[axis]) || {};\n            if (dragSnapToOrigin)\n                transition = { min: 0, max: 0 };\n            /**\n             * Overdamp the boundary spring if `dragElastic` is disabled. There's still a frame\n             * of spring animations so we should look into adding a disable spring option to `inertia`.\n             * We could do something here where we affect the `bounceStiffness` and `bounceDamping`\n             * using the value of `dragElastic`.\n             */\n            const bounceStiffness = dragElastic ? 200 : 1000000;\n            const bounceDamping = dragElastic ? 40 : 10000000;\n            const inertia = {\n                type: \"inertia\",\n                velocity: dragMomentum ? velocity[axis] : 0,\n                bounceStiffness,\n                bounceDamping,\n                timeConstant: 750,\n                restDelta: 1,\n                restSpeed: 10,\n                ...dragTransition,\n                ...transition,\n            };\n            // If we're not animating on an externally-provided `MotionValue` we can use the\n            // component's animation controls which will handle interactions with whileHover (etc),\n            // otherwise we just have to animate the `MotionValue` itself.\n            return this.startAxisValueAnimation(axis, inertia);\n        });\n        // Run all animations and then resolve the new drag constraints.\n        return Promise.all(momentumAnimations).then(onDragTransitionEnd);\n    }\n    startAxisValueAnimation(axis, transition) {\n        const axisValue = this.getAxisMotionValue(axis);\n        return axisValue.start(animateMotionValue(axis, axisValue, 0, transition));\n    }\n    stopAnimation() {\n        eachAxis((axis) => this.getAxisMotionValue(axis).stop());\n    }\n    pauseAnimation() {\n        eachAxis((axis) => { var _a; return (_a = this.getAxisMotionValue(axis).animation) === null || _a === void 0 ? void 0 : _a.pause(); });\n    }\n    getAnimationState(axis) {\n        var _a;\n        return (_a = this.getAxisMotionValue(axis).animation) === null || _a === void 0 ? void 0 : _a.state;\n    }\n    /**\n     * Drag works differently depending on which props are provided.\n     *\n     * - If _dragX and _dragY are provided, we output the gesture delta directly to those motion values.\n     * - Otherwise, we apply the delta to the x/y motion values.\n     */\n    getAxisMotionValue(axis) {\n        const dragKey = \"_drag\" + axis.toUpperCase();\n        const props = this.visualElement.getProps();\n        const externalMotionValue = props[dragKey];\n        return externalMotionValue\n            ? externalMotionValue\n            : this.visualElement.getValue(axis, (props.initial ? props.initial[axis] : undefined) || 0);\n    }\n    snapToCursor(point) {\n        eachAxis((axis) => {\n            const { drag } = this.getProps();\n            // If we're not dragging this axis, do an early return.\n            if (!shouldDrag(axis, drag, this.currentDirection))\n                return;\n            const { projection } = this.visualElement;\n            const axisValue = this.getAxisMotionValue(axis);\n            if (projection && projection.layout) {\n                const { min, max } = projection.layout.layoutBox[axis];\n                axisValue.set(point[axis] - mix(min, max, 0.5));\n            }\n        });\n    }\n    /**\n     * When the viewport resizes we want to check if the measured constraints\n     * have changed and, if so, reposition the element within those new constraints\n     * relative to where it was before the resize.\n     */\n    scalePositionWithinConstraints() {\n        if (!this.visualElement.current)\n            return;\n        const { drag, dragConstraints } = this.getProps();\n        const { projection } = this.visualElement;\n        if (!isRefObject(dragConstraints) || !projection || !this.constraints)\n            return;\n        /**\n         * Stop current animations as there can be visual glitching if we try to do\n         * this mid-animation\n         */\n        this.stopAnimation();\n        /**\n         * Record the relative position of the dragged element relative to the\n         * constraints box and save as a progress value.\n         */\n        const boxProgress = { x: 0, y: 0 };\n        eachAxis((axis) => {\n            const axisValue = this.getAxisMotionValue(axis);\n            if (axisValue) {\n                const latest = axisValue.get();\n                boxProgress[axis] = calcOrigin({ min: latest, max: latest }, this.constraints[axis]);\n            }\n        });\n        /**\n         * Update the layout of this element and resolve the latest drag constraints\n         */\n        const { transformTemplate } = this.visualElement.getProps();\n        this.visualElement.current.style.transform = transformTemplate\n            ? transformTemplate({}, \"\")\n            : \"none\";\n        projection.root && projection.root.updateScroll();\n        projection.updateLayout();\n        this.resolveConstraints();\n        /**\n         * For each axis, calculate the current progress of the layout axis\n         * within the new constraints.\n         */\n        eachAxis((axis) => {\n            if (!shouldDrag(axis, drag, null))\n                return;\n            /**\n             * Calculate a new transform based on the previous box progress\n             */\n            const axisValue = this.getAxisMotionValue(axis);\n            const { min, max } = this.constraints[axis];\n            axisValue.set(mix(min, max, boxProgress[axis]));\n        });\n    }\n    addListeners() {\n        if (!this.visualElement.current)\n            return;\n        elementDragControls.set(this.visualElement, this);\n        const element = this.visualElement.current;\n        /**\n         * Attach a pointerdown event listener on this DOM element to initiate drag tracking.\n         */\n        const stopPointerListener = addPointerEvent(element, \"pointerdown\", (event) => {\n            const { drag, dragListener = true } = this.getProps();\n            drag && dragListener && this.start(event);\n        });\n        const measureDragConstraints = () => {\n            const { dragConstraints } = this.getProps();\n            if (isRefObject(dragConstraints)) {\n                this.constraints = this.resolveRefConstraints();\n            }\n        };\n        const { projection } = this.visualElement;\n        const stopMeasureLayoutListener = projection.addEventListener(\"measure\", measureDragConstraints);\n        if (projection && !projection.layout) {\n            projection.root && projection.root.updateScroll();\n            projection.updateLayout();\n        }\n        measureDragConstraints();\n        /**\n         * Attach a window resize listener to scale the draggable target within its defined\n         * constraints as the window resizes.\n         */\n        const stopResizeListener = addDomEvent(window, \"resize\", () => this.scalePositionWithinConstraints());\n        /**\n         * If the element's layout changes, calculate the delta and apply that to\n         * the drag gesture's origin point.\n         */\n        const stopLayoutUpdateListener = projection.addEventListener(\"didUpdate\", (({ delta, hasLayoutChanged }) => {\n            if (this.isDragging && hasLayoutChanged) {\n                eachAxis((axis) => {\n                    const motionValue = this.getAxisMotionValue(axis);\n                    if (!motionValue)\n                        return;\n                    this.originPoint[axis] += delta[axis].translate;\n                    motionValue.set(motionValue.get() + delta[axis].translate);\n                });\n                this.visualElement.render();\n            }\n        }));\n        return () => {\n            stopResizeListener();\n            stopPointerListener();\n            stopMeasureLayoutListener();\n            stopLayoutUpdateListener && stopLayoutUpdateListener();\n        };\n    }\n    getProps() {\n        const props = this.visualElement.getProps();\n        const { drag = false, dragDirectionLock = false, dragPropagation = false, dragConstraints = false, dragElastic = defaultElastic, dragMomentum = true, } = props;\n        return {\n            ...props,\n            drag,\n            dragDirectionLock,\n            dragPropagation,\n            dragConstraints,\n            dragElastic,\n            dragMomentum,\n        };\n    }\n}\nfunction shouldDrag(direction, drag, currentDirection) {\n    return ((drag === true || drag === direction) &&\n        (currentDirection === null || currentDirection === direction));\n}\n/**\n * Based on an x/y offset determine the current drag direction. If both axis' offsets are lower\n * than the provided threshold, return `null`.\n *\n * @param offset - The x/y offset from origin.\n * @param lockThreshold - (Optional) - the minimum absolute offset before we can determine a drag direction.\n */\nfunction getCurrentDirection(offset, lockThreshold = 10) {\n    let direction = null;\n    if (Math.abs(offset.y) > lockThreshold) {\n        direction = \"y\";\n    }\n    else if (Math.abs(offset.x) > lockThreshold) {\n        direction = \"x\";\n    }\n    return direction;\n}\n\nexport { VisualElementDragControls, elementDragControls };\n"],"names":["elementDragControls","VisualElementDragControls","visualElement","createBox","originEvent","snapToCursor","presenceContext","onSessionStart","event","dragSnapToOrigin","extractEventInfo","onStart","info","drag","dragPropagation","onDragStart","getGlobalLock","eachAxis","axis","current","percent","projection","measuredAxis","calcLength","frame","animationState","onMove","dragDirectionLock","onDirectionLock","onDrag","offset","getCurrentDirection","onSessionEnd","resumeAnimation","_a","PanSession","getContextWindow","isDragging","velocity","onDragEnd","_point","shouldDrag","axisValue","next","applyConstraints","dragConstraints","dragElastic","layout","prevConstraints","isRefObject","calcRelativeConstraints","resolveDragElastic","rebaseAxisConstraints","constraints","onMeasureDragConstraints","constraintsElement","invariant","constraintsBox","measurePageBox","measuredConstraints","calcViewportConstraints","userConstraints","convertBoxToBoundingBox","convertBoundingBoxToBox","dragMomentum","dragTransition","onDragTransitionEnd","momentumAnimations","transition","bounceStiffness","bounceDamping","inertia","animateMotionValue","dragKey","props","externalMotionValue","point","min","max","mix","boxProgress","latest","calcOrigin","transformTemplate","element","stopPointerListener","addPointerEvent","dragListener","measureDragConstraints","stopMeasureLayoutListener","stopResizeListener","addDomEvent","stopLayoutUpdateListener","delta","hasLayoutChanged","motionValue","defaultElastic","direction","currentDirection","lockThreshold"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra855.js","sources":["../node_modules/framer-motion/dist/es/render/html/use-props.mjs"],"sourcesContent":["import { useMemo } from 'react';\nimport { isForcedMotionValue } from '../../motion/utils/is-forced-motion-value.mjs';\nimport { isMotionValue } from '../../value/utils/is-motion-value.mjs';\nimport { buildHTMLStyles } from './utils/build-styles.mjs';\nimport { createHtmlRenderState } from './utils/create-render-state.mjs';\n\nfunction copyRawValuesOnly(target, source, props) {\n    for (const key in source) {\n        if (!isMotionValue(source[key]) && !isForcedMotionValue(key, props)) {\n            target[key] = source[key];\n        }\n    }\n}\nfunction useInitialMotionValues({ transformTemplate }, visualState, isStatic) {\n    return useMemo(() => {\n        const state = createHtmlRenderState();\n        buildHTMLStyles(state, visualState, { enableHardwareAcceleration: !isStatic }, transformTemplate);\n        return Object.assign({}, state.vars, state.style);\n    }, [visualState]);\n}\nfunction useStyle(props, visualState, isStatic) {\n    const styleProp = props.style || {};\n    const style = {};\n    /**\n     * Copy non-Motion Values straight into style\n     */\n    copyRawValuesOnly(style, styleProp, props);\n    Object.assign(style, useInitialMotionValues(props, visualState, isStatic));\n    return style;\n}\nfunction useHTMLProps(props, visualState, isStatic) {\n    // The `any` isn't ideal but it is the type of createElement props argument\n    const htmlProps = {};\n    const style = useStyle(props, visualState, isStatic);\n    if (props.drag && props.dragListener !== false) {\n        // Disable the ghost element when a user drags\n        htmlProps.draggable = false;\n        // Disable text selection\n        style.userSelect =\n            style.WebkitUserSelect =\n                style.WebkitTouchCallout =\n                    \"none\";\n        // Disable scrolling on the draggable direction\n        style.touchAction =\n            props.drag === true\n                ? \"none\"\n                : `pan-${props.drag === \"x\" ? \"y\" : \"x\"}`;\n    }\n    if (props.tabIndex === undefined &&\n        (props.onTap || props.onTapStart || props.whileTap)) {\n        htmlProps.tabIndex = 0;\n    }\n    htmlProps.style = style;\n    return htmlProps;\n}\n\nexport { copyRawValuesOnly, useHTMLProps };\n"],"names":["copyRawValuesOnly","target","source","props","key","isMotionValue","isForcedMotionValue","useInitialMotionValues","transformTemplate","visualState","isStatic","useMemo","state","createHtmlRenderState","buildHTMLStyles","useStyle","styleProp","style","useHTMLProps","htmlProps"],"mappings":";;;;;AAMA,SAASA,EAAkBC,GAAQC,GAAQC,GAAO;AAC9C,aAAWC,KAAOF;AACd,IAAI,CAACG,EAAcH,EAAOE,CAAG,CAAC,KAAK,CAACE,EAAoBF,GAAKD,CAAK,MAC9DF,EAAOG,CAAG,IAAIF,EAAOE,CAAG;AAGpC;AACA,SAASG,EAAuB,EAAE,mBAAAC,KAAqBC,GAAaC,GAAU;AAC1E,SAAOC,EAAQ,MAAM;AACjB,UAAMC,IAAQC;AACd,WAAAC,EAAgBF,GAAOH,GAAa,EAAE,4BAA4B,CAACC,EAAQ,GAAIF,CAAiB,GACzF,OAAO,OAAO,CAAE,GAAEI,EAAM,MAAMA,EAAM,KAAK;AAAA,EACxD,GAAO,CAACH,CAAW,CAAC;AACpB;AACA,SAASM,EAASZ,GAAOM,GAAaC,GAAU;AAC5C,QAAMM,IAAYb,EAAM,SAAS,IAC3Bc,IAAQ,CAAA;AAId,SAAAjB,EAAkBiB,GAAOD,GAAWb,CAAK,GACzC,OAAO,OAAOc,GAAOV,EAAuBJ,GAAOM,GAAaC,CAAQ,CAAC,GAClEO;AACX;AACA,SAASC,EAAaf,GAAOM,GAAaC,GAAU;AAEhD,QAAMS,IAAY,CAAA,GACZF,IAAQF,EAASZ,GAAOM,GAAaC,CAAQ;AACnD,SAAIP,EAAM,QAAQA,EAAM,iBAAiB,OAErCgB,EAAU,YAAY,IAEtBF,EAAM,aACFA,EAAM,mBACFA,EAAM,qBACF,QAEZA,EAAM,cACFd,EAAM,SAAS,KACT,SACA,OAAOA,EAAM,SAAS,MAAM,MAAM,GAAG,KAE/CA,EAAM,aAAa,WAClBA,EAAM,SAASA,EAAM,cAAcA,EAAM,cAC1CgB,EAAU,WAAW,IAEzBA,EAAU,QAAQF,GACXE;AACX;","x_google_ignoreList":[0]}

package/dist/lyra856.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("./lyra775.cjs"),x=require("./lyra723.cjs"),v=require("./lyra773.cjs"),q=require("./lyra746.cjs"),D=require("./lyra756.cjs"),T=require("./lyra776.cjs"),u=require("./lyra713.cjs");class W{constructor(n,o,{transformPagePoint:i,contextWindow:r,dragSnapToOrigin:h=!1}={}){if(this.startEvent=null,this.lastMoveEvent=null,this.lastMoveEventInfo=null,this.handlers={},this.contextWindow=window,this.updatePoint=()=>{if(!(this.lastMoveEvent&&this.lastMoveEventInfo))return;const e=P(this.lastMoveEventInfo,this.history),a=this.startEvent!==null,l=D.distance2D(e.offset,{x:0,y:0})>=3;if(!a&&!l)return;const{point:d}=e,{timestamp:f}=u.frameData;this.history.push({...d,timestamp:f});const{onStart:c,onMove:y}=this.handlers;a||(c&&c(this.lastMoveEvent,e),this.startEvent=this.lastMoveEvent),y&&y(this.lastMoveEvent,e)},this.handlePointerMove=(e,a)=>{this.lastMoveEvent=e,this.lastMoveEventInfo=m(a,this.transformPagePoint),u.frame.update(this.updatePoint,!0)},this.handlePointerUp=(e,a)=>{this.end();const{onEnd:l,onSessionEnd:d,resumeAnimation:f}=this.handlers;if(this.dragSnapToOrigin&&f&&f(),!(this.lastMoveEvent&&this.lastMoveEventInfo))return;const c=P(e.type==="pointercancel"?this.lastMoveEventInfo:m(a,this.transformPagePoint),this.history);this.startEvent&&l&&l(e,c),d&&d(e,c)},!T.isPrimaryPointer(n))return;this.dragSnapToOrigin=h,this.handlers=o,this.transformPagePoint=i,this.contextWindow=r||window;const s=w.extractEventInfo(n),p=m(s,this.transformPagePoint),{point:I}=p,{timestamp:S}=u.frameData;this.history=[{...I,timestamp:S}];const{onSessionStart:E}=o;E&&E(n,P(p,this.history)),this.removeListeners=q.pipe(v.addPointerEvent(this.contextWindow,"pointermove",this.handlePointerMove),v.addPointerEvent(this.contextWindow,"pointerup",this.handlePointerUp),v.addPointerEvent(this.contextWindow,"pointercancel",this.handlePointerUp))}updateHandlers(n){this.handlers=n}end(){this.removeListeners&&this.removeListeners(),u.cancelFrame(this.updatePoint)}}function m(t,n){return n?{point:n(t.point)}:t}function M(t,n){return{x:t.x-n.x,y:t.y-n.y}}function P({point:t},n){return{point:t,delta:M(t,g(n)),offset:M(t,b(n)),velocity:L(n,.1)}}function b(t){return t[0]}function g(t){return t[t.length-1]}function L(t,n){if(t.length<2)return{x:0,y:0};let o=t.length-1,i=null;const r=g(t);for(;o>=0&&(i=t[o],!(r.timestamp-i.timestamp>x.secondsToMilliseconds(n)));)o--;if(!i)return{x:0,y:0};const h=x.millisecondsToSeconds(r.timestamp-i.timestamp);if(h===0)return{x:0,y:0};const s={x:(r.x-i.x)/h,y:(r.y-i.y)/h};return s.x===1/0&&(s.x=0),s.y===1/0&&(s.y=0),s}exports.PanSession=W;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),c=require("./lyra855.cjs"),l=require("./lyra860.cjs"),o=require("./lyra859.cjs"),u=require("./lyra861.cjs");function i(t,s,y,a){const r=n.useMemo(()=>{const e=o.createSvgRenderState();return l.buildSVGAttrs(e,s,{enableHardwareAcceleration:!1},u.isSVGTag(a),t.transformTemplate),{...e.attrs,style:{...e.style}}},[s]);if(t.style){const e={};c.copyRawValuesOnly(e,t.style,t),r.style={...e,...r.style}}return r}exports.useSVGProps=i;

package/dist/lyra856.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra856.cjs","sources":["../node_modules/framer-motion/dist/es/gestures/pan/PanSession.mjs"],"sourcesContent":["import { extractEventInfo } from '../../events/event-info.mjs';\nimport { secondsToMilliseconds, millisecondsToSeconds } from '../../utils/time-conversion.mjs';\nimport { addPointerEvent } from '../../events/add-pointer-event.mjs';\nimport { pipe } from '../../utils/pipe.mjs';\nimport { distance2D } from '../../utils/distance.mjs';\nimport { isPrimaryPointer } from '../../events/utils/is-primary-pointer.mjs';\nimport { frame, cancelFrame, frameData } from '../../frameloop/frame.mjs';\n\n/**\n * @internal\n */\nclass PanSession {\n    constructor(event, handlers, { transformPagePoint, contextWindow, dragSnapToOrigin = false } = {}) {\n        /**\n         * @internal\n         */\n        this.startEvent = null;\n        /**\n         * @internal\n         */\n        this.lastMoveEvent = null;\n        /**\n         * @internal\n         */\n        this.lastMoveEventInfo = null;\n        /**\n         * @internal\n         */\n        this.handlers = {};\n        /**\n         * @internal\n         */\n        this.contextWindow = window;\n        this.updatePoint = () => {\n            if (!(this.lastMoveEvent && this.lastMoveEventInfo))\n                return;\n            const info = getPanInfo(this.lastMoveEventInfo, this.history);\n            const isPanStarted = this.startEvent !== null;\n            // Only start panning if the offset is larger than 3 pixels. If we make it\n            // any larger than this we'll want to reset the pointer history\n            // on the first update to avoid visual snapping to the cursoe.\n            const isDistancePastThreshold = distance2D(info.offset, { x: 0, y: 0 }) >= 3;\n            if (!isPanStarted && !isDistancePastThreshold)\n                return;\n            const { point } = info;\n            const { timestamp } = frameData;\n            this.history.push({ ...point, timestamp });\n            const { onStart, onMove } = this.handlers;\n            if (!isPanStarted) {\n                onStart && onStart(this.lastMoveEvent, info);\n                this.startEvent = this.lastMoveEvent;\n            }\n            onMove && onMove(this.lastMoveEvent, info);\n        };\n        this.handlePointerMove = (event, info) => {\n            this.lastMoveEvent = event;\n            this.lastMoveEventInfo = transformPoint(info, this.transformPagePoint);\n            // Throttle mouse move event to once per frame\n            frame.update(this.updatePoint, true);\n        };\n        this.handlePointerUp = (event, info) => {\n            this.end();\n            const { onEnd, onSessionEnd, resumeAnimation } = this.handlers;\n            if (this.dragSnapToOrigin)\n                resumeAnimation && resumeAnimation();\n            if (!(this.lastMoveEvent && this.lastMoveEventInfo))\n                return;\n            const panInfo = getPanInfo(event.type === \"pointercancel\"\n                ? this.lastMoveEventInfo\n                : transformPoint(info, this.transformPagePoint), this.history);\n            if (this.startEvent && onEnd) {\n                onEnd(event, panInfo);\n            }\n            onSessionEnd && onSessionEnd(event, panInfo);\n        };\n        // If we have more than one touch, don't start detecting this gesture\n        if (!isPrimaryPointer(event))\n            return;\n        this.dragSnapToOrigin = dragSnapToOrigin;\n        this.handlers = handlers;\n        this.transformPagePoint = transformPagePoint;\n        this.contextWindow = contextWindow || window;\n        const info = extractEventInfo(event);\n        const initialInfo = transformPoint(info, this.transformPagePoint);\n        const { point } = initialInfo;\n        const { timestamp } = frameData;\n        this.history = [{ ...point, timestamp }];\n        const { onSessionStart } = handlers;\n        onSessionStart &&\n            onSessionStart(event, getPanInfo(initialInfo, this.history));\n        this.removeListeners = pipe(addPointerEvent(this.contextWindow, \"pointermove\", this.handlePointerMove), addPointerEvent(this.contextWindow, \"pointerup\", this.handlePointerUp), addPointerEvent(this.contextWindow, \"pointercancel\", this.handlePointerUp));\n    }\n    updateHandlers(handlers) {\n        this.handlers = handlers;\n    }\n    end() {\n        this.removeListeners && this.removeListeners();\n        cancelFrame(this.updatePoint);\n    }\n}\nfunction transformPoint(info, transformPagePoint) {\n    return transformPagePoint ? { point: transformPagePoint(info.point) } : info;\n}\nfunction subtractPoint(a, b) {\n    return { x: a.x - b.x, y: a.y - b.y };\n}\nfunction getPanInfo({ point }, history) {\n    return {\n        point,\n        delta: subtractPoint(point, lastDevicePoint(history)),\n        offset: subtractPoint(point, startDevicePoint(history)),\n        velocity: getVelocity(history, 0.1),\n    };\n}\nfunction startDevicePoint(history) {\n    return history[0];\n}\nfunction lastDevicePoint(history) {\n    return history[history.length - 1];\n}\nfunction getVelocity(history, timeDelta) {\n    if (history.length < 2) {\n        return { x: 0, y: 0 };\n    }\n    let i = history.length - 1;\n    let timestampedPoint = null;\n    const lastPoint = lastDevicePoint(history);\n    while (i >= 0) {\n        timestampedPoint = history[i];\n        if (lastPoint.timestamp - timestampedPoint.timestamp >\n            secondsToMilliseconds(timeDelta)) {\n            break;\n        }\n        i--;\n    }\n    if (!timestampedPoint) {\n        return { x: 0, y: 0 };\n    }\n    const time = millisecondsToSeconds(lastPoint.timestamp - timestampedPoint.timestamp);\n    if (time === 0) {\n        return { x: 0, y: 0 };\n    }\n    const currentVelocity = {\n        x: (lastPoint.x - timestampedPoint.x) / time,\n        y: (lastPoint.y - timestampedPoint.y) / time,\n    };\n    if (currentVelocity.x === Infinity) {\n        currentVelocity.x = 0;\n    }\n    if (currentVelocity.y === Infinity) {\n        currentVelocity.y = 0;\n    }\n    return currentVelocity;\n}\n\nexport { PanSession };\n"],"names":["PanSession","event","handlers","transformPagePoint","contextWindow","dragSnapToOrigin","info","getPanInfo","isPanStarted","isDistancePastThreshold","distance2D","point","timestamp","frameData","onStart","onMove","transformPoint","frame","onEnd","onSessionEnd","resumeAnimation","panInfo","isPrimaryPointer","extractEventInfo","initialInfo","onSessionStart","pipe","addPointerEvent","cancelFrame","subtractPoint","a","b","history","lastDevicePoint","startDevicePoint","getVelocity","timeDelta","i","timestampedPoint","lastPoint","secondsToMilliseconds","time","millisecondsToSeconds","currentVelocity"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra856.cjs","sources":["../node_modules/framer-motion/dist/es/render/svg/use-props.mjs"],"sourcesContent":["import { useMemo } from 'react';\nimport { copyRawValuesOnly } from '../html/use-props.mjs';\nimport { buildSVGAttrs } from './utils/build-attrs.mjs';\nimport { createSvgRenderState } from './utils/create-render-state.mjs';\nimport { isSVGTag } from './utils/is-svg-tag.mjs';\n\nfunction useSVGProps(props, visualState, _isStatic, Component) {\n    const visualProps = useMemo(() => {\n        const state = createSvgRenderState();\n        buildSVGAttrs(state, visualState, { enableHardwareAcceleration: false }, isSVGTag(Component), props.transformTemplate);\n        return {\n            ...state.attrs,\n            style: { ...state.style },\n        };\n    }, [visualState]);\n    if (props.style) {\n        const rawStyles = {};\n        copyRawValuesOnly(rawStyles, props.style, props);\n        visualProps.style = { ...rawStyles, ...visualProps.style };\n    }\n    return visualProps;\n}\n\nexport { useSVGProps };\n"],"names":["useSVGProps","props","visualState","_isStatic","Component","visualProps","useMemo","state","createSvgRenderState","buildSVGAttrs","isSVGTag","rawStyles","copyRawValuesOnly"],"mappings":"qNAMA,SAASA,EAAYC,EAAOC,EAAaC,EAAWC,EAAW,CAC3D,MAAMC,EAAcC,EAAAA,QAAQ,IAAM,CAC9B,MAAMC,EAAQC,EAAAA,uBACdC,OAAAA,EAAAA,cAAcF,EAAOL,EAAa,CAAE,2BAA4B,IAASQ,EAAAA,SAASN,CAAS,EAAGH,EAAM,iBAAiB,EAC9G,CACH,GAAGM,EAAM,MACT,MAAO,CAAE,GAAGA,EAAM,KAAO,CACrC,CACA,EAAO,CAACL,CAAW,CAAC,EAChB,GAAID,EAAM,MAAO,CACb,MAAMU,EAAY,CAAA,EAClBC,EAAAA,kBAAkBD,EAAWV,EAAM,MAAOA,CAAK,EAC/CI,EAAY,MAAQ,CAAE,GAAGM,EAAW,GAAGN,EAAY,MACtD,CACD,OAAOA,CACX","x_google_ignoreList":[0]}

package/dist/lyra856.js

@@ -1,84 +1,22 @@
-import { extractEventInfo as w } from "./lyra775.js";
-import { secondsToMilliseconds as S, millisecondsToSeconds as D } from "./lyra723.js";
-import { addPointerEvent as d } from "./lyra773.js";
-import { pipe as T } from "./lyra746.js";
-import { distance2D as W } from "./lyra756.js";
-import { isPrimaryPointer as L } from "./lyra776.js";
-import { frame as U, cancelFrame as O, frameData as x } from "./lyra713.js";
-class B {
-  constructor(n, o, { transformPagePoint: e, contextWindow: r, dragSnapToOrigin: h = !1 } = {}) {
-    if (this.startEvent = null, this.lastMoveEvent = null, this.lastMoveEventInfo = null, this.handlers = {}, this.contextWindow = window, this.updatePoint = () => {
-      if (!(this.lastMoveEvent && this.lastMoveEventInfo))
-        return;
-      const i = p(this.lastMoveEventInfo, this.history), a = this.startEvent !== null, c = W(i.offset, { x: 0, y: 0 }) >= 3;
-      if (!a && !c)
-        return;
-      const { point: f } = i, { timestamp: m } = x;
-      this.history.push({ ...f, timestamp: m });
-      const { onStart: l, onMove: E } = this.handlers;
-      a || (l && l(this.lastMoveEvent, i), this.startEvent = this.lastMoveEvent), E && E(this.lastMoveEvent, i);
-    }, this.handlePointerMove = (i, a) => {
-      this.lastMoveEvent = i, this.lastMoveEventInfo = v(a, this.transformPagePoint), U.update(this.updatePoint, !0);
-    }, this.handlePointerUp = (i, a) => {
-      this.end();
-      const { onEnd: c, onSessionEnd: f, resumeAnimation: m } = this.handlers;
-      if (this.dragSnapToOrigin && m && m(), !(this.lastMoveEvent && this.lastMoveEventInfo))
-        return;
-      const l = p(i.type === "pointercancel" ? this.lastMoveEventInfo : v(a, this.transformPagePoint), this.history);
-      this.startEvent && c && c(i, l), f && f(i, l);
-    }, !L(n))
-      return;
-    this.dragSnapToOrigin = h, this.handlers = o, this.transformPagePoint = e, this.contextWindow = r || window;
-    const s = w(n), u = v(s, this.transformPagePoint), { point: g } = u, { timestamp: I } = x;
-    this.history = [{ ...g, timestamp: I }];
-    const { onSessionStart: P } = o;
-    P && P(n, p(u, this.history)), this.removeListeners = T(d(this.contextWindow, "pointermove", this.handlePointerMove), d(this.contextWindow, "pointerup", this.handlePointerUp), d(this.contextWindow, "pointercancel", this.handlePointerUp));
+import { useMemo as a } from "react";
+import { copyRawValuesOnly as l } from "./lyra855.js";
+import { buildSVGAttrs as m } from "./lyra860.js";
+import { createSvgRenderState as i } from "./lyra859.js";
+import { isSVGTag as n } from "./lyra861.js";
+function V(e, s, c, o) {
+  const r = a(() => {
+    const t = i();
+    return m(t, s, { enableHardwareAcceleration: !1 }, n(o), e.transformTemplate), {
+      ...t.attrs,
+      style: { ...t.style }
+    };
+  }, [s]);
+  if (e.style) {
+    const t = {};
+    l(t, e.style, e), r.style = { ...t, ...r.style };
   }
-  updateHandlers(n) {
-    this.handlers = n;
-  }
-  end() {
-    this.removeListeners && this.removeListeners(), O(this.updatePoint);
-  }
-}
-function v(t, n) {
-  return n ? { point: n(t.point) } : t;
-}
-function y(t, n) {
-  return { x: t.x - n.x, y: t.y - n.y };
-}
-function p({ point: t }, n) {
-  return {
-    point: t,
-    delta: y(t, M(n)),
-    offset: y(t, V(n)),
-    velocity: b(n, 0.1)
-  };
-}
-function V(t) {
-  return t[0];
-}
-function M(t) {
-  return t[t.length - 1];
-}
-function b(t, n) {
-  if (t.length < 2)
-    return { x: 0, y: 0 };
-  let o = t.length - 1, e = null;
-  const r = M(t);
-  for (; o >= 0 && (e = t[o], !(r.timestamp - e.timestamp > S(n))); )
-    o--;
-  if (!e)
-    return { x: 0, y: 0 };
-  const h = D(r.timestamp - e.timestamp);
-  if (h === 0)
-    return { x: 0, y: 0 };
-  const s = {
-    x: (r.x - e.x) / h,
-    y: (r.y - e.y) / h
-  };
-  return s.x === 1 / 0 && (s.x = 0), s.y === 1 / 0 && (s.y = 0), s;
+  return r;
 }
 export {
-  B as PanSession
+  V as useSVGProps
 };

package/dist/lyra856.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra856.js","sources":["../node_modules/framer-motion/dist/es/gestures/pan/PanSession.mjs"],"sourcesContent":["import { extractEventInfo } from '../../events/event-info.mjs';\nimport { secondsToMilliseconds, millisecondsToSeconds } from '../../utils/time-conversion.mjs';\nimport { addPointerEvent } from '../../events/add-pointer-event.mjs';\nimport { pipe } from '../../utils/pipe.mjs';\nimport { distance2D } from '../../utils/distance.mjs';\nimport { isPrimaryPointer } from '../../events/utils/is-primary-pointer.mjs';\nimport { frame, cancelFrame, frameData } from '../../frameloop/frame.mjs';\n\n/**\n * @internal\n */\nclass PanSession {\n    constructor(event, handlers, { transformPagePoint, contextWindow, dragSnapToOrigin = false } = {}) {\n        /**\n         * @internal\n         */\n        this.startEvent = null;\n        /**\n         * @internal\n         */\n        this.lastMoveEvent = null;\n        /**\n         * @internal\n         */\n        this.lastMoveEventInfo = null;\n        /**\n         * @internal\n         */\n        this.handlers = {};\n        /**\n         * @internal\n         */\n        this.contextWindow = window;\n        this.updatePoint = () => {\n            if (!(this.lastMoveEvent && this.lastMoveEventInfo))\n                return;\n            const info = getPanInfo(this.lastMoveEventInfo, this.history);\n            const isPanStarted = this.startEvent !== null;\n            // Only start panning if the offset is larger than 3 pixels. If we make it\n            // any larger than this we'll want to reset the pointer history\n            // on the first update to avoid visual snapping to the cursoe.\n            const isDistancePastThreshold = distance2D(info.offset, { x: 0, y: 0 }) >= 3;\n            if (!isPanStarted && !isDistancePastThreshold)\n                return;\n            const { point } = info;\n            const { timestamp } = frameData;\n            this.history.push({ ...point, timestamp });\n            const { onStart, onMove } = this.handlers;\n            if (!isPanStarted) {\n                onStart && onStart(this.lastMoveEvent, info);\n                this.startEvent = this.lastMoveEvent;\n            }\n            onMove && onMove(this.lastMoveEvent, info);\n        };\n        this.handlePointerMove = (event, info) => {\n            this.lastMoveEvent = event;\n            this.lastMoveEventInfo = transformPoint(info, this.transformPagePoint);\n            // Throttle mouse move event to once per frame\n            frame.update(this.updatePoint, true);\n        };\n        this.handlePointerUp = (event, info) => {\n            this.end();\n            const { onEnd, onSessionEnd, resumeAnimation } = this.handlers;\n            if (this.dragSnapToOrigin)\n                resumeAnimation && resumeAnimation();\n            if (!(this.lastMoveEvent && this.lastMoveEventInfo))\n                return;\n            const panInfo = getPanInfo(event.type === \"pointercancel\"\n                ? this.lastMoveEventInfo\n                : transformPoint(info, this.transformPagePoint), this.history);\n            if (this.startEvent && onEnd) {\n                onEnd(event, panInfo);\n            }\n            onSessionEnd && onSessionEnd(event, panInfo);\n        };\n        // If we have more than one touch, don't start detecting this gesture\n        if (!isPrimaryPointer(event))\n            return;\n        this.dragSnapToOrigin = dragSnapToOrigin;\n        this.handlers = handlers;\n        this.transformPagePoint = transformPagePoint;\n        this.contextWindow = contextWindow || window;\n        const info = extractEventInfo(event);\n        const initialInfo = transformPoint(info, this.transformPagePoint);\n        const { point } = initialInfo;\n        const { timestamp } = frameData;\n        this.history = [{ ...point, timestamp }];\n        const { onSessionStart } = handlers;\n        onSessionStart &&\n            onSessionStart(event, getPanInfo(initialInfo, this.history));\n        this.removeListeners = pipe(addPointerEvent(this.contextWindow, \"pointermove\", this.handlePointerMove), addPointerEvent(this.contextWindow, \"pointerup\", this.handlePointerUp), addPointerEvent(this.contextWindow, \"pointercancel\", this.handlePointerUp));\n    }\n    updateHandlers(handlers) {\n        this.handlers = handlers;\n    }\n    end() {\n        this.removeListeners && this.removeListeners();\n        cancelFrame(this.updatePoint);\n    }\n}\nfunction transformPoint(info, transformPagePoint) {\n    return transformPagePoint ? { point: transformPagePoint(info.point) } : info;\n}\nfunction subtractPoint(a, b) {\n    return { x: a.x - b.x, y: a.y - b.y };\n}\nfunction getPanInfo({ point }, history) {\n    return {\n        point,\n        delta: subtractPoint(point, lastDevicePoint(history)),\n        offset: subtractPoint(point, startDevicePoint(history)),\n        velocity: getVelocity(history, 0.1),\n    };\n}\nfunction startDevicePoint(history) {\n    return history[0];\n}\nfunction lastDevicePoint(history) {\n    return history[history.length - 1];\n}\nfunction getVelocity(history, timeDelta) {\n    if (history.length < 2) {\n        return { x: 0, y: 0 };\n    }\n    let i = history.length - 1;\n    let timestampedPoint = null;\n    const lastPoint = lastDevicePoint(history);\n    while (i >= 0) {\n        timestampedPoint = history[i];\n        if (lastPoint.timestamp - timestampedPoint.timestamp >\n            secondsToMilliseconds(timeDelta)) {\n            break;\n        }\n        i--;\n    }\n    if (!timestampedPoint) {\n        return { x: 0, y: 0 };\n    }\n    const time = millisecondsToSeconds(lastPoint.timestamp - timestampedPoint.timestamp);\n    if (time === 0) {\n        return { x: 0, y: 0 };\n    }\n    const currentVelocity = {\n        x: (lastPoint.x - timestampedPoint.x) / time,\n        y: (lastPoint.y - timestampedPoint.y) / time,\n    };\n    if (currentVelocity.x === Infinity) {\n        currentVelocity.x = 0;\n    }\n    if (currentVelocity.y === Infinity) {\n        currentVelocity.y = 0;\n    }\n    return currentVelocity;\n}\n\nexport { PanSession };\n"],"names":["PanSession","event","handlers","transformPagePoint","contextWindow","dragSnapToOrigin","info","getPanInfo","isPanStarted","isDistancePastThreshold","distance2D","point","timestamp","frameData","onStart","onMove","transformPoint","frame","onEnd","onSessionEnd","resumeAnimation","panInfo","isPrimaryPointer","extractEventInfo","initialInfo","onSessionStart","pipe","addPointerEvent","cancelFrame","subtractPoint","a","b","history","lastDevicePoint","startDevicePoint","getVelocity","timeDelta","i","timestampedPoint","lastPoint","secondsToMilliseconds","time","millisecondsToSeconds","currentVelocity"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra856.js","sources":["../node_modules/framer-motion/dist/es/render/svg/use-props.mjs"],"sourcesContent":["import { useMemo } from 'react';\nimport { copyRawValuesOnly } from '../html/use-props.mjs';\nimport { buildSVGAttrs } from './utils/build-attrs.mjs';\nimport { createSvgRenderState } from './utils/create-render-state.mjs';\nimport { isSVGTag } from './utils/is-svg-tag.mjs';\n\nfunction useSVGProps(props, visualState, _isStatic, Component) {\n    const visualProps = useMemo(() => {\n        const state = createSvgRenderState();\n        buildSVGAttrs(state, visualState, { enableHardwareAcceleration: false }, isSVGTag(Component), props.transformTemplate);\n        return {\n            ...state.attrs,\n            style: { ...state.style },\n        };\n    }, [visualState]);\n    if (props.style) {\n        const rawStyles = {};\n        copyRawValuesOnly(rawStyles, props.style, props);\n        visualProps.style = { ...rawStyles, ...visualProps.style };\n    }\n    return visualProps;\n}\n\nexport { useSVGProps };\n"],"names":["useSVGProps","props","visualState","_isStatic","Component","visualProps","useMemo","state","createSvgRenderState","buildSVGAttrs","isSVGTag","rawStyles","copyRawValuesOnly"],"mappings":";;;;;AAMA,SAASA,EAAYC,GAAOC,GAAaC,GAAWC,GAAW;AAC3D,QAAMC,IAAcC,EAAQ,MAAM;AAC9B,UAAMC,IAAQC;AACd,WAAAC,EAAcF,GAAOL,GAAa,EAAE,4BAA4B,MAASQ,EAASN,CAAS,GAAGH,EAAM,iBAAiB,GAC9G;AAAA,MACH,GAAGM,EAAM;AAAA,MACT,OAAO,EAAE,GAAGA,EAAM,MAAO;AAAA,IACrC;AAAA,EACA,GAAO,CAACL,CAAW,CAAC;AAChB,MAAID,EAAM,OAAO;AACb,UAAMU,IAAY,CAAA;AAClB,IAAAC,EAAkBD,GAAWV,EAAM,OAAOA,CAAK,GAC/CI,EAAY,QAAQ,EAAE,GAAGM,GAAW,GAAGN,EAAY;EACtD;AACD,SAAOA;AACX;","x_google_ignoreList":[0]}

package/dist/lyra857.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=({current:e})=>e?e.ownerDocument.defaultView:null;exports.getContextWindow=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra736.cjs"),n=require("./lyra873.cjs"),a=require("./lyra876.cjs");function c(t,r,i,s){n.renderHTML(t,r,void 0,s);for(const e in r.attrs)t.setAttribute(a.camelCaseAttributes.has(e)?e:o.camelToDash(e),r.attrs[e])}exports.renderSVG=c;

package/dist/lyra857.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra857.cjs","sources":["../node_modules/framer-motion/dist/es/utils/get-context-window.mjs"],"sourcesContent":["// Fixes https://github.com/framer/motion/issues/2270\nconst getContextWindow = ({ current }) => {\n    return current ? current.ownerDocument.defaultView : null;\n};\n\nexport { getContextWindow };\n"],"names":["getContextWindow","current"],"mappings":"gFACK,MAACA,EAAmB,CAAC,CAAE,QAAAC,KACjBA,EAAUA,EAAQ,cAAc,YAAc","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra857.cjs","sources":["../node_modules/framer-motion/dist/es/render/svg/utils/render.mjs"],"sourcesContent":["import { camelToDash } from '../../dom/utils/camel-to-dash.mjs';\nimport { renderHTML } from '../../html/utils/render.mjs';\nimport { camelCaseAttributes } from './camel-case-attrs.mjs';\n\nfunction renderSVG(element, renderState, _styleProp, projection) {\n    renderHTML(element, renderState, undefined, projection);\n    for (const key in renderState.attrs) {\n        element.setAttribute(!camelCaseAttributes.has(key) ? camelToDash(key) : key, renderState.attrs[key]);\n    }\n}\n\nexport { renderSVG };\n"],"names":["renderSVG","element","renderState","_styleProp","projection","renderHTML","key","camelCaseAttributes","camelToDash"],"mappings":"uKAIA,SAASA,EAAUC,EAASC,EAAaC,EAAYC,EAAY,CAC7DC,EAAAA,WAAWJ,EAASC,EAAa,OAAWE,CAAU,EACtD,UAAWE,KAAOJ,EAAY,MAC1BD,EAAQ,aAAcM,EAAmB,oBAAC,IAAID,CAAG,EAAuBA,EAAnBE,EAAAA,YAAYF,CAAG,EAASJ,EAAY,MAAMI,CAAG,CAAC,CAE3G","x_google_ignoreList":[0]}

package/dist/lyra857.js

@@ -1,4 +1,11 @@
-const t = ({ current: e }) => e ? e.ownerDocument.defaultView : null;
+import { camelToDash as i } from "./lyra736.js";
+import { renderHTML as m } from "./lyra873.js";
+import { camelCaseAttributes as e } from "./lyra876.js";
+function c(o, t, f, s) {
+  m(o, t, void 0, s);
+  for (const r in t.attrs)
+    o.setAttribute(e.has(r) ? r : i(r), t.attrs[r]);
+}
 export {
-  t as getContextWindow
+  c as renderSVG
 };

package/dist/lyra857.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra857.js","sources":["../node_modules/framer-motion/dist/es/utils/get-context-window.mjs"],"sourcesContent":["// Fixes https://github.com/framer/motion/issues/2270\nconst getContextWindow = ({ current }) => {\n    return current ? current.ownerDocument.defaultView : null;\n};\n\nexport { getContextWindow };\n"],"names":["getContextWindow","current"],"mappings":"AACK,MAACA,IAAmB,CAAC,EAAE,SAAAC,QACjBA,IAAUA,EAAQ,cAAc,cAAc;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra857.js","sources":["../node_modules/framer-motion/dist/es/render/svg/utils/render.mjs"],"sourcesContent":["import { camelToDash } from '../../dom/utils/camel-to-dash.mjs';\nimport { renderHTML } from '../../html/utils/render.mjs';\nimport { camelCaseAttributes } from './camel-case-attrs.mjs';\n\nfunction renderSVG(element, renderState, _styleProp, projection) {\n    renderHTML(element, renderState, undefined, projection);\n    for (const key in renderState.attrs) {\n        element.setAttribute(!camelCaseAttributes.has(key) ? camelToDash(key) : key, renderState.attrs[key]);\n    }\n}\n\nexport { renderSVG };\n"],"names":["renderSVG","element","renderState","_styleProp","projection","renderHTML","key","camelCaseAttributes","camelToDash"],"mappings":";;;AAIA,SAASA,EAAUC,GAASC,GAAaC,GAAYC,GAAY;AAC7D,EAAAC,EAAWJ,GAASC,GAAa,QAAWE,CAAU;AACtD,aAAWE,KAAOJ,EAAY;AAC1B,IAAAD,EAAQ,aAAcM,EAAoB,IAAID,CAAG,IAAuBA,IAAnBE,EAAYF,CAAG,GAASJ,EAAY,MAAMI,CAAG,CAAC;AAE3G;","x_google_ignoreList":[0]}

package/dist/lyra858.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={hasAnimatedSinceResize:!0,hasEverUpdated:!1};exports.globalProjectionState=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra675.cjs"),i=require("./lyra862.cjs"),a=require("./lyra703.cjs");function u(o,r){const t=i.scrapeMotionValuesFromProps(o,r);for(const e in o)if(n.isMotionValue(o[e])||n.isMotionValue(r[e])){const s=a.transformPropOrder.indexOf(e)!==-1?"attr"+e.charAt(0).toUpperCase()+e.substring(1):e;t[s]=o[e]}return t}exports.scrapeMotionValuesFromProps=u;

package/dist/lyra858.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra858.cjs","sources":["../node_modules/framer-motion/dist/es/projection/node/state.mjs"],"sourcesContent":["/**\n * This should only ever be modified on the client otherwise it'll\n * persist through server requests. If we need instanced states we\n * could lazy-init via root.\n */\nconst globalProjectionState = {\n    /**\n     * Global flag as to whether the tree has animated since the last time\n     * we resized the window\n     */\n    hasAnimatedSinceResize: true,\n    /**\n     * We set this to true once, on the first update. Any nodes added to the tree beyond that\n     * update will be given a `data-projection-id` attribute.\n     */\n    hasEverUpdated: false,\n};\n\nexport { globalProjectionState };\n"],"names":["globalProjectionState"],"mappings":"gFAKK,MAACA,EAAwB,CAK1B,uBAAwB,GAKxB,eAAgB,EACpB","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra858.cjs","sources":["../node_modules/framer-motion/dist/es/render/svg/utils/scrape-motion-values.mjs"],"sourcesContent":["import { isMotionValue } from '../../../value/utils/is-motion-value.mjs';\nimport { scrapeMotionValuesFromProps as scrapeMotionValuesFromProps$1 } from '../../html/utils/scrape-motion-values.mjs';\nimport { transformPropOrder } from '../../html/utils/transform.mjs';\n\nfunction scrapeMotionValuesFromProps(props, prevProps) {\n    const newValues = scrapeMotionValuesFromProps$1(props, prevProps);\n    for (const key in props) {\n        if (isMotionValue(props[key]) || isMotionValue(prevProps[key])) {\n            const targetKey = transformPropOrder.indexOf(key) !== -1\n                ? \"attr\" + key.charAt(0).toUpperCase() + key.substring(1)\n                : key;\n            newValues[targetKey] = props[key];\n        }\n    }\n    return newValues;\n}\n\nexport { scrapeMotionValuesFromProps };\n"],"names":["scrapeMotionValuesFromProps","props","prevProps","newValues","scrapeMotionValuesFromProps$1","key","isMotionValue","targetKey","transformPropOrder"],"mappings":"uKAIA,SAASA,EAA4BC,EAAOC,EAAW,CACnD,MAAMC,EAAYC,EAAAA,4BAA8BH,EAAOC,CAAS,EAChE,UAAWG,KAAOJ,EACd,GAAIK,EAAa,cAACL,EAAMI,CAAG,CAAC,GAAKC,EAAAA,cAAcJ,EAAUG,CAAG,CAAC,EAAG,CAC5D,MAAME,EAAYC,EAAkB,mBAAC,QAAQH,CAAG,IAAM,GAChD,OAASA,EAAI,OAAO,CAAC,EAAE,cAAgBA,EAAI,UAAU,CAAC,EACtDA,EACNF,EAAUI,CAAS,EAAIN,EAAMI,CAAG,CACnC,CAEL,OAAOF,CACX","x_google_ignoreList":[0]}

package/dist/lyra858.js

@@ -1,15 +1,15 @@
-const e = {
-  /**
-   * Global flag as to whether the tree has animated since the last time
-   * we resized the window
-   */
-  hasAnimatedSinceResize: !0,
-  /**
-   * We set this to true once, on the first update. Any nodes added to the tree beyond that
-   * update will be given a `data-projection-id` attribute.
-   */
-  hasEverUpdated: !1
-};
+import { isMotionValue as n } from "./lyra675.js";
+import { scrapeMotionValuesFromProps as a } from "./lyra862.js";
+import { transformPropOrder as i } from "./lyra703.js";
+function u(r, t) {
+  const e = a(r, t);
+  for (const o in r)
+    if (n(r[o]) || n(t[o])) {
+      const s = i.indexOf(o) !== -1 ? "attr" + o.charAt(0).toUpperCase() + o.substring(1) : o;
+      e[s] = r[o];
+    }
+  return e;
+}
 export {
-  e as globalProjectionState
+  u as scrapeMotionValuesFromProps
 };

package/dist/lyra858.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra858.js","sources":["../node_modules/framer-motion/dist/es/projection/node/state.mjs"],"sourcesContent":["/**\n * This should only ever be modified on the client otherwise it'll\n * persist through server requests. If we need instanced states we\n * could lazy-init via root.\n */\nconst globalProjectionState = {\n    /**\n     * Global flag as to whether the tree has animated since the last time\n     * we resized the window\n     */\n    hasAnimatedSinceResize: true,\n    /**\n     * We set this to true once, on the first update. Any nodes added to the tree beyond that\n     * update will be given a `data-projection-id` attribute.\n     */\n    hasEverUpdated: false,\n};\n\nexport { globalProjectionState };\n"],"names":["globalProjectionState"],"mappings":"AAKK,MAACA,IAAwB;AAAA;AAAA;AAAA;AAAA;AAAA,EAK1B,wBAAwB;AAAA;AAAA;AAAA;AAAA;AAAA,EAKxB,gBAAgB;AACpB;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra858.js","sources":["../node_modules/framer-motion/dist/es/render/svg/utils/scrape-motion-values.mjs"],"sourcesContent":["import { isMotionValue } from '../../../value/utils/is-motion-value.mjs';\nimport { scrapeMotionValuesFromProps as scrapeMotionValuesFromProps$1 } from '../../html/utils/scrape-motion-values.mjs';\nimport { transformPropOrder } from '../../html/utils/transform.mjs';\n\nfunction scrapeMotionValuesFromProps(props, prevProps) {\n    const newValues = scrapeMotionValuesFromProps$1(props, prevProps);\n    for (const key in props) {\n        if (isMotionValue(props[key]) || isMotionValue(prevProps[key])) {\n            const targetKey = transformPropOrder.indexOf(key) !== -1\n                ? \"attr\" + key.charAt(0).toUpperCase() + key.substring(1)\n                : key;\n            newValues[targetKey] = props[key];\n        }\n    }\n    return newValues;\n}\n\nexport { scrapeMotionValuesFromProps };\n"],"names":["scrapeMotionValuesFromProps","props","prevProps","newValues","scrapeMotionValuesFromProps$1","key","isMotionValue","targetKey","transformPropOrder"],"mappings":";;;AAIA,SAASA,EAA4BC,GAAOC,GAAW;AACnD,QAAMC,IAAYC,EAA8BH,GAAOC,CAAS;AAChE,aAAWG,KAAOJ;AACd,QAAIK,EAAcL,EAAMI,CAAG,CAAC,KAAKC,EAAcJ,EAAUG,CAAG,CAAC,GAAG;AAC5D,YAAME,IAAYC,EAAmB,QAAQH,CAAG,MAAM,KAChD,SAASA,EAAI,OAAO,CAAC,EAAE,gBAAgBA,EAAI,UAAU,CAAC,IACtDA;AACN,MAAAF,EAAUI,CAAS,IAAIN,EAAMI,CAAG;AAAA,IACnC;AAEL,SAAOF;AACX;","x_google_ignoreList":[0]}

package/dist/lyra859.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./lyra734.cjs");function t(r,e){return e.max===e.min?0:r/(e.max-e.min)*100}const i={correct:(r,e)=>{if(!e.target)return r;if(typeof r=="string")if(c.px.test(r))r=parseFloat(r);else return r;const n=t(r,e.target.x),o=t(r,e.target.y);return`${n}% ${o}%`}};exports.correctBorderRadius=i;exports.pixelsToPercent=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra863.cjs"),t=()=>({...e.createHtmlRenderState(),attrs:{}});exports.createSvgRenderState=t;

package/dist/lyra859.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra859.cjs","sources":["../node_modules/framer-motion/dist/es/projection/styles/scale-border-radius.mjs"],"sourcesContent":["import { px } from '../../value/types/numbers/units.mjs';\n\nfunction pixelsToPercent(pixels, axis) {\n    if (axis.max === axis.min)\n        return 0;\n    return (pixels / (axis.max - axis.min)) * 100;\n}\n/**\n * We always correct borderRadius as a percentage rather than pixels to reduce paints.\n * For example, if you are projecting a box that is 100px wide with a 10px borderRadius\n * into a box that is 200px wide with a 20px borderRadius, that is actually a 10%\n * borderRadius in both states. If we animate between the two in pixels that will trigger\n * a paint each time. If we animate between the two in percentage we'll avoid a paint.\n */\nconst correctBorderRadius = {\n    correct: (latest, node) => {\n        if (!node.target)\n            return latest;\n        /**\n         * If latest is a string, if it's a percentage we can return immediately as it's\n         * going to be stretched appropriately. Otherwise, if it's a pixel, convert it to a number.\n         */\n        if (typeof latest === \"string\") {\n            if (px.test(latest)) {\n                latest = parseFloat(latest);\n            }\n            else {\n                return latest;\n            }\n        }\n        /**\n         * If latest is a number, it's a pixel value. We use the current viewportBox to calculate that\n         * pixel value as a percentage of each axis\n         */\n        const x = pixelsToPercent(latest, node.target.x);\n        const y = pixelsToPercent(latest, node.target.y);\n        return `${x}% ${y}%`;\n    },\n};\n\nexport { correctBorderRadius, pixelsToPercent };\n"],"names":["pixelsToPercent","pixels","axis","correctBorderRadius","latest","node","px","x","y"],"mappings":"iHAEA,SAASA,EAAgBC,EAAQC,EAAM,CACnC,OAAIA,EAAK,MAAQA,EAAK,IACX,EACHD,GAAUC,EAAK,IAAMA,EAAK,KAAQ,GAC9C,CAQK,MAACC,EAAsB,CACxB,QAAS,CAACC,EAAQC,IAAS,CACvB,GAAI,CAACA,EAAK,OACN,OAAOD,EAKX,GAAI,OAAOA,GAAW,SAClB,GAAIE,EAAE,GAAC,KAAKF,CAAM,EACdA,EAAS,WAAWA,CAAM,MAG1B,QAAOA,EAOf,MAAMG,EAAIP,EAAgBI,EAAQC,EAAK,OAAO,CAAC,EACzCG,EAAIR,EAAgBI,EAAQC,EAAK,OAAO,CAAC,EAC/C,MAAO,GAAGE,CAAC,KAAKC,CAAC,GACpB,CACL","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra859.cjs","sources":["../node_modules/framer-motion/dist/es/render/svg/utils/create-render-state.mjs"],"sourcesContent":["import { createHtmlRenderState } from '../../html/utils/create-render-state.mjs';\n\nconst createSvgRenderState = () => ({\n    ...createHtmlRenderState(),\n    attrs: {},\n});\n\nexport { createSvgRenderState };\n"],"names":["createSvgRenderState","createHtmlRenderState"],"mappings":"iHAEMA,EAAuB,KAAO,CAChC,GAAGC,wBAAuB,EAC1B,MAAO,CAAE,CACb","x_google_ignoreList":[0]}

package/dist/lyra859.js

@@ -1,21 +1,8 @@
-import { px as c } from "./lyra734.js";
-function e(r, n) {
-  return n.max === n.min ? 0 : r / (n.max - n.min) * 100;
-}
-const f = {
-  correct: (r, n) => {
-    if (!n.target)
-      return r;
-    if (typeof r == "string")
-      if (c.test(r))
-        r = parseFloat(r);
-      else
-        return r;
-    const o = e(r, n.target.x), t = e(r, n.target.y);
-    return `${o}% ${t}%`;
-  }
-};
+import { createHtmlRenderState as t } from "./lyra863.js";
+const r = () => ({
+  ...t(),
+  attrs: {}
+});
 export {
-  f as correctBorderRadius,
-  e as pixelsToPercent
+  r as createSvgRenderState
 };

package/dist/lyra859.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra859.js","sources":["../node_modules/framer-motion/dist/es/projection/styles/scale-border-radius.mjs"],"sourcesContent":["import { px } from '../../value/types/numbers/units.mjs';\n\nfunction pixelsToPercent(pixels, axis) {\n    if (axis.max === axis.min)\n        return 0;\n    return (pixels / (axis.max - axis.min)) * 100;\n}\n/**\n * We always correct borderRadius as a percentage rather than pixels to reduce paints.\n * For example, if you are projecting a box that is 100px wide with a 10px borderRadius\n * into a box that is 200px wide with a 20px borderRadius, that is actually a 10%\n * borderRadius in both states. If we animate between the two in pixels that will trigger\n * a paint each time. If we animate between the two in percentage we'll avoid a paint.\n */\nconst correctBorderRadius = {\n    correct: (latest, node) => {\n        if (!node.target)\n            return latest;\n        /**\n         * If latest is a string, if it's a percentage we can return immediately as it's\n         * going to be stretched appropriately. Otherwise, if it's a pixel, convert it to a number.\n         */\n        if (typeof latest === \"string\") {\n            if (px.test(latest)) {\n                latest = parseFloat(latest);\n            }\n            else {\n                return latest;\n            }\n        }\n        /**\n         * If latest is a number, it's a pixel value. We use the current viewportBox to calculate that\n         * pixel value as a percentage of each axis\n         */\n        const x = pixelsToPercent(latest, node.target.x);\n        const y = pixelsToPercent(latest, node.target.y);\n        return `${x}% ${y}%`;\n    },\n};\n\nexport { correctBorderRadius, pixelsToPercent };\n"],"names":["pixelsToPercent","pixels","axis","correctBorderRadius","latest","node","px","x","y"],"mappings":";AAEA,SAASA,EAAgBC,GAAQC,GAAM;AACnC,SAAIA,EAAK,QAAQA,EAAK,MACX,IACHD,KAAUC,EAAK,MAAMA,EAAK,OAAQ;AAC9C;AAQK,MAACC,IAAsB;AAAA,EACxB,SAAS,CAACC,GAAQC,MAAS;AACvB,QAAI,CAACA,EAAK;AACN,aAAOD;AAKX,QAAI,OAAOA,KAAW;AAClB,UAAIE,EAAG,KAAKF,CAAM;AACd,QAAAA,IAAS,WAAWA,CAAM;AAAA;AAG1B,eAAOA;AAOf,UAAMG,IAAIP,EAAgBI,GAAQC,EAAK,OAAO,CAAC,GACzCG,IAAIR,EAAgBI,GAAQC,EAAK,OAAO,CAAC;AAC/C,WAAO,GAAGE,CAAC,KAAKC,CAAC;AAAA,EACpB;AACL;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra859.js","sources":["../node_modules/framer-motion/dist/es/render/svg/utils/create-render-state.mjs"],"sourcesContent":["import { createHtmlRenderState } from '../../html/utils/create-render-state.mjs';\n\nconst createSvgRenderState = () => ({\n    ...createHtmlRenderState(),\n    attrs: {},\n});\n\nexport { createSvgRenderState };\n"],"names":["createSvgRenderState","createHtmlRenderState"],"mappings":";AAEK,MAACA,IAAuB,OAAO;AAAA,EAChC,GAAGC,EAAuB;AAAA,EAC1B,OAAO,CAAE;AACb;","x_google_ignoreList":[0]}

package/dist/lyra860.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./lyra745.cjs"),i=require("./lyra730.cjs"),x={correct:(r,{treeScale:c,projectionDelta:t})=>{const f=r,e=i.complex.parse(r);if(e.length>5)return f;const m=i.complex.createTransformer(r),o=typeof e[0]!="number"?1:0,n=t.x.scale*c.x,s=t.y.scale*c.y;e[0+o]/=n,e[1+o]/=s;const a=u.mix(n,s,.5);return typeof e[2+o]=="number"&&(e[2+o]/=a),typeof e[3+o]=="number"&&(e[3+o]/=a),m(e)}};exports.correctBoxShadow=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./lyra872.cjs"),v=require("./lyra901.cjs"),x=require("./lyra902.cjs");function G(e,{attrX:s,attrY:u,attrScale:l,originX:i,originY:r,pathLength:o,pathSpacing:t=1,pathOffset:m=0,...y},c,b,S){if(a.buildHTMLStyles(e,y,c,S),b){e.style.viewBox&&(e.attrs.viewBox=e.style.viewBox);return}e.attrs=e.style,e.style={};const{attrs:n,style:f,dimensions:d}=e;n.transform&&(d&&(f.transform=n.transform),delete n.transform),d&&(i!==void 0||r!==void 0||f.transform)&&(f.transformOrigin=v.calcSVGTransformOrigin(d,i!==void 0?i:.5,r!==void 0?r:.5)),s!==void 0&&(n.x=s),u!==void 0&&(n.y=u),l!==void 0&&(n.scale=l),o!==void 0&&x.buildSVGPath(n,o,t,m,!1)}exports.buildSVGAttrs=G;

package/dist/lyra860.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra860.cjs","sources":["../node_modules/framer-motion/dist/es/projection/styles/scale-box-shadow.mjs"],"sourcesContent":["import { mix } from '../../utils/mix.mjs';\nimport { complex } from '../../value/types/complex/index.mjs';\n\nconst correctBoxShadow = {\n    correct: (latest, { treeScale, projectionDelta }) => {\n        const original = latest;\n        const shadow = complex.parse(latest);\n        // TODO: Doesn't support multiple shadows\n        if (shadow.length > 5)\n            return original;\n        const template = complex.createTransformer(latest);\n        const offset = typeof shadow[0] !== \"number\" ? 1 : 0;\n        // Calculate the overall context scale\n        const xScale = projectionDelta.x.scale * treeScale.x;\n        const yScale = projectionDelta.y.scale * treeScale.y;\n        shadow[0 + offset] /= xScale;\n        shadow[1 + offset] /= yScale;\n        /**\n         * Ideally we'd correct x and y scales individually, but because blur and\n         * spread apply to both we have to take a scale average and apply that instead.\n         * We could potentially improve the outcome of this by incorporating the ratio between\n         * the two scales.\n         */\n        const averageScale = mix(xScale, yScale, 0.5);\n        // Blur\n        if (typeof shadow[2 + offset] === \"number\")\n            shadow[2 + offset] /= averageScale;\n        // Spread\n        if (typeof shadow[3 + offset] === \"number\")\n            shadow[3 + offset] /= averageScale;\n        return template(shadow);\n    },\n};\n\nexport { correctBoxShadow };\n"],"names":["correctBoxShadow","latest","treeScale","projectionDelta","original","shadow","complex","template","offset","xScale","yScale","averageScale","mix"],"mappings":"4IAGMA,EAAmB,CACrB,QAAS,CAACC,EAAQ,CAAE,UAAAC,EAAW,gBAAAC,CAAe,IAAO,CACjD,MAAMC,EAAWH,EACXI,EAASC,EAAAA,QAAQ,MAAML,CAAM,EAEnC,GAAII,EAAO,OAAS,EAChB,OAAOD,EACX,MAAMG,EAAWD,EAAAA,QAAQ,kBAAkBL,CAAM,EAC3CO,EAAS,OAAOH,EAAO,CAAC,GAAM,SAAW,EAAI,EAE7CI,EAASN,EAAgB,EAAE,MAAQD,EAAU,EAC7CQ,EAASP,EAAgB,EAAE,MAAQD,EAAU,EACnDG,EAAO,EAAIG,CAAM,GAAKC,EACtBJ,EAAO,EAAIG,CAAM,GAAKE,EAOtB,MAAMC,EAAeC,EAAG,IAACH,EAAQC,EAAQ,EAAG,EAE5C,OAAI,OAAOL,EAAO,EAAIG,CAAM,GAAM,WAC9BH,EAAO,EAAIG,CAAM,GAAKG,GAEtB,OAAON,EAAO,EAAIG,CAAM,GAAM,WAC9BH,EAAO,EAAIG,CAAM,GAAKG,GACnBJ,EAASF,CAAM,CACzB,CACL","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra860.cjs","sources":["../node_modules/framer-motion/dist/es/render/svg/utils/build-attrs.mjs"],"sourcesContent":["import { buildHTMLStyles } from '../../html/utils/build-styles.mjs';\nimport { calcSVGTransformOrigin } from './transform-origin.mjs';\nimport { buildSVGPath } from './path.mjs';\n\n/**\n * Build SVG visual attrbutes, like cx and style.transform\n */\nfunction buildSVGAttrs(state, { attrX, attrY, attrScale, originX, originY, pathLength, pathSpacing = 1, pathOffset = 0, \n// This is object creation, which we try to avoid per-frame.\n...latest }, options, isSVGTag, transformTemplate) {\n    buildHTMLStyles(state, latest, options, transformTemplate);\n    /**\n     * For svg tags we just want to make sure viewBox is animatable and treat all the styles\n     * as normal HTML tags.\n     */\n    if (isSVGTag) {\n        if (state.style.viewBox) {\n            state.attrs.viewBox = state.style.viewBox;\n        }\n        return;\n    }\n    state.attrs = state.style;\n    state.style = {};\n    const { attrs, style, dimensions } = state;\n    /**\n     * However, we apply transforms as CSS transforms. So if we detect a transform we take it from attrs\n     * and copy it into style.\n     */\n    if (attrs.transform) {\n        if (dimensions)\n            style.transform = attrs.transform;\n        delete attrs.transform;\n    }\n    // Parse transformOrigin\n    if (dimensions &&\n        (originX !== undefined || originY !== undefined || style.transform)) {\n        style.transformOrigin = calcSVGTransformOrigin(dimensions, originX !== undefined ? originX : 0.5, originY !== undefined ? originY : 0.5);\n    }\n    // Render attrX/attrY/attrScale as attributes\n    if (attrX !== undefined)\n        attrs.x = attrX;\n    if (attrY !== undefined)\n        attrs.y = attrY;\n    if (attrScale !== undefined)\n        attrs.scale = attrScale;\n    // Build SVG path if one has been defined\n    if (pathLength !== undefined) {\n        buildSVGPath(attrs, pathLength, pathSpacing, pathOffset, false);\n    }\n}\n\nexport { buildSVGAttrs };\n"],"names":["buildSVGAttrs","state","attrX","attrY","attrScale","originX","originY","pathLength","pathSpacing","pathOffset","latest","options","isSVGTag","transformTemplate","buildHTMLStyles","attrs","style","dimensions","calcSVGTransformOrigin","buildSVGPath"],"mappings":"uKAOA,SAASA,EAAcC,EAAO,CAAE,MAAAC,EAAO,MAAAC,EAAO,UAAAC,EAAW,QAAAC,EAAS,QAAAC,EAAS,WAAAC,EAAY,YAAAC,EAAc,EAAG,WAAAC,EAAa,EAErH,GAAGC,GAAUC,EAASC,EAAUC,EAAmB,CAM/C,GALAC,EAAAA,gBAAgBb,EAAOS,EAAQC,EAASE,CAAiB,EAKrDD,EAAU,CACNX,EAAM,MAAM,UACZA,EAAM,MAAM,QAAUA,EAAM,MAAM,SAEtC,MACH,CACDA,EAAM,MAAQA,EAAM,MACpBA,EAAM,MAAQ,GACd,KAAM,CAAE,MAAAc,EAAO,MAAAC,EAAO,WAAAC,CAAU,EAAKhB,EAKjCc,EAAM,YACFE,IACAD,EAAM,UAAYD,EAAM,WAC5B,OAAOA,EAAM,WAGbE,IACCZ,IAAY,QAAaC,IAAY,QAAaU,EAAM,aACzDA,EAAM,gBAAkBE,EAAAA,uBAAuBD,EAAYZ,IAAY,OAAYA,EAAU,GAAKC,IAAY,OAAYA,EAAU,EAAG,GAGvIJ,IAAU,SACVa,EAAM,EAAIb,GACVC,IAAU,SACVY,EAAM,EAAIZ,GACVC,IAAc,SACdW,EAAM,MAAQX,GAEdG,IAAe,QACfY,EAAY,aAACJ,EAAOR,EAAYC,EAAaC,EAAY,EAAK,CAEtE","x_google_ignoreList":[0]}

package/dist/lyra860.js

@@ -1,16 +1,26 @@
-import { mix as i } from "./lyra745.js";
-import { complex as m } from "./lyra730.js";
-const l = {
-  correct: (e, { treeScale: c, projectionDelta: t }) => {
-    const a = e, o = m.parse(e);
-    if (o.length > 5)
-      return a;
-    const p = m.createTransformer(e), r = typeof o[0] != "number" ? 1 : 0, n = t.x.scale * c.x, s = t.y.scale * c.y;
-    o[0 + r] /= n, o[1 + r] /= s;
-    const f = i(n, s, 0.5);
-    return typeof o[2 + r] == "number" && (o[2 + r] /= f), typeof o[3 + r] == "number" && (o[3 + r] /= f), p(o);
+import { buildHTMLStyles as p } from "./lyra872.js";
+import { calcSVGTransformOrigin as v } from "./lyra901.js";
+import { buildSVGPath as w } from "./lyra902.js";
+function V(f, {
+  attrX: o,
+  attrY: s,
+  attrScale: m,
+  originX: i,
+  originY: e,
+  pathLength: u,
+  pathSpacing: l = 1,
+  pathOffset: t = 0,
+  // This is object creation, which we try to avoid per-frame.
+  ...y
+}, x, c, b) {
+  if (p(f, y, x, b), c) {
+    f.style.viewBox && (f.attrs.viewBox = f.style.viewBox);
+    return;
   }
-};
+  f.attrs = f.style, f.style = {};
+  const { attrs: n, style: r, dimensions: d } = f;
+  n.transform && (d && (r.transform = n.transform), delete n.transform), d && (i !== void 0 || e !== void 0 || r.transform) && (r.transformOrigin = v(d, i !== void 0 ? i : 0.5, e !== void 0 ? e : 0.5)), o !== void 0 && (n.x = o), s !== void 0 && (n.y = s), m !== void 0 && (n.scale = m), u !== void 0 && w(n, u, l, t, !1);
+}
 export {
-  l as correctBoxShadow
+  V as buildSVGAttrs
 };

package/dist/lyra860.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra860.js","sources":["../node_modules/framer-motion/dist/es/projection/styles/scale-box-shadow.mjs"],"sourcesContent":["import { mix } from '../../utils/mix.mjs';\nimport { complex } from '../../value/types/complex/index.mjs';\n\nconst correctBoxShadow = {\n    correct: (latest, { treeScale, projectionDelta }) => {\n        const original = latest;\n        const shadow = complex.parse(latest);\n        // TODO: Doesn't support multiple shadows\n        if (shadow.length > 5)\n            return original;\n        const template = complex.createTransformer(latest);\n        const offset = typeof shadow[0] !== \"number\" ? 1 : 0;\n        // Calculate the overall context scale\n        const xScale = projectionDelta.x.scale * treeScale.x;\n        const yScale = projectionDelta.y.scale * treeScale.y;\n        shadow[0 + offset] /= xScale;\n        shadow[1 + offset] /= yScale;\n        /**\n         * Ideally we'd correct x and y scales individually, but because blur and\n         * spread apply to both we have to take a scale average and apply that instead.\n         * We could potentially improve the outcome of this by incorporating the ratio between\n         * the two scales.\n         */\n        const averageScale = mix(xScale, yScale, 0.5);\n        // Blur\n        if (typeof shadow[2 + offset] === \"number\")\n            shadow[2 + offset] /= averageScale;\n        // Spread\n        if (typeof shadow[3 + offset] === \"number\")\n            shadow[3 + offset] /= averageScale;\n        return template(shadow);\n    },\n};\n\nexport { correctBoxShadow };\n"],"names":["correctBoxShadow","latest","treeScale","projectionDelta","original","shadow","complex","template","offset","xScale","yScale","averageScale","mix"],"mappings":";;AAGK,MAACA,IAAmB;AAAA,EACrB,SAAS,CAACC,GAAQ,EAAE,WAAAC,GAAW,iBAAAC,EAAe,MAAO;AACjD,UAAMC,IAAWH,GACXI,IAASC,EAAQ,MAAML,CAAM;AAEnC,QAAII,EAAO,SAAS;AAChB,aAAOD;AACX,UAAMG,IAAWD,EAAQ,kBAAkBL,CAAM,GAC3CO,IAAS,OAAOH,EAAO,CAAC,KAAM,WAAW,IAAI,GAE7CI,IAASN,EAAgB,EAAE,QAAQD,EAAU,GAC7CQ,IAASP,EAAgB,EAAE,QAAQD,EAAU;AACnD,IAAAG,EAAO,IAAIG,CAAM,KAAKC,GACtBJ,EAAO,IAAIG,CAAM,KAAKE;AAOtB,UAAMC,IAAeC,EAAIH,GAAQC,GAAQ,GAAG;AAE5C,WAAI,OAAOL,EAAO,IAAIG,CAAM,KAAM,aAC9BH,EAAO,IAAIG,CAAM,KAAKG,IAEtB,OAAON,EAAO,IAAIG,CAAM,KAAM,aAC9BH,EAAO,IAAIG,CAAM,KAAKG,IACnBJ,EAASF,CAAM;AAAA,EACzB;AACL;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra860.js","sources":["../node_modules/framer-motion/dist/es/render/svg/utils/build-attrs.mjs"],"sourcesContent":["import { buildHTMLStyles } from '../../html/utils/build-styles.mjs';\nimport { calcSVGTransformOrigin } from './transform-origin.mjs';\nimport { buildSVGPath } from './path.mjs';\n\n/**\n * Build SVG visual attrbutes, like cx and style.transform\n */\nfunction buildSVGAttrs(state, { attrX, attrY, attrScale, originX, originY, pathLength, pathSpacing = 1, pathOffset = 0, \n// This is object creation, which we try to avoid per-frame.\n...latest }, options, isSVGTag, transformTemplate) {\n    buildHTMLStyles(state, latest, options, transformTemplate);\n    /**\n     * For svg tags we just want to make sure viewBox is animatable and treat all the styles\n     * as normal HTML tags.\n     */\n    if (isSVGTag) {\n        if (state.style.viewBox) {\n            state.attrs.viewBox = state.style.viewBox;\n        }\n        return;\n    }\n    state.attrs = state.style;\n    state.style = {};\n    const { attrs, style, dimensions } = state;\n    /**\n     * However, we apply transforms as CSS transforms. So if we detect a transform we take it from attrs\n     * and copy it into style.\n     */\n    if (attrs.transform) {\n        if (dimensions)\n            style.transform = attrs.transform;\n        delete attrs.transform;\n    }\n    // Parse transformOrigin\n    if (dimensions &&\n        (originX !== undefined || originY !== undefined || style.transform)) {\n        style.transformOrigin = calcSVGTransformOrigin(dimensions, originX !== undefined ? originX : 0.5, originY !== undefined ? originY : 0.5);\n    }\n    // Render attrX/attrY/attrScale as attributes\n    if (attrX !== undefined)\n        attrs.x = attrX;\n    if (attrY !== undefined)\n        attrs.y = attrY;\n    if (attrScale !== undefined)\n        attrs.scale = attrScale;\n    // Build SVG path if one has been defined\n    if (pathLength !== undefined) {\n        buildSVGPath(attrs, pathLength, pathSpacing, pathOffset, false);\n    }\n}\n\nexport { buildSVGAttrs };\n"],"names":["buildSVGAttrs","state","attrX","attrY","attrScale","originX","originY","pathLength","pathSpacing","pathOffset","latest","options","isSVGTag","transformTemplate","buildHTMLStyles","attrs","style","dimensions","calcSVGTransformOrigin","buildSVGPath"],"mappings":";;;AAOA,SAASA,EAAcC,GAAO;AAAA,EAAE,OAAAC;AAAA,EAAO,OAAAC;AAAA,EAAO,WAAAC;AAAA,EAAW,SAAAC;AAAA,EAAS,SAAAC;AAAA,EAAS,YAAAC;AAAA,EAAY,aAAAC,IAAc;AAAA,EAAG,YAAAC,IAAa;AAAA;AAAA,EAErH,GAAGC;GAAUC,GAASC,GAAUC,GAAmB;AAM/C,MALAC,EAAgBb,GAAOS,GAAQC,GAASE,CAAiB,GAKrDD,GAAU;AACV,IAAIX,EAAM,MAAM,YACZA,EAAM,MAAM,UAAUA,EAAM,MAAM;AAEtC;AAAA,EACH;AACD,EAAAA,EAAM,QAAQA,EAAM,OACpBA,EAAM,QAAQ;AACd,QAAM,EAAE,OAAAc,GAAO,OAAAC,GAAO,YAAAC,EAAU,IAAKhB;AAKrC,EAAIc,EAAM,cACFE,MACAD,EAAM,YAAYD,EAAM,YAC5B,OAAOA,EAAM,YAGbE,MACCZ,MAAY,UAAaC,MAAY,UAAaU,EAAM,eACzDA,EAAM,kBAAkBE,EAAuBD,GAAYZ,MAAY,SAAYA,IAAU,KAAKC,MAAY,SAAYA,IAAU,GAAG,IAGvIJ,MAAU,WACVa,EAAM,IAAIb,IACVC,MAAU,WACVY,EAAM,IAAIZ,IACVC,MAAc,WACdW,EAAM,QAAQX,IAEdG,MAAe,UACfY,EAAaJ,GAAOR,GAAYC,GAAaC,GAAY,EAAK;AAEtE;","x_google_ignoreList":[0]}

package/dist/lyra861.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=(r,e)=>e?r===e?!0:t(r,e.parentElement):!1;exports.isNodeOrChild=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=e=>typeof e=="string"&&e.toLowerCase()==="svg";exports.isSVGTag=t;

package/dist/lyra861.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra861.cjs","sources":["../node_modules/framer-motion/dist/es/gestures/utils/is-node-or-child.mjs"],"sourcesContent":["/**\n * Recursively traverse up the tree to check whether the provided child node\n * is the parent or a descendant of it.\n *\n * @param parent - Element to find\n * @param child - Element to test against parent\n */\nconst isNodeOrChild = (parent, child) => {\n    if (!child) {\n        return false;\n    }\n    else if (parent === child) {\n        return true;\n    }\n    else {\n        return isNodeOrChild(parent, child.parentElement);\n    }\n};\n\nexport { isNodeOrChild };\n"],"names":["isNodeOrChild","parent","child"],"mappings":"gFAOK,MAACA,EAAgB,CAACC,EAAQC,IACtBA,EAGID,IAAWC,EACT,GAGAF,EAAcC,EAAQC,EAAM,aAAa,EANzC","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra861.cjs","sources":["../node_modules/framer-motion/dist/es/render/svg/utils/is-svg-tag.mjs"],"sourcesContent":["const isSVGTag = (tag) => typeof tag === \"string\" && tag.toLowerCase() === \"svg\";\n\nexport { isSVGTag };\n"],"names":["isSVGTag","tag"],"mappings":"gFAAK,MAACA,EAAYC,GAAQ,OAAOA,GAAQ,UAAYA,EAAI,gBAAkB","x_google_ignoreList":[0]}

package/dist/lyra861.js

@@ -1,4 +1,4 @@
-const t = (r, e) => e ? r === e ? !0 : t(r, e.parentElement) : !1;
+const s = (o) => typeof o == "string" && o.toLowerCase() === "svg";
 export {
-  t as isNodeOrChild
+  s as isSVGTag
 };

package/dist/lyra861.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra861.js","sources":["../node_modules/framer-motion/dist/es/gestures/utils/is-node-or-child.mjs"],"sourcesContent":["/**\n * Recursively traverse up the tree to check whether the provided child node\n * is the parent or a descendant of it.\n *\n * @param parent - Element to find\n * @param child - Element to test against parent\n */\nconst isNodeOrChild = (parent, child) => {\n    if (!child) {\n        return false;\n    }\n    else if (parent === child) {\n        return true;\n    }\n    else {\n        return isNodeOrChild(parent, child.parentElement);\n    }\n};\n\nexport { isNodeOrChild };\n"],"names":["isNodeOrChild","parent","child"],"mappings":"AAOK,MAACA,IAAgB,CAACC,GAAQC,MACtBA,IAGID,MAAWC,IACT,KAGAF,EAAcC,GAAQC,EAAM,aAAa,IANzC;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra861.js","sources":["../node_modules/framer-motion/dist/es/render/svg/utils/is-svg-tag.mjs"],"sourcesContent":["const isSVGTag = (tag) => typeof tag === \"string\" && tag.toLowerCase() === \"svg\";\n\nexport { isSVGTag };\n"],"names":["isSVGTag","tag"],"mappings":"AAAK,MAACA,IAAW,CAACC,MAAQ,OAAOA,KAAQ,YAAYA,EAAI,kBAAkB;","x_google_ignoreList":[0]}