@new-black/lyra 1.0.1 → 1.0.2

package/dist/lyra868.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra868.js","sources":["../node_modules/framer-motion/dist/es/animation/animators/waapi/create-accelerated-animation.mjs"],"sourcesContent":["import { animateStyle } from './index.mjs';\nimport { isWaapiSupportedEasing } from './easing.mjs';\nimport { getFinalKeyframe } from './utils/get-final-keyframe.mjs';\nimport { animateValue } from '../js/index.mjs';\nimport { millisecondsToSeconds, secondsToMilliseconds } from '../../../utils/time-conversion.mjs';\nimport { memo } from '../../../utils/memo.mjs';\nimport { noop } from '../../../utils/noop.mjs';\nimport { frame, cancelFrame } from '../../../frameloop/frame.mjs';\n\nconst supportsWaapi = memo(() => Object.hasOwnProperty.call(Element.prototype, \"animate\"));\n/**\n * A list of values that can be hardware-accelerated.\n */\nconst acceleratedValues = new Set([\n    \"opacity\",\n    \"clipPath\",\n    \"filter\",\n    \"transform\",\n    \"backgroundColor\",\n]);\n/**\n * 10ms is chosen here as it strikes a balance between smooth\n * results (more than one keyframe per frame at 60fps) and\n * keyframe quantity.\n */\nconst sampleDelta = 10; //ms\n/**\n * Implement a practical max duration for keyframe generation\n * to prevent infinite loops\n */\nconst maxDuration = 20000;\nconst requiresPregeneratedKeyframes = (valueName, options) => options.type === \"spring\" ||\n    valueName === \"backgroundColor\" ||\n    !isWaapiSupportedEasing(options.ease);\nfunction createAcceleratedAnimation(value, valueName, { onUpdate, onComplete, ...options }) {\n    const canAccelerateAnimation = supportsWaapi() &&\n        acceleratedValues.has(valueName) &&\n        !options.repeatDelay &&\n        options.repeatType !== \"mirror\" &&\n        options.damping !== 0 &&\n        options.type !== \"inertia\";\n    if (!canAccelerateAnimation)\n        return false;\n    /**\n     * TODO: Unify with js/index\n     */\n    let hasStopped = false;\n    let resolveFinishedPromise;\n    let currentFinishedPromise;\n    /**\n     * Cancelling an animation will write to the DOM. For safety we want to defer\n     * this until the next `update` frame lifecycle. This flag tracks whether we\n     * have a pending cancel, if so we shouldn't allow animations to finish.\n     */\n    let pendingCancel = false;\n    /**\n     * Resolve the current Promise every time we enter the\n     * finished state. This is WAAPI-compatible behaviour.\n     */\n    const updateFinishedPromise = () => {\n        currentFinishedPromise = new Promise((resolve) => {\n            resolveFinishedPromise = resolve;\n        });\n    };\n    // Create the first finished promise\n    updateFinishedPromise();\n    let { keyframes, duration = 300, ease, times } = options;\n    /**\n     * If this animation needs pre-generated keyframes then generate.\n     */\n    if (requiresPregeneratedKeyframes(valueName, options)) {\n        const sampleAnimation = animateValue({\n            ...options,\n            repeat: 0,\n            delay: 0,\n        });\n        let state = { done: false, value: keyframes[0] };\n        const pregeneratedKeyframes = [];\n        /**\n         * Bail after 20 seconds of pre-generated keyframes as it's likely\n         * we're heading for an infinite loop.\n         */\n        let t = 0;\n        while (!state.done && t < maxDuration) {\n            state = sampleAnimation.sample(t);\n            pregeneratedKeyframes.push(state.value);\n            t += sampleDelta;\n        }\n        times = undefined;\n        keyframes = pregeneratedKeyframes;\n        duration = t - sampleDelta;\n        ease = \"linear\";\n    }\n    const animation = animateStyle(value.owner.current, valueName, keyframes, {\n        ...options,\n        duration,\n        /**\n         * This function is currently not called if ease is provided\n         * as a function so the cast is safe.\n         *\n         * However it would be possible for a future refinement to port\n         * in easing pregeneration from Motion One for browsers that\n         * support the upcoming `linear()` easing function.\n         */\n        ease: ease,\n        times,\n    });\n    const cancelAnimation = () => {\n        pendingCancel = false;\n        animation.cancel();\n    };\n    const safeCancel = () => {\n        pendingCancel = true;\n        frame.update(cancelAnimation);\n        resolveFinishedPromise();\n        updateFinishedPromise();\n    };\n    /**\n     * Prefer the `onfinish` prop as it's more widely supported than\n     * the `finished` promise.\n     *\n     * Here, we synchronously set the provided MotionValue to the end\n     * keyframe. If we didn't, when the WAAPI animation is finished it would\n     * be removed from the element which would then revert to its old styles.\n     */\n    animation.onfinish = () => {\n        if (pendingCancel)\n            return;\n        value.set(getFinalKeyframe(keyframes, options));\n        onComplete && onComplete();\n        safeCancel();\n    };\n    /**\n     * Animation interrupt callback.\n     */\n    const controls = {\n        then(resolve, reject) {\n            return currentFinishedPromise.then(resolve, reject);\n        },\n        attachTimeline(timeline) {\n            animation.timeline = timeline;\n            animation.onfinish = null;\n            return noop;\n        },\n        get time() {\n            return millisecondsToSeconds(animation.currentTime || 0);\n        },\n        set time(newTime) {\n            animation.currentTime = secondsToMilliseconds(newTime);\n        },\n        get speed() {\n            return animation.playbackRate;\n        },\n        set speed(newSpeed) {\n            animation.playbackRate = newSpeed;\n        },\n        get duration() {\n            return millisecondsToSeconds(duration);\n        },\n        play: () => {\n            if (hasStopped)\n                return;\n            animation.play();\n            /**\n             * Cancel any pending cancel tasks\n             */\n            cancelFrame(cancelAnimation);\n        },\n        pause: () => animation.pause(),\n        stop: () => {\n            hasStopped = true;\n            if (animation.playState === \"idle\")\n                return;\n            /**\n             * WAAPI doesn't natively have any interruption capabilities.\n             *\n             * Rather than read commited styles back out of the DOM, we can\n             * create a renderless JS animation and sample it twice to calculate\n             * its current value, \"previous\" value, and therefore allow\n             * Motion to calculate velocity for any subsequent animation.\n             */\n            const { currentTime } = animation;\n            if (currentTime) {\n                const sampleAnimation = animateValue({\n                    ...options,\n                    autoplay: false,\n                });\n                value.setWithVelocity(sampleAnimation.sample(currentTime - sampleDelta).value, sampleAnimation.sample(currentTime).value, sampleDelta);\n            }\n            safeCancel();\n        },\n        complete: () => {\n            if (pendingCancel)\n                return;\n            animation.finish();\n        },\n        cancel: safeCancel,\n    };\n    return controls;\n}\n\nexport { createAcceleratedAnimation };\n"],"names":["supportsWaapi","memo","acceleratedValues","sampleDelta","maxDuration","requiresPregeneratedKeyframes","valueName","options","isWaapiSupportedEasing","createAcceleratedAnimation","value","onUpdate","onComplete","hasStopped","resolveFinishedPromise","currentFinishedPromise","pendingCancel","updateFinishedPromise","resolve","keyframes","duration","ease","times","sampleAnimation","animateValue","state","pregeneratedKeyframes","t","animation","animateStyle","cancelAnimation","safeCancel","frame","getFinalKeyframe","reject","timeline","noop","millisecondsToSeconds","newTime","secondsToMilliseconds","newSpeed","cancelFrame","currentTime"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra868.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]}

package/dist/lyra869.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./lyra715.cjs"),e=require("./lyra731.cjs");function s({keyframes:n,delay:t,onUpdate:o,onComplete:r}){const i=()=>(o&&o(n[n.length-1]),r&&r(),{time:0,speed:1,duration:0,play:e.noop,pause:e.noop,stop:e.noop,then:a=>(a(),Promise.resolve()),cancel:e.noop,complete:e.noop});return t?u.animateValue({keyframes:[0,1],duration:0,delay:t,onComplete:i}):i()}exports.createInstantAnimation=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=({current:e})=>e?e.ownerDocument.defaultView:null;exports.getContextWindow=t;

package/dist/lyra869.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra869.cjs","sources":["../node_modules/framer-motion/dist/es/animation/animators/instant.mjs"],"sourcesContent":["import { animateValue } from './js/index.mjs';\nimport { noop } from '../../utils/noop.mjs';\n\nfunction createInstantAnimation({ keyframes, delay, onUpdate, onComplete, }) {\n    const setValue = () => {\n        onUpdate && onUpdate(keyframes[keyframes.length - 1]);\n        onComplete && onComplete();\n        /**\n         * TODO: As this API grows it could make sense to always return\n         * animateValue. This will be a bigger project as animateValue\n         * is frame-locked whereas this function resolves instantly.\n         * This is a behavioural change and also has ramifications regarding\n         * assumptions within tests.\n         */\n        return {\n            time: 0,\n            speed: 1,\n            duration: 0,\n            play: (noop),\n            pause: (noop),\n            stop: (noop),\n            then: (resolve) => {\n                resolve();\n                return Promise.resolve();\n            },\n            cancel: (noop),\n            complete: (noop),\n        };\n    };\n    return delay\n        ? animateValue({\n            keyframes: [0, 1],\n            duration: 0,\n            delay,\n            onComplete: setValue,\n        })\n        : setValue();\n}\n\nexport { createInstantAnimation };\n"],"names":["createInstantAnimation","keyframes","delay","onUpdate","onComplete","setValue","noop","resolve","animateValue"],"mappings":"4IAGA,SAASA,EAAuB,CAAE,UAAAC,EAAW,MAAAC,EAAO,SAAAC,EAAU,WAAAC,CAAU,EAAK,CACzE,MAAMC,EAAW,KACbF,GAAYA,EAASF,EAAUA,EAAU,OAAS,CAAC,CAAC,EACpDG,GAAcA,EAAU,EAQjB,CACH,KAAM,EACN,MAAO,EACP,SAAU,EACV,KAAOE,EAAAA,KACP,MAAQA,EAAAA,KACR,KAAOA,EAAAA,KACP,KAAOC,IACHA,IACO,QAAQ,WAEnB,OAASD,EAAAA,KACT,SAAWA,EAAAA,IACvB,GAEI,OAAOJ,EACDM,eAAa,CACX,UAAW,CAAC,EAAG,CAAC,EAChB,SAAU,EACV,MAAAN,EACA,WAAYG,CACxB,CAAS,EACCA,GACV","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra869.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]}

package/dist/lyra869.js

@@ -1,24 +1,4 @@
-import { animateValue as m } from "./lyra715.js";
-import { noop as e } from "./lyra731.js";
-function s({ keyframes: t, delay: n, onUpdate: r, onComplete: o }) {
-  const a = () => (r && r(t[t.length - 1]), o && o(), {
-    time: 0,
-    speed: 1,
-    duration: 0,
-    play: e,
-    pause: e,
-    stop: e,
-    then: (i) => (i(), Promise.resolve()),
-    cancel: e,
-    complete: e
-  });
-  return n ? m({
-    keyframes: [0, 1],
-    duration: 0,
-    delay: n,
-    onComplete: a
-  }) : a();
-}
+const t = ({ current: e }) => e ? e.ownerDocument.defaultView : null;
 export {
-  s as createInstantAnimation
+  t as getContextWindow
 };

package/dist/lyra869.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra869.js","sources":["../node_modules/framer-motion/dist/es/animation/animators/instant.mjs"],"sourcesContent":["import { animateValue } from './js/index.mjs';\nimport { noop } from '../../utils/noop.mjs';\n\nfunction createInstantAnimation({ keyframes, delay, onUpdate, onComplete, }) {\n    const setValue = () => {\n        onUpdate && onUpdate(keyframes[keyframes.length - 1]);\n        onComplete && onComplete();\n        /**\n         * TODO: As this API grows it could make sense to always return\n         * animateValue. This will be a bigger project as animateValue\n         * is frame-locked whereas this function resolves instantly.\n         * This is a behavioural change and also has ramifications regarding\n         * assumptions within tests.\n         */\n        return {\n            time: 0,\n            speed: 1,\n            duration: 0,\n            play: (noop),\n            pause: (noop),\n            stop: (noop),\n            then: (resolve) => {\n                resolve();\n                return Promise.resolve();\n            },\n            cancel: (noop),\n            complete: (noop),\n        };\n    };\n    return delay\n        ? animateValue({\n            keyframes: [0, 1],\n            duration: 0,\n            delay,\n            onComplete: setValue,\n        })\n        : setValue();\n}\n\nexport { createInstantAnimation };\n"],"names":["createInstantAnimation","keyframes","delay","onUpdate","onComplete","setValue","noop","resolve","animateValue"],"mappings":";;AAGA,SAASA,EAAuB,EAAE,WAAAC,GAAW,OAAAC,GAAO,UAAAC,GAAU,YAAAC,EAAU,GAAK;AACzE,QAAMC,IAAW,OACbF,KAAYA,EAASF,EAAUA,EAAU,SAAS,CAAC,CAAC,GACpDG,KAAcA,EAAU,GAQjB;AAAA,IACH,MAAM;AAAA,IACN,OAAO;AAAA,IACP,UAAU;AAAA,IACV,MAAOE;AAAA,IACP,OAAQA;AAAA,IACR,MAAOA;AAAA,IACP,MAAM,CAACC,OACHA,KACO,QAAQ;IAEnB,QAASD;AAAA,IACT,UAAWA;AAAA,EACvB;AAEI,SAAOJ,IACDM,EAAa;AAAA,IACX,WAAW,CAAC,GAAG,CAAC;AAAA,IAChB,UAAU;AAAA,IACV,OAAAN;AAAA,IACA,YAAYG;AAAA,EACxB,CAAS,IACCA;AACV;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra869.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]}

package/dist/lyra870.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra703.cjs"),s={type:"spring",stiffness:500,damping:25,restSpeed:10},n=e=>({type:"spring",stiffness:550,damping:e===0?2*Math.sqrt(550):30,restSpeed:10}),i={type:"keyframes",duration:.8},a={type:"keyframes",ease:[.25,.1,.35,1],duration:.3},o=(e,{keyframes:t})=>t.length>2?i:r.transformProps.has(e)?e.startsWith("scale")?n(t[1]):s:a;exports.getDefaultTransition=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={hasAnimatedSinceResize:!0,hasEverUpdated:!1};exports.globalProjectionState=e;

package/dist/lyra870.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra870.cjs","sources":["../node_modules/framer-motion/dist/es/animation/utils/default-transitions.mjs"],"sourcesContent":["import { transformProps } from '../../render/html/utils/transform.mjs';\n\nconst underDampedSpring = {\n    type: \"spring\",\n    stiffness: 500,\n    damping: 25,\n    restSpeed: 10,\n};\nconst criticallyDampedSpring = (target) => ({\n    type: \"spring\",\n    stiffness: 550,\n    damping: target === 0 ? 2 * Math.sqrt(550) : 30,\n    restSpeed: 10,\n});\nconst keyframesTransition = {\n    type: \"keyframes\",\n    duration: 0.8,\n};\n/**\n * Default easing curve is a slightly shallower version of\n * the default browser easing curve.\n */\nconst ease = {\n    type: \"keyframes\",\n    ease: [0.25, 0.1, 0.35, 1],\n    duration: 0.3,\n};\nconst getDefaultTransition = (valueKey, { keyframes }) => {\n    if (keyframes.length > 2) {\n        return keyframesTransition;\n    }\n    else if (transformProps.has(valueKey)) {\n        return valueKey.startsWith(\"scale\")\n            ? criticallyDampedSpring(keyframes[1])\n            : underDampedSpring;\n    }\n    return ease;\n};\n\nexport { getDefaultTransition };\n"],"names":["underDampedSpring","criticallyDampedSpring","target","keyframesTransition","ease","getDefaultTransition","valueKey","keyframes","transformProps"],"mappings":"iHAEMA,EAAoB,CACtB,KAAM,SACN,UAAW,IACX,QAAS,GACT,UAAW,EACf,EACMC,EAA0BC,IAAY,CACxC,KAAM,SACN,UAAW,IACX,QAASA,IAAW,EAAI,EAAI,KAAK,KAAK,GAAG,EAAI,GAC7C,UAAW,EACf,GACMC,EAAsB,CACxB,KAAM,YACN,SAAU,EACd,EAKMC,EAAO,CACT,KAAM,YACN,KAAM,CAAC,IAAM,GAAK,IAAM,CAAC,EACzB,SAAU,EACd,EACMC,EAAuB,CAACC,EAAU,CAAE,UAAAC,KAClCA,EAAU,OAAS,EACZJ,EAEFK,EAAc,eAAC,IAAIF,CAAQ,EACzBA,EAAS,WAAW,OAAO,EAC5BL,EAAuBM,EAAU,CAAC,CAAC,EACnCP,EAEHI","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra870.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]}

package/dist/lyra870.js

@@ -1,22 +1,15 @@
-import { transformProps as s } from "./lyra703.js";
-const r = {
-  type: "spring",
-  stiffness: 500,
-  damping: 25,
-  restSpeed: 10
-}, n = (t) => ({
-  type: "spring",
-  stiffness: 550,
-  damping: t === 0 ? 2 * Math.sqrt(550) : 30,
-  restSpeed: 10
-}), i = {
-  type: "keyframes",
-  duration: 0.8
-}, a = {
-  type: "keyframes",
-  ease: [0.25, 0.1, 0.35, 1],
-  duration: 0.3
-}, o = (t, { keyframes: e }) => e.length > 2 ? i : s.has(t) ? t.startsWith("scale") ? n(e[1]) : r : a;
+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
+};
 export {
-  o as getDefaultTransition
+  e as globalProjectionState
 };

package/dist/lyra870.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra870.js","sources":["../node_modules/framer-motion/dist/es/animation/utils/default-transitions.mjs"],"sourcesContent":["import { transformProps } from '../../render/html/utils/transform.mjs';\n\nconst underDampedSpring = {\n    type: \"spring\",\n    stiffness: 500,\n    damping: 25,\n    restSpeed: 10,\n};\nconst criticallyDampedSpring = (target) => ({\n    type: \"spring\",\n    stiffness: 550,\n    damping: target === 0 ? 2 * Math.sqrt(550) : 30,\n    restSpeed: 10,\n});\nconst keyframesTransition = {\n    type: \"keyframes\",\n    duration: 0.8,\n};\n/**\n * Default easing curve is a slightly shallower version of\n * the default browser easing curve.\n */\nconst ease = {\n    type: \"keyframes\",\n    ease: [0.25, 0.1, 0.35, 1],\n    duration: 0.3,\n};\nconst getDefaultTransition = (valueKey, { keyframes }) => {\n    if (keyframes.length > 2) {\n        return keyframesTransition;\n    }\n    else if (transformProps.has(valueKey)) {\n        return valueKey.startsWith(\"scale\")\n            ? criticallyDampedSpring(keyframes[1])\n            : underDampedSpring;\n    }\n    return ease;\n};\n\nexport { getDefaultTransition };\n"],"names":["underDampedSpring","criticallyDampedSpring","target","keyframesTransition","ease","getDefaultTransition","valueKey","keyframes","transformProps"],"mappings":";AAEA,MAAMA,IAAoB;AAAA,EACtB,MAAM;AAAA,EACN,WAAW;AAAA,EACX,SAAS;AAAA,EACT,WAAW;AACf,GACMC,IAAyB,CAACC,OAAY;AAAA,EACxC,MAAM;AAAA,EACN,WAAW;AAAA,EACX,SAASA,MAAW,IAAI,IAAI,KAAK,KAAK,GAAG,IAAI;AAAA,EAC7C,WAAW;AACf,IACMC,IAAsB;AAAA,EACxB,MAAM;AAAA,EACN,UAAU;AACd,GAKMC,IAAO;AAAA,EACT,MAAM;AAAA,EACN,MAAM,CAAC,MAAM,KAAK,MAAM,CAAC;AAAA,EACzB,UAAU;AACd,GACMC,IAAuB,CAACC,GAAU,EAAE,WAAAC,QAClCA,EAAU,SAAS,IACZJ,IAEFK,EAAe,IAAIF,CAAQ,IACzBA,EAAS,WAAW,OAAO,IAC5BL,EAAuBM,EAAU,CAAC,CAAC,IACnCP,IAEHI;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra870.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]}

package/dist/lyra871.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra729.cjs"),i=(t,r)=>t==="zIndex"?!1:!!(typeof r=="number"||Array.isArray(r)||typeof r=="string"&&(e.complex.test(r)||r==="0")&&!r.startsWith("url("));exports.isAnimatable=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./lyra733.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;

package/dist/lyra871.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra871.cjs","sources":["../node_modules/framer-motion/dist/es/animation/utils/is-animatable.mjs"],"sourcesContent":["import { complex } from '../../value/types/complex/index.mjs';\n\n/**\n * Check if a value is animatable. Examples:\n *\n * ✅: 100, \"100px\", \"#fff\"\n * ❌: \"block\", \"url(2.jpg)\"\n * @param value\n *\n * @internal\n */\nconst isAnimatable = (key, value) => {\n    // If the list of keys tat might be non-animatable grows, replace with Set\n    if (key === \"zIndex\")\n        return false;\n    // If it's a number or a keyframes array, we can animate it. We might at some point\n    // need to do a deep isAnimatable check of keyframes, or let Popmotion handle this,\n    // but for now lets leave it like this for performance reasons\n    if (typeof value === \"number\" || Array.isArray(value))\n        return true;\n    if (typeof value === \"string\" && // It's animatable if we have a string\n        (complex.test(value) || value === \"0\") && // And it contains numbers and/or colors\n        !value.startsWith(\"url(\") // Unless it starts with \"url(\"\n    ) {\n        return true;\n    }\n    return false;\n};\n\nexport { isAnimatable };\n"],"names":["isAnimatable","key","value","complex"],"mappings":"iHAWMA,EAAe,CAACC,EAAKC,IAEnBD,IAAQ,SACD,GAIP,UAAOC,GAAU,UAAY,MAAM,QAAQA,CAAK,GAEhD,OAAOA,GAAU,WAChBC,EAAAA,QAAQ,KAAKD,CAAK,GAAKA,IAAU,MAClC,CAACA,EAAM,WAAW,MAAM","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra871.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]}

package/dist/lyra871.js

@@ -1,7 +1,21 @@
-import { complex as e } from "./lyra729.js";
-const n = (t, r) => t === "zIndex" ? !1 : !!(typeof r == "number" || Array.isArray(r) || typeof r == "string" && // It's animatable if we have a string
-(e.test(r) || r === "0") && // And it contains numbers and/or colors
-!r.startsWith("url("));
+import { px as c } from "./lyra733.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}%`;
+  }
+};
 export {
-  n as isAnimatable
+  f as correctBorderRadius,
+  e as pixelsToPercent
 };

package/dist/lyra871.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra871.js","sources":["../node_modules/framer-motion/dist/es/animation/utils/is-animatable.mjs"],"sourcesContent":["import { complex } from '../../value/types/complex/index.mjs';\n\n/**\n * Check if a value is animatable. Examples:\n *\n * ✅: 100, \"100px\", \"#fff\"\n * ❌: \"block\", \"url(2.jpg)\"\n * @param value\n *\n * @internal\n */\nconst isAnimatable = (key, value) => {\n    // If the list of keys tat might be non-animatable grows, replace with Set\n    if (key === \"zIndex\")\n        return false;\n    // If it's a number or a keyframes array, we can animate it. We might at some point\n    // need to do a deep isAnimatable check of keyframes, or let Popmotion handle this,\n    // but for now lets leave it like this for performance reasons\n    if (typeof value === \"number\" || Array.isArray(value))\n        return true;\n    if (typeof value === \"string\" && // It's animatable if we have a string\n        (complex.test(value) || value === \"0\") && // And it contains numbers and/or colors\n        !value.startsWith(\"url(\") // Unless it starts with \"url(\"\n    ) {\n        return true;\n    }\n    return false;\n};\n\nexport { isAnimatable };\n"],"names":["isAnimatable","key","value","complex"],"mappings":";AAWK,MAACA,IAAe,CAACC,GAAKC,MAEnBD,MAAQ,WACD,KAIP,UAAOC,KAAU,YAAY,MAAM,QAAQA,CAAK,KAEhD,OAAOA,KAAU;AAAA,CAChBC,EAAQ,KAAKD,CAAK,KAAKA,MAAU;AAClC,CAACA,EAAM,WAAW,MAAM;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra871.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]}

package/dist/lyra872.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./lyra764.cjs"),c=require("./lyra871.cjs"),d=require("./lyra908.cjs");function g(s,r,i,o){const a=c.isAnimatable(r,i);let n;Array.isArray(i)?n=[...i]:n=[null,i];const f=o.from!==void 0?o.from:s.get();let l;const t=[];for(let e=0;e<n.length;e++)n[e]===null&&(n[e]=e===0?f:n[e-1]),d.isNone(n[e])&&t.push(e),typeof n[e]=="string"&&n[e]!=="none"&&n[e]!=="0"&&(l=n[e]);if(a&&t.length&&l)for(let e=0;e<t.length;e++){const u=t[e];n[u]=m.getAnimatableNone(r,l)}return n}exports.getKeyframes=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./lyra744.cjs"),i=require("./lyra729.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;

package/dist/lyra872.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra872.cjs","sources":["../node_modules/framer-motion/dist/es/animation/utils/keyframes.mjs"],"sourcesContent":["import { getAnimatableNone } from '../../render/dom/value-types/animatable-none.mjs';\nimport { isAnimatable } from './is-animatable.mjs';\nimport { isNone } from './is-none.mjs';\n\nfunction getKeyframes(value, valueName, target, transition) {\n    const isTargetAnimatable = isAnimatable(valueName, target);\n    let keyframes;\n    if (Array.isArray(target)) {\n        keyframes = [...target];\n    }\n    else {\n        keyframes = [null, target];\n    }\n    const defaultOrigin = transition.from !== undefined ? transition.from : value.get();\n    let animatableTemplateValue = undefined;\n    const noneKeyframeIndexes = [];\n    for (let i = 0; i < keyframes.length; i++) {\n        /**\n         * Fill null/wildcard keyframes\n         */\n        if (keyframes[i] === null) {\n            keyframes[i] = i === 0 ? defaultOrigin : keyframes[i - 1];\n        }\n        if (isNone(keyframes[i])) {\n            noneKeyframeIndexes.push(i);\n        }\n        // TODO: Clean this conditional, it works for now\n        if (typeof keyframes[i] === \"string\" &&\n            keyframes[i] !== \"none\" &&\n            keyframes[i] !== \"0\") {\n            animatableTemplateValue = keyframes[i];\n        }\n    }\n    if (isTargetAnimatable &&\n        noneKeyframeIndexes.length &&\n        animatableTemplateValue) {\n        for (let i = 0; i < noneKeyframeIndexes.length; i++) {\n            const index = noneKeyframeIndexes[i];\n            keyframes[index] = getAnimatableNone(valueName, animatableTemplateValue);\n        }\n    }\n    return keyframes;\n}\n\nexport { getKeyframes };\n"],"names":["getKeyframes","value","valueName","target","transition","isTargetAnimatable","isAnimatable","keyframes","defaultOrigin","animatableTemplateValue","noneKeyframeIndexes","i","isNone","index","getAnimatableNone"],"mappings":"uKAIA,SAASA,EAAaC,EAAOC,EAAWC,EAAQC,EAAY,CACxD,MAAMC,EAAqBC,EAAAA,aAAaJ,EAAWC,CAAM,EACzD,IAAII,EACA,MAAM,QAAQJ,CAAM,EACpBI,EAAY,CAAC,GAAGJ,CAAM,EAGtBI,EAAY,CAAC,KAAMJ,CAAM,EAE7B,MAAMK,EAAgBJ,EAAW,OAAS,OAAYA,EAAW,KAAOH,EAAM,MAC9E,IAAIQ,EACJ,MAAMC,EAAsB,CAAA,EAC5B,QAASC,EAAI,EAAGA,EAAIJ,EAAU,OAAQI,IAI9BJ,EAAUI,CAAC,IAAM,OACjBJ,EAAUI,CAAC,EAAIA,IAAM,EAAIH,EAAgBD,EAAUI,EAAI,CAAC,GAExDC,SAAOL,EAAUI,CAAC,CAAC,GACnBD,EAAoB,KAAKC,CAAC,EAG1B,OAAOJ,EAAUI,CAAC,GAAM,UACxBJ,EAAUI,CAAC,IAAM,QACjBJ,EAAUI,CAAC,IAAM,MACjBF,EAA0BF,EAAUI,CAAC,GAG7C,GAAIN,GACAK,EAAoB,QACpBD,EACA,QAASE,EAAI,EAAGA,EAAID,EAAoB,OAAQC,IAAK,CACjD,MAAME,EAAQH,EAAoBC,CAAC,EACnCJ,EAAUM,CAAK,EAAIC,EAAiB,kBAACZ,EAAWO,CAAuB,CAC1E,CAEL,OAAOF,CACX","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra872.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]}

package/dist/lyra872.js

@@ -1,22 +1,16 @@
-import { getAnimatableNone as u } from "./lyra764.js";
-import { isAnimatable as d } from "./lyra871.js";
-import { isNone as p } from "./lyra908.js";
-function A(l, o, i, r) {
-  const m = d(o, i);
-  let n;
-  Array.isArray(i) ? n = [...i] : n = [null, i];
-  const s = r.from !== void 0 ? r.from : l.get();
-  let f;
-  const t = [];
-  for (let e = 0; e < n.length; e++)
-    n[e] === null && (n[e] = e === 0 ? s : n[e - 1]), p(n[e]) && t.push(e), typeof n[e] == "string" && n[e] !== "none" && n[e] !== "0" && (f = n[e]);
-  if (m && t.length && f)
-    for (let e = 0; e < t.length; e++) {
-      const a = t[e];
-      n[a] = u(o, f);
-    }
-  return n;
-}
+import { mix as i } from "./lyra744.js";
+import { complex as m } from "./lyra729.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);
+  }
+};
 export {
-  A as getKeyframes
+  l as correctBoxShadow
 };

package/dist/lyra872.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra872.js","sources":["../node_modules/framer-motion/dist/es/animation/utils/keyframes.mjs"],"sourcesContent":["import { getAnimatableNone } from '../../render/dom/value-types/animatable-none.mjs';\nimport { isAnimatable } from './is-animatable.mjs';\nimport { isNone } from './is-none.mjs';\n\nfunction getKeyframes(value, valueName, target, transition) {\n    const isTargetAnimatable = isAnimatable(valueName, target);\n    let keyframes;\n    if (Array.isArray(target)) {\n        keyframes = [...target];\n    }\n    else {\n        keyframes = [null, target];\n    }\n    const defaultOrigin = transition.from !== undefined ? transition.from : value.get();\n    let animatableTemplateValue = undefined;\n    const noneKeyframeIndexes = [];\n    for (let i = 0; i < keyframes.length; i++) {\n        /**\n         * Fill null/wildcard keyframes\n         */\n        if (keyframes[i] === null) {\n            keyframes[i] = i === 0 ? defaultOrigin : keyframes[i - 1];\n        }\n        if (isNone(keyframes[i])) {\n            noneKeyframeIndexes.push(i);\n        }\n        // TODO: Clean this conditional, it works for now\n        if (typeof keyframes[i] === \"string\" &&\n            keyframes[i] !== \"none\" &&\n            keyframes[i] !== \"0\") {\n            animatableTemplateValue = keyframes[i];\n        }\n    }\n    if (isTargetAnimatable &&\n        noneKeyframeIndexes.length &&\n        animatableTemplateValue) {\n        for (let i = 0; i < noneKeyframeIndexes.length; i++) {\n            const index = noneKeyframeIndexes[i];\n            keyframes[index] = getAnimatableNone(valueName, animatableTemplateValue);\n        }\n    }\n    return keyframes;\n}\n\nexport { getKeyframes };\n"],"names":["getKeyframes","value","valueName","target","transition","isTargetAnimatable","isAnimatable","keyframes","defaultOrigin","animatableTemplateValue","noneKeyframeIndexes","i","isNone","index","getAnimatableNone"],"mappings":";;;AAIA,SAASA,EAAaC,GAAOC,GAAWC,GAAQC,GAAY;AACxD,QAAMC,IAAqBC,EAAaJ,GAAWC,CAAM;AACzD,MAAII;AACJ,EAAI,MAAM,QAAQJ,CAAM,IACpBI,IAAY,CAAC,GAAGJ,CAAM,IAGtBI,IAAY,CAAC,MAAMJ,CAAM;AAE7B,QAAMK,IAAgBJ,EAAW,SAAS,SAAYA,EAAW,OAAOH,EAAM;AAC9E,MAAIQ;AACJ,QAAMC,IAAsB,CAAA;AAC5B,WAASC,IAAI,GAAGA,IAAIJ,EAAU,QAAQI;AAIlC,IAAIJ,EAAUI,CAAC,MAAM,SACjBJ,EAAUI,CAAC,IAAIA,MAAM,IAAIH,IAAgBD,EAAUI,IAAI,CAAC,IAExDC,EAAOL,EAAUI,CAAC,CAAC,KACnBD,EAAoB,KAAKC,CAAC,GAG1B,OAAOJ,EAAUI,CAAC,KAAM,YACxBJ,EAAUI,CAAC,MAAM,UACjBJ,EAAUI,CAAC,MAAM,QACjBF,IAA0BF,EAAUI,CAAC;AAG7C,MAAIN,KACAK,EAAoB,UACpBD;AACA,aAASE,IAAI,GAAGA,IAAID,EAAoB,QAAQC,KAAK;AACjD,YAAME,IAAQH,EAAoBC,CAAC;AACnC,MAAAJ,EAAUM,CAAK,IAAIC,EAAkBZ,GAAWO,CAAuB;AAAA,IAC1E;AAEL,SAAOF;AACX;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra872.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]}

package/dist/lyra873.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("./lyra752.cjs"),q=require("./lyra746.cjs"),s=require("./lyra744.cjs"),h=require("./lyra731.cjs"),d=require("./lyra733.cjs"),y=["TopLeft","TopRight","BottomLeft","BottomRight"],M=y.length,f=t=>typeof t=="string"?parseFloat(t):t,p=t=>typeof t=="number"||d.px.test(t);function B(t,e,i,n,x,b){x?(t.opacity=s.mix(0,i.opacity!==void 0?i.opacity:1,L(n)),t.opacityExit=s.mix(e.opacity!==void 0?e.opacity:1,0,O(n))):b&&(t.opacity=s.mix(e.opacity!==void 0?e.opacity:1,i.opacity!==void 0?i.opacity:1,n));for(let u=0;u<M;u++){const c=`border${y[u]}Radius`;let r=a(e,c),o=a(i,c);if(r===void 0&&o===void 0)continue;r||(r=0),o||(o=0),r===0||o===0||p(r)===p(o)?(t[c]=Math.max(s.mix(f(r),f(o),n),0),(d.percent.test(o)||d.percent.test(r))&&(t[c]+="%")):t[c]=o}(e.rotate||i.rotate)&&(t.rotate=s.mix(e.rotate||0,i.rotate||0,n))}function a(t,e){return t[e]!==void 0?t[e]:t.borderRadius}const L=m(0,.5,R.circOut),O=m(.5,.95,h.noop);function m(t,e,i){return n=>n<t?0:n>e?1:i(q.progress(t,e,n))}exports.mixValues=B;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("./lyra714.cjs"),b=require("./lyra730.cjs"),d=require("./lyra703.cjs"),p=require("./lyra908.cjs"),S=require("./lyra898.cjs");function q(f,i,c,a){const{style:e,vars:g,transform:y,transformOrigin:u}=f;let l=!1,m=!1,o=!0;for(const r in i){const s=i[r];if(b.isCSSVariableName(r)){g[r]=s;continue}const n=S.numberValueTypes[r],t=p.getValueAsType(s,n);if(d.transformProps.has(r)){if(l=!0,y[r]=t,!o)continue;s!==(n.default||0)&&(o=!1)}else r.startsWith("origin")?(m=!0,u[r]=t):e[r]=t}if(i.transform||(l||a?e.transform=T.buildTransform(f.transform,c,o,a):e.transform&&(e.transform="none")),m){const{originX:r="50%",originY:s="50%",originZ:n=0}=u;e.transformOrigin=`${r} ${s} ${n}`}}exports.buildHTMLStyles=q;

package/dist/lyra873.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra873.cjs","sources":["../node_modules/framer-motion/dist/es/projection/animation/mix-values.mjs"],"sourcesContent":["import { circOut } from '../../easing/circ.mjs';\nimport { progress } from '../../utils/progress.mjs';\nimport { mix } from '../../utils/mix.mjs';\nimport { noop } from '../../utils/noop.mjs';\nimport { percent, px } from '../../value/types/numbers/units.mjs';\n\nconst borders = [\"TopLeft\", \"TopRight\", \"BottomLeft\", \"BottomRight\"];\nconst numBorders = borders.length;\nconst asNumber = (value) => typeof value === \"string\" ? parseFloat(value) : value;\nconst isPx = (value) => typeof value === \"number\" || px.test(value);\nfunction mixValues(target, follow, lead, progress, shouldCrossfadeOpacity, isOnlyMember) {\n    if (shouldCrossfadeOpacity) {\n        target.opacity = mix(0, \n        // TODO Reinstate this if only child\n        lead.opacity !== undefined ? lead.opacity : 1, easeCrossfadeIn(progress));\n        target.opacityExit = mix(follow.opacity !== undefined ? follow.opacity : 1, 0, easeCrossfadeOut(progress));\n    }\n    else if (isOnlyMember) {\n        target.opacity = mix(follow.opacity !== undefined ? follow.opacity : 1, lead.opacity !== undefined ? lead.opacity : 1, progress);\n    }\n    /**\n     * Mix border radius\n     */\n    for (let i = 0; i < numBorders; i++) {\n        const borderLabel = `border${borders[i]}Radius`;\n        let followRadius = getRadius(follow, borderLabel);\n        let leadRadius = getRadius(lead, borderLabel);\n        if (followRadius === undefined && leadRadius === undefined)\n            continue;\n        followRadius || (followRadius = 0);\n        leadRadius || (leadRadius = 0);\n        const canMix = followRadius === 0 ||\n            leadRadius === 0 ||\n            isPx(followRadius) === isPx(leadRadius);\n        if (canMix) {\n            target[borderLabel] = Math.max(mix(asNumber(followRadius), asNumber(leadRadius), progress), 0);\n            if (percent.test(leadRadius) || percent.test(followRadius)) {\n                target[borderLabel] += \"%\";\n            }\n        }\n        else {\n            target[borderLabel] = leadRadius;\n        }\n    }\n    /**\n     * Mix rotation\n     */\n    if (follow.rotate || lead.rotate) {\n        target.rotate = mix(follow.rotate || 0, lead.rotate || 0, progress);\n    }\n}\nfunction getRadius(values, radiusName) {\n    return values[radiusName] !== undefined\n        ? values[radiusName]\n        : values.borderRadius;\n}\n// /**\n//  * We only want to mix the background color if there's a follow element\n//  * that we're not crossfading opacity between. For instance with switch\n//  * AnimateSharedLayout animations, this helps the illusion of a continuous\n//  * element being animated but also cuts down on the number of paints triggered\n//  * for elements where opacity is doing that work for us.\n//  */\n// if (\n//     !hasFollowElement &&\n//     latestLeadValues.backgroundColor &&\n//     latestFollowValues.backgroundColor\n// ) {\n//     /**\n//      * This isn't ideal performance-wise as mixColor is creating a new function every frame.\n//      * We could probably create a mixer that runs at the start of the animation but\n//      * the idea behind the crossfader is that it runs dynamically between two potentially\n//      * changing targets (ie opacity or borderRadius may be animating independently via variants)\n//      */\n//     leadState.backgroundColor = followState.backgroundColor = mixColor(\n//         latestFollowValues.backgroundColor as string,\n//         latestLeadValues.backgroundColor as string\n//     )(p)\n// }\nconst easeCrossfadeIn = compress(0, 0.5, circOut);\nconst easeCrossfadeOut = compress(0.5, 0.95, noop);\nfunction compress(min, max, easing) {\n    return (p) => {\n        // Could replace ifs with clamp\n        if (p < min)\n            return 0;\n        if (p > max)\n            return 1;\n        return easing(progress(min, max, p));\n    };\n}\n\nexport { mixValues };\n"],"names":["borders","numBorders","asNumber","value","isPx","px","mixValues","target","follow","lead","progress","shouldCrossfadeOpacity","isOnlyMember","mix","easeCrossfadeIn","easeCrossfadeOut","i","borderLabel","followRadius","getRadius","leadRadius","percent","values","radiusName","compress","circOut","noop","min","max","easing","p"],"mappings":"6NAMMA,EAAU,CAAC,UAAW,WAAY,aAAc,aAAa,EAC7DC,EAAaD,EAAQ,OACrBE,EAAYC,GAAU,OAAOA,GAAU,SAAW,WAAWA,CAAK,EAAIA,EACtEC,EAAQD,GAAU,OAAOA,GAAU,UAAYE,KAAG,KAAKF,CAAK,EAClE,SAASG,EAAUC,EAAQC,EAAQC,EAAMC,EAAUC,EAAwBC,EAAc,CACjFD,GACAJ,EAAO,QAAUM,EAAAA,IAAI,EAErBJ,EAAK,UAAY,OAAYA,EAAK,QAAU,EAAGK,EAAgBJ,CAAQ,CAAC,EACxEH,EAAO,YAAcM,EAAAA,IAAIL,EAAO,UAAY,OAAYA,EAAO,QAAU,EAAG,EAAGO,EAAiBL,CAAQ,CAAC,GAEpGE,IACLL,EAAO,QAAUM,MAAIL,EAAO,UAAY,OAAYA,EAAO,QAAU,EAAGC,EAAK,UAAY,OAAYA,EAAK,QAAU,EAAGC,CAAQ,GAKnI,QAASM,EAAI,EAAGA,EAAIf,EAAYe,IAAK,CACjC,MAAMC,EAAc,SAASjB,EAAQgB,CAAC,CAAC,SACvC,IAAIE,EAAeC,EAAUX,EAAQS,CAAW,EAC5CG,EAAaD,EAAUV,EAAMQ,CAAW,EAC5C,GAAIC,IAAiB,QAAaE,IAAe,OAC7C,SACJF,IAAiBA,EAAe,GAChCE,IAAeA,EAAa,GACbF,IAAiB,GAC5BE,IAAe,GACfhB,EAAKc,CAAY,IAAMd,EAAKgB,CAAU,GAEtCb,EAAOU,CAAW,EAAI,KAAK,IAAIJ,EAAG,IAACX,EAASgB,CAAY,EAAGhB,EAASkB,CAAU,EAAGV,CAAQ,EAAG,CAAC,GACzFW,EAAAA,QAAQ,KAAKD,CAAU,GAAKC,EAAAA,QAAQ,KAAKH,CAAY,KACrDX,EAAOU,CAAW,GAAK,MAI3BV,EAAOU,CAAW,EAAIG,CAE7B,EAIGZ,EAAO,QAAUC,EAAK,UACtBF,EAAO,OAASM,MAAIL,EAAO,QAAU,EAAGC,EAAK,QAAU,EAAGC,CAAQ,EAE1E,CACA,SAASS,EAAUG,EAAQC,EAAY,CACnC,OAAOD,EAAOC,CAAU,IAAM,OACxBD,EAAOC,CAAU,EACjBD,EAAO,YACjB,CAwBA,MAAMR,EAAkBU,EAAS,EAAG,GAAKC,EAAO,OAAA,EAC1CV,EAAmBS,EAAS,GAAK,IAAME,EAAI,IAAA,EACjD,SAASF,EAASG,EAAKC,EAAKC,EAAQ,CAChC,OAAQC,GAEAA,EAAIH,EACG,EACPG,EAAIF,EACG,EACJC,EAAOnB,EAAAA,SAASiB,EAAKC,EAAKE,CAAC,CAAC,CAE3C","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra873.cjs","sources":["../node_modules/framer-motion/dist/es/render/html/utils/build-styles.mjs"],"sourcesContent":["import { buildTransform } from './build-transform.mjs';\nimport { isCSSVariableName } from '../../dom/utils/is-css-variable.mjs';\nimport { transformProps } from './transform.mjs';\nimport { getValueAsType } from '../../dom/value-types/get-as-type.mjs';\nimport { numberValueTypes } from '../../dom/value-types/number.mjs';\n\nfunction buildHTMLStyles(state, latestValues, options, transformTemplate) {\n    const { style, vars, transform, transformOrigin } = state;\n    // Track whether we encounter any transform or transformOrigin values.\n    let hasTransform = false;\n    let hasTransformOrigin = false;\n    // Does the calculated transform essentially equal \"none\"?\n    let transformIsNone = true;\n    /**\n     * Loop over all our latest animated values and decide whether to handle them\n     * as a style or CSS variable.\n     *\n     * Transforms and transform origins are kept seperately for further processing.\n     */\n    for (const key in latestValues) {\n        const value = latestValues[key];\n        /**\n         * If this is a CSS variable we don't do any further processing.\n         */\n        if (isCSSVariableName(key)) {\n            vars[key] = value;\n            continue;\n        }\n        // Convert the value to its default value type, ie 0 -> \"0px\"\n        const valueType = numberValueTypes[key];\n        const valueAsType = getValueAsType(value, valueType);\n        if (transformProps.has(key)) {\n            // If this is a transform, flag to enable further transform processing\n            hasTransform = true;\n            transform[key] = valueAsType;\n            // If we already know we have a non-default transform, early return\n            if (!transformIsNone)\n                continue;\n            // Otherwise check to see if this is a default transform\n            if (value !== (valueType.default || 0))\n                transformIsNone = false;\n        }\n        else if (key.startsWith(\"origin\")) {\n            // If this is a transform origin, flag and enable further transform-origin processing\n            hasTransformOrigin = true;\n            transformOrigin[key] = valueAsType;\n        }\n        else {\n            style[key] = valueAsType;\n        }\n    }\n    if (!latestValues.transform) {\n        if (hasTransform || transformTemplate) {\n            style.transform = buildTransform(state.transform, options, transformIsNone, transformTemplate);\n        }\n        else if (style.transform) {\n            /**\n             * If we have previously created a transform but currently don't have any,\n             * reset transform style to none.\n             */\n            style.transform = \"none\";\n        }\n    }\n    /**\n     * Build a transformOrigin style. Uses the same defaults as the browser for\n     * undefined origins.\n     */\n    if (hasTransformOrigin) {\n        const { originX = \"50%\", originY = \"50%\", originZ = 0, } = transformOrigin;\n        style.transformOrigin = `${originX} ${originY} ${originZ}`;\n    }\n}\n\nexport { buildHTMLStyles };\n"],"names":["buildHTMLStyles","state","latestValues","options","transformTemplate","style","vars","transform","transformOrigin","hasTransform","hasTransformOrigin","transformIsNone","key","value","isCSSVariableName","valueType","numberValueTypes","valueAsType","getValueAsType","transformProps","buildTransform","originX","originY","originZ"],"mappings":"6NAMA,SAASA,EAAgBC,EAAOC,EAAcC,EAASC,EAAmB,CACtE,KAAM,CAAE,MAAAC,EAAO,KAAAC,EAAI,UAAEC,EAAW,gBAAAC,CAAe,EAAKP,EAEpD,IAAIQ,EAAe,GACfC,EAAqB,GAErBC,EAAkB,GAOtB,UAAWC,KAAOV,EAAc,CAC5B,MAAMW,EAAQX,EAAaU,CAAG,EAI9B,GAAIE,EAAAA,kBAAkBF,CAAG,EAAG,CACxBN,EAAKM,CAAG,EAAIC,EACZ,QACH,CAED,MAAME,EAAYC,mBAAiBJ,CAAG,EAChCK,EAAcC,EAAAA,eAAeL,EAAOE,CAAS,EACnD,GAAII,EAAc,eAAC,IAAIP,CAAG,EAAG,CAKzB,GAHAH,EAAe,GACfF,EAAUK,CAAG,EAAIK,EAEb,CAACN,EACD,SAEAE,KAAWE,EAAU,SAAW,KAChCJ,EAAkB,GACzB,MACQC,EAAI,WAAW,QAAQ,GAE5BF,EAAqB,GACrBF,EAAgBI,CAAG,EAAIK,GAGvBZ,EAAMO,CAAG,EAAIK,CAEpB,CAiBD,GAhBKf,EAAa,YACVO,GAAgBL,EAChBC,EAAM,UAAYe,EAAAA,eAAenB,EAAM,UAAWE,EAASQ,EAAiBP,CAAiB,EAExFC,EAAM,YAKXA,EAAM,UAAY,SAOtBK,EAAoB,CACpB,KAAM,CAAE,QAAAW,EAAU,MAAO,QAAAC,EAAU,MAAO,QAAAC,EAAU,CAAI,EAAGf,EAC3DH,EAAM,gBAAkB,GAAGgB,CAAO,IAAIC,CAAO,IAAIC,CAAO,EAC3D,CACL","x_google_ignoreList":[0]}

package/dist/lyra873.js

@@ -1,32 +1,30 @@
-import { circOut as R } from "./lyra752.js";
-import { progress as h } from "./lyra746.js";
-import { mix as f } from "./lyra744.js";
-import { noop as B } from "./lyra731.js";
-import { percent as p, px as L } from "./lyra733.js";
-const a = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], M = a.length, u = (t) => typeof t == "string" ? parseFloat(t) : t, d = (t) => typeof t == "number" || L.test(t);
-function $(t, i, o, n, x, b) {
-  x ? (t.opacity = f(
-    0,
-    // TODO Reinstate this if only child
-    o.opacity !== void 0 ? o.opacity : 1,
-    C(n)
-  ), t.opacityExit = f(i.opacity !== void 0 ? i.opacity : 1, 0, O(n))) : b && (t.opacity = f(i.opacity !== void 0 ? i.opacity : 1, o.opacity !== void 0 ? o.opacity : 1, n));
-  for (let s = 0; s < M; s++) {
-    const c = `border${a[s]}Radius`;
-    let r = m(i, c), e = m(o, c);
-    if (r === void 0 && e === void 0)
+import { buildTransform as y } from "./lyra714.js";
+import { isCSSVariableName as T } from "./lyra730.js";
+import { transformProps as b } from "./lyra703.js";
+import { getValueAsType as h } from "./lyra908.js";
+import { numberValueTypes as v } from "./lyra898.js";
+function N(t, s, p, a) {
+  const { style: o, vars: c, transform: g, transformOrigin: m } = t;
+  let l = !1, u = !1, f = !0;
+  for (const r in s) {
+    const i = s[r];
+    if (T(r)) {
+      c[r] = i;
       continue;
-    r || (r = 0), e || (e = 0), r === 0 || e === 0 || d(r) === d(e) ? (t[c] = Math.max(f(u(r), u(e), n), 0), (p.test(e) || p.test(r)) && (t[c] += "%")) : t[c] = e;
+    }
+    const n = v[r], e = h(i, n);
+    if (b.has(r)) {
+      if (l = !0, g[r] = e, !f)
+        continue;
+      i !== (n.default || 0) && (f = !1);
+    } else
+      r.startsWith("origin") ? (u = !0, m[r] = e) : o[r] = e;
+  }
+  if (s.transform || (l || a ? o.transform = y(t.transform, p, f, a) : o.transform && (o.transform = "none")), u) {
+    const { originX: r = "50%", originY: i = "50%", originZ: n = 0 } = m;
+    o.transformOrigin = `${r} ${i} ${n}`;
   }
-  (i.rotate || o.rotate) && (t.rotate = f(i.rotate || 0, o.rotate || 0, n));
-}
-function m(t, i) {
-  return t[i] !== void 0 ? t[i] : t.borderRadius;
-}
-const C = y(0, 0.5, R), O = y(0.5, 0.95, B);
-function y(t, i, o) {
-  return (n) => n < t ? 0 : n > i ? 1 : o(h(t, i, n));
 }
 export {
-  $ as mixValues
+  N as buildHTMLStyles
 };

package/dist/lyra873.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra873.js","sources":["../node_modules/framer-motion/dist/es/projection/animation/mix-values.mjs"],"sourcesContent":["import { circOut } from '../../easing/circ.mjs';\nimport { progress } from '../../utils/progress.mjs';\nimport { mix } from '../../utils/mix.mjs';\nimport { noop } from '../../utils/noop.mjs';\nimport { percent, px } from '../../value/types/numbers/units.mjs';\n\nconst borders = [\"TopLeft\", \"TopRight\", \"BottomLeft\", \"BottomRight\"];\nconst numBorders = borders.length;\nconst asNumber = (value) => typeof value === \"string\" ? parseFloat(value) : value;\nconst isPx = (value) => typeof value === \"number\" || px.test(value);\nfunction mixValues(target, follow, lead, progress, shouldCrossfadeOpacity, isOnlyMember) {\n    if (shouldCrossfadeOpacity) {\n        target.opacity = mix(0, \n        // TODO Reinstate this if only child\n        lead.opacity !== undefined ? lead.opacity : 1, easeCrossfadeIn(progress));\n        target.opacityExit = mix(follow.opacity !== undefined ? follow.opacity : 1, 0, easeCrossfadeOut(progress));\n    }\n    else if (isOnlyMember) {\n        target.opacity = mix(follow.opacity !== undefined ? follow.opacity : 1, lead.opacity !== undefined ? lead.opacity : 1, progress);\n    }\n    /**\n     * Mix border radius\n     */\n    for (let i = 0; i < numBorders; i++) {\n        const borderLabel = `border${borders[i]}Radius`;\n        let followRadius = getRadius(follow, borderLabel);\n        let leadRadius = getRadius(lead, borderLabel);\n        if (followRadius === undefined && leadRadius === undefined)\n            continue;\n        followRadius || (followRadius = 0);\n        leadRadius || (leadRadius = 0);\n        const canMix = followRadius === 0 ||\n            leadRadius === 0 ||\n            isPx(followRadius) === isPx(leadRadius);\n        if (canMix) {\n            target[borderLabel] = Math.max(mix(asNumber(followRadius), asNumber(leadRadius), progress), 0);\n            if (percent.test(leadRadius) || percent.test(followRadius)) {\n                target[borderLabel] += \"%\";\n            }\n        }\n        else {\n            target[borderLabel] = leadRadius;\n        }\n    }\n    /**\n     * Mix rotation\n     */\n    if (follow.rotate || lead.rotate) {\n        target.rotate = mix(follow.rotate || 0, lead.rotate || 0, progress);\n    }\n}\nfunction getRadius(values, radiusName) {\n    return values[radiusName] !== undefined\n        ? values[radiusName]\n        : values.borderRadius;\n}\n// /**\n//  * We only want to mix the background color if there's a follow element\n//  * that we're not crossfading opacity between. For instance with switch\n//  * AnimateSharedLayout animations, this helps the illusion of a continuous\n//  * element being animated but also cuts down on the number of paints triggered\n//  * for elements where opacity is doing that work for us.\n//  */\n// if (\n//     !hasFollowElement &&\n//     latestLeadValues.backgroundColor &&\n//     latestFollowValues.backgroundColor\n// ) {\n//     /**\n//      * This isn't ideal performance-wise as mixColor is creating a new function every frame.\n//      * We could probably create a mixer that runs at the start of the animation but\n//      * the idea behind the crossfader is that it runs dynamically between two potentially\n//      * changing targets (ie opacity or borderRadius may be animating independently via variants)\n//      */\n//     leadState.backgroundColor = followState.backgroundColor = mixColor(\n//         latestFollowValues.backgroundColor as string,\n//         latestLeadValues.backgroundColor as string\n//     )(p)\n// }\nconst easeCrossfadeIn = compress(0, 0.5, circOut);\nconst easeCrossfadeOut = compress(0.5, 0.95, noop);\nfunction compress(min, max, easing) {\n    return (p) => {\n        // Could replace ifs with clamp\n        if (p < min)\n            return 0;\n        if (p > max)\n            return 1;\n        return easing(progress(min, max, p));\n    };\n}\n\nexport { mixValues };\n"],"names":["borders","numBorders","asNumber","value","isPx","px","mixValues","target","follow","lead","progress","shouldCrossfadeOpacity","isOnlyMember","mix","easeCrossfadeIn","easeCrossfadeOut","i","borderLabel","followRadius","getRadius","leadRadius","percent","values","radiusName","compress","circOut","noop","min","max","easing","p"],"mappings":";;;;;AAMA,MAAMA,IAAU,CAAC,WAAW,YAAY,cAAc,aAAa,GAC7DC,IAAaD,EAAQ,QACrBE,IAAW,CAACC,MAAU,OAAOA,KAAU,WAAW,WAAWA,CAAK,IAAIA,GACtEC,IAAO,CAACD,MAAU,OAAOA,KAAU,YAAYE,EAAG,KAAKF,CAAK;AAClE,SAASG,EAAUC,GAAQC,GAAQC,GAAMC,GAAUC,GAAwBC,GAAc;AACrF,EAAID,KACAJ,EAAO,UAAUM;AAAA,IAAI;AAAA;AAAA,IAErBJ,EAAK,YAAY,SAAYA,EAAK,UAAU;AAAA,IAAGK,EAAgBJ,CAAQ;AAAA,EAAC,GACxEH,EAAO,cAAcM,EAAIL,EAAO,YAAY,SAAYA,EAAO,UAAU,GAAG,GAAGO,EAAiBL,CAAQ,CAAC,KAEpGE,MACLL,EAAO,UAAUM,EAAIL,EAAO,YAAY,SAAYA,EAAO,UAAU,GAAGC,EAAK,YAAY,SAAYA,EAAK,UAAU,GAAGC,CAAQ;AAKnI,WAASM,IAAI,GAAGA,IAAIf,GAAYe,KAAK;AACjC,UAAMC,IAAc,SAASjB,EAAQgB,CAAC,CAAC;AACvC,QAAIE,IAAeC,EAAUX,GAAQS,CAAW,GAC5CG,IAAaD,EAAUV,GAAMQ,CAAW;AAC5C,QAAIC,MAAiB,UAAaE,MAAe;AAC7C;AACJ,IAAAF,MAAiBA,IAAe,IAChCE,MAAeA,IAAa,IACbF,MAAiB,KAC5BE,MAAe,KACfhB,EAAKc,CAAY,MAAMd,EAAKgB,CAAU,KAEtCb,EAAOU,CAAW,IAAI,KAAK,IAAIJ,EAAIX,EAASgB,CAAY,GAAGhB,EAASkB,CAAU,GAAGV,CAAQ,GAAG,CAAC,IACzFW,EAAQ,KAAKD,CAAU,KAAKC,EAAQ,KAAKH,CAAY,OACrDX,EAAOU,CAAW,KAAK,QAI3BV,EAAOU,CAAW,IAAIG;AAAA,EAE7B;AAID,GAAIZ,EAAO,UAAUC,EAAK,YACtBF,EAAO,SAASM,EAAIL,EAAO,UAAU,GAAGC,EAAK,UAAU,GAAGC,CAAQ;AAE1E;AACA,SAASS,EAAUG,GAAQC,GAAY;AACnC,SAAOD,EAAOC,CAAU,MAAM,SACxBD,EAAOC,CAAU,IACjBD,EAAO;AACjB;AAwBA,MAAMR,IAAkBU,EAAS,GAAG,KAAKC,CAAO,GAC1CV,IAAmBS,EAAS,KAAK,MAAME,CAAI;AACjD,SAASF,EAASG,GAAKC,GAAKC,GAAQ;AAChC,SAAO,CAACC,MAEAA,IAAIH,IACG,IACPG,IAAIF,IACG,IACJC,EAAOnB,EAASiB,GAAKC,GAAKE,CAAC,CAAC;AAE3C;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra873.js","sources":["../node_modules/framer-motion/dist/es/render/html/utils/build-styles.mjs"],"sourcesContent":["import { buildTransform } from './build-transform.mjs';\nimport { isCSSVariableName } from '../../dom/utils/is-css-variable.mjs';\nimport { transformProps } from './transform.mjs';\nimport { getValueAsType } from '../../dom/value-types/get-as-type.mjs';\nimport { numberValueTypes } from '../../dom/value-types/number.mjs';\n\nfunction buildHTMLStyles(state, latestValues, options, transformTemplate) {\n    const { style, vars, transform, transformOrigin } = state;\n    // Track whether we encounter any transform or transformOrigin values.\n    let hasTransform = false;\n    let hasTransformOrigin = false;\n    // Does the calculated transform essentially equal \"none\"?\n    let transformIsNone = true;\n    /**\n     * Loop over all our latest animated values and decide whether to handle them\n     * as a style or CSS variable.\n     *\n     * Transforms and transform origins are kept seperately for further processing.\n     */\n    for (const key in latestValues) {\n        const value = latestValues[key];\n        /**\n         * If this is a CSS variable we don't do any further processing.\n         */\n        if (isCSSVariableName(key)) {\n            vars[key] = value;\n            continue;\n        }\n        // Convert the value to its default value type, ie 0 -> \"0px\"\n        const valueType = numberValueTypes[key];\n        const valueAsType = getValueAsType(value, valueType);\n        if (transformProps.has(key)) {\n            // If this is a transform, flag to enable further transform processing\n            hasTransform = true;\n            transform[key] = valueAsType;\n            // If we already know we have a non-default transform, early return\n            if (!transformIsNone)\n                continue;\n            // Otherwise check to see if this is a default transform\n            if (value !== (valueType.default || 0))\n                transformIsNone = false;\n        }\n        else if (key.startsWith(\"origin\")) {\n            // If this is a transform origin, flag and enable further transform-origin processing\n            hasTransformOrigin = true;\n            transformOrigin[key] = valueAsType;\n        }\n        else {\n            style[key] = valueAsType;\n        }\n    }\n    if (!latestValues.transform) {\n        if (hasTransform || transformTemplate) {\n            style.transform = buildTransform(state.transform, options, transformIsNone, transformTemplate);\n        }\n        else if (style.transform) {\n            /**\n             * If we have previously created a transform but currently don't have any,\n             * reset transform style to none.\n             */\n            style.transform = \"none\";\n        }\n    }\n    /**\n     * Build a transformOrigin style. Uses the same defaults as the browser for\n     * undefined origins.\n     */\n    if (hasTransformOrigin) {\n        const { originX = \"50%\", originY = \"50%\", originZ = 0, } = transformOrigin;\n        style.transformOrigin = `${originX} ${originY} ${originZ}`;\n    }\n}\n\nexport { buildHTMLStyles };\n"],"names":["buildHTMLStyles","state","latestValues","options","transformTemplate","style","vars","transform","transformOrigin","hasTransform","hasTransformOrigin","transformIsNone","key","value","isCSSVariableName","valueType","numberValueTypes","valueAsType","getValueAsType","transformProps","buildTransform","originX","originY","originZ"],"mappings":";;;;;AAMA,SAASA,EAAgBC,GAAOC,GAAcC,GAASC,GAAmB;AACtE,QAAM,EAAE,OAAAC,GAAO,MAAAC,GAAM,WAAAC,GAAW,iBAAAC,EAAe,IAAKP;AAEpD,MAAIQ,IAAe,IACfC,IAAqB,IAErBC,IAAkB;AAOtB,aAAWC,KAAOV,GAAc;AAC5B,UAAMW,IAAQX,EAAaU,CAAG;AAI9B,QAAIE,EAAkBF,CAAG,GAAG;AACxB,MAAAN,EAAKM,CAAG,IAAIC;AACZ;AAAA,IACH;AAED,UAAME,IAAYC,EAAiBJ,CAAG,GAChCK,IAAcC,EAAeL,GAAOE,CAAS;AACnD,QAAII,EAAe,IAAIP,CAAG,GAAG;AAKzB,UAHAH,IAAe,IACfF,EAAUK,CAAG,IAAIK,GAEb,CAACN;AACD;AAEJ,MAAIE,OAAWE,EAAU,WAAW,OAChCJ,IAAkB;AAAA,IACzB;AACI,MAAIC,EAAI,WAAW,QAAQ,KAE5BF,IAAqB,IACrBF,EAAgBI,CAAG,IAAIK,KAGvBZ,EAAMO,CAAG,IAAIK;AAAA,EAEpB;AAiBD,MAhBKf,EAAa,cACVO,KAAgBL,IAChBC,EAAM,YAAYe,EAAenB,EAAM,WAAWE,GAASQ,GAAiBP,CAAiB,IAExFC,EAAM,cAKXA,EAAM,YAAY,UAOtBK,GAAoB;AACpB,UAAM,EAAE,SAAAW,IAAU,OAAO,SAAAC,IAAU,OAAO,SAAAC,IAAU,EAAI,IAAGf;AAC3D,IAAAH,EAAM,kBAAkB,GAAGgB,CAAO,IAAIC,CAAO,IAAIC,CAAO;AAAA,EAC3D;AACL;","x_google_ignoreList":[0]}

package/dist/lyra874.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function n(o,t){o.min=t.min,o.max=t.max}function c(o,t){n(o.x,t.x),n(o.y,t.y)}exports.copyAxisInto=n;exports.copyBoxInto=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function y(e,{style:o,vars:t},s,r){Object.assign(e.style,o,r&&r.getProjectionStyles(s));for(const n in t)e.style.setProperty(n,t[n])}exports.renderHTML=y;

package/dist/lyra874.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra874.cjs","sources":["../node_modules/framer-motion/dist/es/projection/geometry/copy.mjs"],"sourcesContent":["/**\n * Reset an axis to the provided origin box.\n *\n * This is a mutative operation.\n */\nfunction copyAxisInto(axis, originAxis) {\n    axis.min = originAxis.min;\n    axis.max = originAxis.max;\n}\n/**\n * Reset a box to the provided origin box.\n *\n * This is a mutative operation.\n */\nfunction copyBoxInto(box, originBox) {\n    copyAxisInto(box.x, originBox.x);\n    copyAxisInto(box.y, originBox.y);\n}\n\nexport { copyAxisInto, copyBoxInto };\n"],"names":["copyAxisInto","axis","originAxis","copyBoxInto","box","originBox"],"mappings":"gFAKA,SAASA,EAAaC,EAAMC,EAAY,CACpCD,EAAK,IAAMC,EAAW,IACtBD,EAAK,IAAMC,EAAW,GAC1B,CAMA,SAASC,EAAYC,EAAKC,EAAW,CACjCL,EAAaI,EAAI,EAAGC,EAAU,CAAC,EAC/BL,EAAaI,EAAI,EAAGC,EAAU,CAAC,CACnC","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra874.cjs","sources":["../node_modules/framer-motion/dist/es/render/html/utils/render.mjs"],"sourcesContent":["function renderHTML(element, { style, vars }, styleProp, projection) {\n    Object.assign(element.style, style, projection && projection.getProjectionStyles(styleProp));\n    // Loop over any CSS variables and assign those.\n    for (const key in vars) {\n        element.style.setProperty(key, vars[key]);\n    }\n}\n\nexport { renderHTML };\n"],"names":["renderHTML","element","style","vars","styleProp","projection","key"],"mappings":"gFAAA,SAASA,EAAWC,EAAS,CAAE,MAAAC,EAAO,KAAAC,CAAM,EAAEC,EAAWC,EAAY,CACjE,OAAO,OAAOJ,EAAQ,MAAOC,EAAOG,GAAcA,EAAW,oBAAoBD,CAAS,CAAC,EAE3F,UAAWE,KAAOH,EACdF,EAAQ,MAAM,YAAYK,EAAKH,EAAKG,CAAG,CAAC,CAEhD","x_google_ignoreList":[0]}

package/dist/lyra874.js

@@ -1,10 +1,8 @@
-function c(n, t) {
-  n.min = t.min, n.max = t.max;
-}
-function m(n, t) {
-  c(n.x, t.x), c(n.y, t.y);
+function y(t, { style: o, vars: e }, r, s) {
+  Object.assign(t.style, o, s && s.getProjectionStyles(r));
+  for (const n in e)
+    t.style.setProperty(n, e[n]);
 }
 export {
-  c as copyAxisInto,
-  m as copyBoxInto
+  y as renderHTML
 };

package/dist/lyra874.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra874.js","sources":["../node_modules/framer-motion/dist/es/projection/geometry/copy.mjs"],"sourcesContent":["/**\n * Reset an axis to the provided origin box.\n *\n * This is a mutative operation.\n */\nfunction copyAxisInto(axis, originAxis) {\n    axis.min = originAxis.min;\n    axis.max = originAxis.max;\n}\n/**\n * Reset a box to the provided origin box.\n *\n * This is a mutative operation.\n */\nfunction copyBoxInto(box, originBox) {\n    copyAxisInto(box.x, originBox.x);\n    copyAxisInto(box.y, originBox.y);\n}\n\nexport { copyAxisInto, copyBoxInto };\n"],"names":["copyAxisInto","axis","originAxis","copyBoxInto","box","originBox"],"mappings":"AAKA,SAASA,EAAaC,GAAMC,GAAY;AACpC,EAAAD,EAAK,MAAMC,EAAW,KACtBD,EAAK,MAAMC,EAAW;AAC1B;AAMA,SAASC,EAAYC,GAAKC,GAAW;AACjC,EAAAL,EAAaI,EAAI,GAAGC,EAAU,CAAC,GAC/BL,EAAaI,EAAI,GAAGC,EAAU,CAAC;AACnC;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra874.js","sources":["../node_modules/framer-motion/dist/es/render/html/utils/render.mjs"],"sourcesContent":["function renderHTML(element, { style, vars }, styleProp, projection) {\n    Object.assign(element.style, style, projection && projection.getProjectionStyles(styleProp));\n    // Loop over any CSS variables and assign those.\n    for (const key in vars) {\n        element.style.setProperty(key, vars[key]);\n    }\n}\n\nexport { renderHTML };\n"],"names":["renderHTML","element","style","vars","styleProp","projection","key"],"mappings":"AAAA,SAASA,EAAWC,GAAS,EAAE,OAAAC,GAAO,MAAAC,EAAM,GAAEC,GAAWC,GAAY;AACjE,SAAO,OAAOJ,EAAQ,OAAOC,GAAOG,KAAcA,EAAW,oBAAoBD,CAAS,CAAC;AAE3F,aAAWE,KAAOH;AACd,IAAAF,EAAQ,MAAM,YAAYK,GAAKH,EAAKG,CAAG,CAAC;AAEhD;","x_google_ignoreList":[0]}