@new-black/lyra 0.1.15 → 0.1.17

package/dist/lyra335.js

@@ -1,234 +1,16 @@
-import { invariant as y } from "./lyra177.js";
-import { PanSession as L } from "./lyra336.js";
-import { getGlobalLock as x } from "./lyra273.js";
-import { isRefObject as v } from "./lyra201.js";
-import { addPointerEvent as M } from "./lyra274.js";
-import { applyConstraints as V, calcRelativeConstraints as b, resolveDragElastic as S, calcViewportConstraints as B, rebaseAxisConstraints as k, calcOrigin as j, defaultElastic as G } from "./lyra400.js";
-import { createBox as T } from "./lyra200.js";
-import { eachAxis as g } from "./lyra360.js";
-import { measurePageBox as w } from "./lyra344.js";
-import { extractEventInfo as R } from "./lyra276.js";
-import { convertBoxToBoundingBox as O, convertBoundingBoxToBox as U } from "./lyra401.js";
-import { addDomEvent as W } from "./lyra275.js";
-import { calcLength as z } from "./lyra268.js";
-import { mix as D } from "./lyra246.js";
-import { percent as I } from "./lyra237.js";
-import { animateMotionValue as _ } from "./lyra300.js";
-import { frame as A } from "./lyra216.js";
-const F = /* @__PURE__ */ new WeakMap();
-class ct {
-  constructor(t) {
-    this.openGlobalLock = null, this.isDragging = !1, this.currentDirection = null, this.originPoint = { x: 0, y: 0 }, this.constraints = !1, this.hasMutatedConstraints = !1, this.elastic = T(), this.visualElement = t;
+import { mix as i } from "./lyra241.js";
+import { complex as m } from "./lyra228.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);
   }
-  start(t, { snapToCursor: n = !1 } = {}) {
-    const { presenceContext: s } = this.visualElement;
-    if (s && s.isPresent === !1)
-      return;
-    const i = (r) => {
-      this.stopAnimation(), n && this.snapToCursor(R(r, "page").point);
-    }, e = (r, l) => {
-      const { drag: c, dragPropagation: u, onDragStart: p } = this.getProps();
-      if (c && !u && (this.openGlobalLock && this.openGlobalLock(), this.openGlobalLock = x(c), !this.openGlobalLock))
-        return;
-      this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), g((h) => {
-        let d = this.getAxisMotionValue(h).get() || 0;
-        if (I.test(d)) {
-          const { projection: P } = this.visualElement;
-          if (P && P.layout) {
-            const C = P.layout.layoutBox[h];
-            C && (d = z(C) * (parseFloat(d) / 100));
-          }
-        }
-        this.originPoint[h] = d;
-      }), p && A.update(() => p(r, l), !1, !0);
-      const { animationState: m } = this.visualElement;
-      m && m.setActive("whileDrag", !0);
-    }, o = (r, l) => {
-      const { dragPropagation: c, dragDirectionLock: u, onDirectionLock: p, onDrag: m } = this.getProps();
-      if (!c && !this.openGlobalLock)
-        return;
-      const { offset: h } = l;
-      if (u && this.currentDirection === null) {
-        this.currentDirection = K(h), this.currentDirection !== null && p && p(this.currentDirection);
-        return;
-      }
-      this.updateAxis("x", l.point, h), this.updateAxis("y", l.point, h), this.visualElement.render(), m && m(r, l);
-    }, a = (r, l) => this.stop(r, l);
-    this.panSession = new L(t, {
-      onSessionStart: i,
-      onStart: e,
-      onMove: o,
-      onSessionEnd: a
-    }, { transformPagePoint: this.visualElement.getTransformPagePoint() });
-  }
-  stop(t, n) {
-    const s = this.isDragging;
-    if (this.cancel(), !s)
-      return;
-    const { velocity: i } = n;
-    this.startAnimation(i);
-    const { onDragEnd: e } = this.getProps();
-    e && A.update(() => e(t, n));
-  }
-  cancel() {
-    this.isDragging = !1;
-    const { projection: t, animationState: n } = this.visualElement;
-    t && (t.isAnimationBlocked = !1), this.panSession && this.panSession.end(), this.panSession = void 0;
-    const { dragPropagation: s } = this.getProps();
-    !s && this.openGlobalLock && (this.openGlobalLock(), this.openGlobalLock = null), n && n.setActive("whileDrag", !1);
-  }
-  updateAxis(t, n, s) {
-    const { drag: i } = this.getProps();
-    if (!s || !E(t, i, this.currentDirection))
-      return;
-    const e = this.getAxisMotionValue(t);
-    let o = this.originPoint[t] + s[t];
-    this.constraints && this.constraints[t] && (o = V(o, this.constraints[t], this.elastic[t])), e.set(o);
-  }
-  resolveConstraints() {
-    const { dragConstraints: t, dragElastic: n } = this.getProps(), { layout: s } = this.visualElement.projection || {}, i = this.constraints;
-    t && v(t) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : t && s ? this.constraints = b(s.layoutBox, t) : this.constraints = !1, this.elastic = S(n), i !== this.constraints && s && this.constraints && !this.hasMutatedConstraints && g((e) => {
-      this.getAxisMotionValue(e) && (this.constraints[e] = k(s.layoutBox[e], this.constraints[e]));
-    });
-  }
-  resolveRefConstraints() {
-    const { dragConstraints: t, onMeasureDragConstraints: n } = this.getProps();
-    if (!t || !v(t))
-      return !1;
-    const s = t.current;
-    y(s !== null, "If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.");
-    const { projection: i } = this.visualElement;
-    if (!i || !i.layout)
-      return !1;
-    const e = w(s, i.root, this.visualElement.getTransformPagePoint());
-    let o = B(i.layout.layoutBox, e);
-    if (n) {
-      const a = n(O(o));
-      this.hasMutatedConstraints = !!a, a && (o = U(a));
-    }
-    return o;
-  }
-  startAnimation(t) {
-    const { drag: n, dragMomentum: s, dragElastic: i, dragTransition: e, dragSnapToOrigin: o, onDragTransitionEnd: a } = this.getProps(), r = this.constraints || {}, l = g((c) => {
-      if (!E(c, n, this.currentDirection))
-        return;
-      let u = r && r[c] || {};
-      o && (u = { min: 0, max: 0 });
-      const p = i ? 200 : 1e6, m = i ? 40 : 1e7, h = {
-        type: "inertia",
-        velocity: s ? t[c] : 0,
-        bounceStiffness: p,
-        bounceDamping: m,
-        timeConstant: 750,
-        restDelta: 1,
-        restSpeed: 10,
-        ...e,
-        ...u
-      };
-      return this.startAxisValueAnimation(c, h);
-    });
-    return Promise.all(l).then(a);
-  }
-  startAxisValueAnimation(t, n) {
-    const s = this.getAxisMotionValue(t);
-    return s.start(_(t, s, 0, n));
-  }
-  stopAnimation() {
-    g((t) => this.getAxisMotionValue(t).stop());
-  }
-  /**
-   * Drag works differently depending on which props are provided.
-   *
-   * - If _dragX and _dragY are provided, we output the gesture delta directly to those motion values.
-   * - Otherwise, we apply the delta to the x/y motion values.
-   */
-  getAxisMotionValue(t) {
-    const n = "_drag" + t.toUpperCase(), s = this.visualElement.getProps(), i = s[n];
-    return i || this.visualElement.getValue(t, (s.initial ? s.initial[t] : void 0) || 0);
-  }
-  snapToCursor(t) {
-    g((n) => {
-      const { drag: s } = this.getProps();
-      if (!E(n, s, this.currentDirection))
-        return;
-      const { projection: i } = this.visualElement, e = this.getAxisMotionValue(n);
-      if (i && i.layout) {
-        const { min: o, max: a } = i.layout.layoutBox[n];
-        e.set(t[n] - D(o, a, 0.5));
-      }
-    });
-  }
-  /**
-   * When the viewport resizes we want to check if the measured constraints
-   * have changed and, if so, reposition the element within those new constraints
-   * relative to where it was before the resize.
-   */
-  scalePositionWithinConstraints() {
-    if (!this.visualElement.current)
-      return;
-    const { drag: t, dragConstraints: n } = this.getProps(), { projection: s } = this.visualElement;
-    if (!v(n) || !s || !this.constraints)
-      return;
-    this.stopAnimation();
-    const i = { x: 0, y: 0 };
-    g((o) => {
-      const a = this.getAxisMotionValue(o);
-      if (a) {
-        const r = a.get();
-        i[o] = j({ min: r, max: r }, this.constraints[o]);
-      }
-    });
-    const { transformTemplate: e } = this.visualElement.getProps();
-    this.visualElement.current.style.transform = e ? e({}, "") : "none", s.root && s.root.updateScroll(), s.updateLayout(), this.resolveConstraints(), g((o) => {
-      if (!E(o, t, null))
-        return;
-      const a = this.getAxisMotionValue(o), { min: r, max: l } = this.constraints[o];
-      a.set(D(r, l, i[o]));
-    });
-  }
-  addListeners() {
-    if (!this.visualElement.current)
-      return;
-    F.set(this.visualElement, this);
-    const t = this.visualElement.current, n = M(t, "pointerdown", (r) => {
-      const { drag: l, dragListener: c = !0 } = this.getProps();
-      l && c && this.start(r);
-    }), s = () => {
-      const { dragConstraints: r } = this.getProps();
-      v(r) && (this.constraints = this.resolveRefConstraints());
-    }, { projection: i } = this.visualElement, e = i.addEventListener("measure", s);
-    i && !i.layout && (i.root && i.root.updateScroll(), i.updateLayout()), s();
-    const o = W(window, "resize", () => this.scalePositionWithinConstraints()), a = i.addEventListener("didUpdate", ({ delta: r, hasLayoutChanged: l }) => {
-      this.isDragging && l && (g((c) => {
-        const u = this.getAxisMotionValue(c);
-        u && (this.originPoint[c] += r[c].translate, u.set(u.get() + r[c].translate));
-      }), this.visualElement.render());
-    });
-    return () => {
-      o(), n(), e(), a && a();
-    };
-  }
-  getProps() {
-    const t = this.visualElement.getProps(), { drag: n = !1, dragDirectionLock: s = !1, dragPropagation: i = !1, dragConstraints: e = !1, dragElastic: o = G, dragMomentum: a = !0 } = t;
-    return {
-      ...t,
-      drag: n,
-      dragDirectionLock: s,
-      dragPropagation: i,
-      dragConstraints: e,
-      dragElastic: o,
-      dragMomentum: a
-    };
-  }
-}
-function E(f, t, n) {
-  return (t === !0 || t === f) && (n === null || n === f);
-}
-function K(f, t = 10) {
-  let n = null;
-  return Math.abs(f.y) > t ? n = "y" : Math.abs(f.x) > t && (n = "x"), n;
-}
+};
 export {
-  ct as VisualElementDragControls,
-  F as elementDragControls
+  l as correctBoxShadow
 };

package/dist/lyra335.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra335.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 { 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            // Stop any animations on both axis values immediately. This allows the user to throw and catch\n            // the component.\n            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        this.panSession = new PanSession(originEvent, {\n            onSessionStart,\n            onStart,\n            onMove,\n            onSessionEnd,\n        }, { transformPagePoint: this.visualElement.getTransformPagePoint() });\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        const { dragConstraints, dragElastic } = this.getProps();\n        const { layout } = this.visualElement.projection || {};\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    /**\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","extractEventInfo","onStart","info","drag","dragPropagation","onDragStart","getGlobalLock","eachAxis","axis","current","percent","projection","measuredAxis","calcLength","frame","animationState","onMove","dragDirectionLock","onDirectionLock","onDrag","offset","getCurrentDirection","onSessionEnd","PanSession","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","dragSnapToOrigin","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":"lyra335.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/lyra336.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("./lyra276.cjs"),y=require("./lyra226.cjs"),v=require("./lyra274.cjs"),S=require("./lyra247.cjs"),q=require("./lyra257.cjs"),w=require("./lyra277.cjs"),u=require("./lyra216.cjs");class D{constructor(n,o,{transformPagePoint:i}={}){if(this.startEvent=null,this.lastMoveEvent=null,this.lastMoveEventInfo=null,this.handlers={},this.updatePoint=()=>{if(!(this.lastMoveEvent&&this.lastMoveEventInfo))return;const e=P(this.lastMoveEventInfo,this.history),h=this.startEvent!==null,l=q.distance2D(e.offset,{x:0,y:0})>=3;if(!h&&!l)return;const{point:c}=e,{timestamp:f}=u.frameData;this.history.push({...c,timestamp:f});const{onStart:p,onMove:E}=this.handlers;h||(p&&p(this.lastMoveEvent,e),this.startEvent=this.lastMoveEvent),E&&E(this.lastMoveEvent,e)},this.handlePointerMove=(e,h)=>{this.lastMoveEvent=e,this.lastMoveEventInfo=d(h,this.transformPagePoint),u.frame.update(this.updatePoint,!0)},this.handlePointerUp=(e,h)=>{if(this.end(),!(this.lastMoveEvent&&this.lastMoveEventInfo))return;const{onEnd:l,onSessionEnd:c}=this.handlers,f=P(e.type==="pointercancel"?this.lastMoveEventInfo:d(h,this.transformPagePoint),this.history);this.startEvent&&l&&l(e,f),c&&c(e,f)},!w.isPrimaryPointer(n))return;this.handlers=o,this.transformPagePoint=i;const r=g.extractEventInfo(n),a=d(r,this.transformPagePoint),{point:s}=a,{timestamp:I}=u.frameData;this.history=[{...s,timestamp:I}];const{onSessionStart:m}=o;m&&m(n,P(a,this.history)),this.removeListeners=S.pipe(v.addPointerEvent(window,"pointermove",this.handlePointerMove),v.addPointerEvent(window,"pointerup",this.handlePointerUp),v.addPointerEvent(window,"pointercancel",this.handlePointerUp))}updateHandlers(n){this.handlers=n}end(){this.removeListeners&&this.removeListeners(),u.cancelFrame(this.updatePoint)}}function d(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,x(n)),offset:M(t,T(n)),velocity:b(n,.1)}}function T(t){return t[0]}function x(t){return t[t.length-1]}function b(t,n){if(t.length<2)return{x:0,y:0};let o=t.length-1,i=null;const r=x(t);for(;o>=0&&(i=t[o],!(r.timestamp-i.timestamp>y.secondsToMilliseconds(n)));)o--;if(!i)return{x:0,y:0};const a=y.millisecondsToSeconds(r.timestamp-i.timestamp);if(a===0)return{x:0,y:0};const s={x:(r.x-i.x)/a,y:(r.y-i.y)/a};return s.x===1/0&&(s.x=0),s.y===1/0&&(s.y=0),s}exports.PanSession=D;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("./lyra213.cjs"),b=require("./lyra229.cjs"),d=require("./lyra202.cjs"),p=require("./lyra395.cjs"),S=require("./lyra361.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/lyra336.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra336.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 } = {}) {\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        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            if (!(this.lastMoveEvent && this.lastMoveEventInfo))\n                return;\n            const { onEnd, onSessionEnd } = this.handlers;\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.handlers = handlers;\n        this.transformPagePoint = transformPagePoint;\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(window, \"pointermove\", this.handlePointerMove), addPointerEvent(window, \"pointerup\", this.handlePointerUp), addPointerEvent(window, \"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","info","getPanInfo","isPanStarted","isDistancePastThreshold","distance2D","point","timestamp","frameData","onStart","onMove","transformPoint","frame","onEnd","onSessionEnd","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":"lyra336.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/lyra336.js

@@ -1,82 +1,30 @@
-import { extractEventInfo as I } from "./lyra276.js";
-import { secondsToMilliseconds as g, millisecondsToSeconds as w } from "./lyra226.js";
-import { addPointerEvent as m } from "./lyra274.js";
-import { pipe as S } from "./lyra247.js";
-import { distance2D as D } from "./lyra257.js";
-import { isPrimaryPointer as L } from "./lyra277.js";
-import { frame as T, cancelFrame as U, frameData as E } from "./lyra216.js";
-class B {
-  constructor(n, o, { transformPagePoint: i } = {}) {
-    if (this.startEvent = null, this.lastMoveEvent = null, this.lastMoveEventInfo = null, this.handlers = {}, this.updatePoint = () => {
-      if (!(this.lastMoveEvent && this.lastMoveEventInfo))
-        return;
-      const e = p(this.lastMoveEventInfo, this.history), h = this.startEvent !== null, l = D(e.offset, { x: 0, y: 0 }) >= 3;
-      if (!h && !l)
-        return;
-      const { point: f } = e, { timestamp: c } = E;
-      this.history.push({ ...f, timestamp: c });
-      const { onStart: d, onMove: P } = this.handlers;
-      h || (d && d(this.lastMoveEvent, e), this.startEvent = this.lastMoveEvent), P && P(this.lastMoveEvent, e);
-    }, this.handlePointerMove = (e, h) => {
-      this.lastMoveEvent = e, this.lastMoveEventInfo = v(h, this.transformPagePoint), T.update(this.updatePoint, !0);
-    }, this.handlePointerUp = (e, h) => {
-      if (this.end(), !(this.lastMoveEvent && this.lastMoveEventInfo))
-        return;
-      const { onEnd: l, onSessionEnd: f } = this.handlers, c = p(e.type === "pointercancel" ? this.lastMoveEventInfo : v(h, this.transformPagePoint), this.history);
-      this.startEvent && l && l(e, c), f && f(e, c);
-    }, !L(n))
-      return;
-    this.handlers = o, this.transformPagePoint = i;
-    const r = I(n), a = v(r, this.transformPagePoint), { point: s } = a, { timestamp: x } = E;
-    this.history = [{ ...s, timestamp: x }];
-    const { onSessionStart: u } = o;
-    u && u(n, p(a, this.history)), this.removeListeners = S(m(window, "pointermove", this.handlePointerMove), m(window, "pointerup", this.handlePointerUp), m(window, "pointercancel", this.handlePointerUp));
+import { buildTransform as y } from "./lyra213.js";
+import { isCSSVariableName as T } from "./lyra229.js";
+import { transformProps as b } from "./lyra202.js";
+import { getValueAsType as h } from "./lyra395.js";
+import { numberValueTypes as v } from "./lyra361.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;
+    }
+    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;
   }
-  updateHandlers(n) {
-    this.handlers = n;
+  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}`;
   }
-  end() {
-    this.removeListeners && this.removeListeners(), U(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, i = null;
-  const r = M(t);
-  for (; o >= 0 && (i = t[o], !(r.timestamp - i.timestamp > g(n))); )
-    o--;
-  if (!i)
-    return { x: 0, y: 0 };
-  const a = w(r.timestamp - i.timestamp);
-  if (a === 0)
-    return { x: 0, y: 0 };
-  const s = {
-    x: (r.x - i.x) / a,
-    y: (r.y - i.y) / a
-  };
-  return s.x === 1 / 0 && (s.x = 0), s.y === 1 / 0 && (s.y = 0), s;
 }
 export {
-  B as PanSession
+  N as buildHTMLStyles
 };

package/dist/lyra336.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra336.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 } = {}) {\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        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            if (!(this.lastMoveEvent && this.lastMoveEventInfo))\n                return;\n            const { onEnd, onSessionEnd } = this.handlers;\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.handlers = handlers;\n        this.transformPagePoint = transformPagePoint;\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(window, \"pointermove\", this.handlePointerMove), addPointerEvent(window, \"pointerup\", this.handlePointerUp), addPointerEvent(window, \"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","info","getPanInfo","isPanStarted","isDistancePastThreshold","distance2D","point","timestamp","frameData","onStart","onMove","transformPoint","frame","onEnd","onSessionEnd","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":"lyra336.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/lyra337.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"});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/lyra337.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra337.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":"lyra337.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/lyra337.js

@@ -1,15 +1,8 @@
-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
-};
+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 {
-  e as globalProjectionState
+  y as renderHTML
 };

package/dist/lyra337.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra337.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":"lyra337.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]}